body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#fefefe;font-size:.9em;color:#414241}#root{width:100%;min-height:100%;position:relative;font-family:Inter,sans-serif,Helvetica,Tahoma,Arial,Verdana;color:#ffffffde}a{color:#000;text-decoration:none;transition:.2s linear background-color;background-color:transparent;background-color:#fff}a:hover{background-color:#dbc7ff;color:#000}.npp__firstscreen{height:60vh;min-height:480px;position:relative;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;padding:40px 20px 0}.npp__description{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:40px;position:relative}@keyframes input-blink{0%{opacity:0}28%{opacity:0}32%{opacity:1}68%{opacity:1}73%{opacity:0}to{opacity:0}}@keyframes word-appear{0%{opacity:0;top:30px}to{opacity:1;top:0}}@keyframes word-appear2{0%{opacity:0}to{opacity:1}}.npp__logo{opacity:0;animation:word-appear 1s 1;height:3.2em;animation-fill-mode:forwards}.npp__logo img{height:100%;opacity:.95}.npp__description-strike{font-weight:200;font-size:2.2em;width:80%;color:#222}.npp__description-strike .npp__description-cursor{animation-delay:1.6s;opacity:0;transition:.2s linear opacity;animation:input-blink 2s infinite}.npp__description-word-1{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:.2s}.npp__description-word-2{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:.4s}.npp__description-word-3{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:.6s}.npp__description-word-4{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:.8s}.npp__description-word-5{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:1s}.npp__description-word-6{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:1.2s}.npp__description-word-7{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:1.4s}.npp__description-word-8{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:1.6s}.npp__description-word-9{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:1.8s}.npp__description-word-10{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:2s}.npp__description-word-11{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:2.2s}.npp__description-word-12{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:2.4s}.npp__description-word-13{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:2.6s}.npp__description-word-14{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:2.8s}.npp__description-word-15{position:relative;opacity:0;animation-timing-function:ease-out;animation:word-appear 1s 1;animation-fill-mode:forwards;animation-delay:3s}.npp__description-tech{margin:14px 0;opacity:0;animation:word-appear2 1s 1;animation-fill-mode:forwards;color:#888;animation-delay:1.6s}.npp__description-contacts{opacity:0;animation:word-appear2 1s 1;animation-fill-mode:forwards;animation-delay:1.6s;margin:14px 0}.npp__description-contacts a{padding:10px 20px}.npp__description-contacts .npp__description-demos{background-color:#dbc7ff;border-radius:18px 0 0 18px;margin-right:2px}.npp__description-contacts .npp__description-demos:hover{background-color:#aba7ff}.npp__description-contacts .npp__description-mail{border-radius:0 18px 18px 0;background-color:#eee}.npp__description-contacts .npp__description-mail:hover{background-color:#aba7ff}.npp__works{padding:0 20px 20px;display:none;opacity:0}.npp__works.npp__works--show{display:block;animation:word-appear2 1s 1;animation-fill-mode:forwards}.npp__works-cont{padding:60px 0 0;border-top:2px solid #fff}.npp__works-line{width:100%;display:flex;flex-direction:column}@media only screen and (min-width: 800px){.npp__firstscreen{padding:80px 40px 0}.npp__description-strike{font-size:3.2em}.npp__works{padding:0 40px 80px}.npp__works-line{flex-direction:row}.npp__works-cont{padding:60px 0 0;border-top:2px solid #fff}.npp__works-cont .npp__works-line{margin-bottom:40px}.npp__works-cont .npp__works-line:last-of-type{margin-bottom:0}}@media only screen and (min-width: 1024px){.npp__firstscreen{padding:80px 80px 0}.npp__works{padding:0 80px 80px}}@media only screen and (min-width: 1600px){.npp__description-strike{font-size:4.2em}.npp__description-tech{font-size:1.4em;font-weight:200}.npp__description-contacts{font-size:1em}}@media only screen and (min-width: 2200px){.npp__description-strike{font-size:6.2em}}.npp__npp-work{width:100%;background-color:#0d0d0d;padding-bottom:88.175%;-webkit-user-select:none;user-select:none;position:relative;border-radius:22px;cursor:pointer;transform:scale(1);display:flex;margin-bottom:20px;transition:transform .5s cubic-bezier(.21,1.305,.615,1.005),opacity .2s linear,border .2s linear,transform .2s linear;border:3px solid rgba(0,0,0,.5);box-sizing:content-box;box-shadow:0 0 30px #44448033}.npp__npp-work.npp__npp-work--overlay .npp__npp-work__button-demo{pointer-events:all;opacity:1;top:0}.npp__npp-work.npp__npp-work--overlay .npp__npp-work__button-youtube{pointer-events:all;opacity:1;top:0;border:2px solid #222}.npp__npp-work.npp__npp-work--overlay .npp__npp-work__overlay{border-radius:22px;background-color:#000000e6}.npp__npp-work__anim{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:22px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0;transition:.1s linear opacity;pointer-events:none}.npp__npp-work__anim video{width:100%;height:100%;object-fit:cover}.npp__npp-work__overlay{position:absolute;width:100%;height:100%;bottom:0;left:0;display:flex;flex-direction:column;background-color:#0000;transition:background-color .2s linear;justify-content:flex-end;align-items:center;border-radius:22px}.npp__npp-work__button{position:relative;background-color:#000c;color:#ffffffb3;display:flex;margin-bottom:18px;border-radius:14px;min-height:32px;justify-content:center;align-items:center;font-size:1.2em;width:180px;padding:10px 14px;transition:opacity .2s linear,top .1s ease-out}.npp__npp-work__button-demo{pointer-events:none;border:2px solid #DBC7FF;color:#dbc7ff;top:40px;opacity:0}.npp__npp-work__button-youtube{pointer-events:none;top:40px;opacity:0}.npp__npp-work__button-actions{padding:0 14px;width:auto;font-size:2em;border-radius:20px}.npp__works-vline-cont{display:flex;flex-direction:column;position:relative}@media only screen and (min-width: 800px){.npp__npp-work{margin-bottom:0;padding-bottom:28.175%}.npp__npp-work:hover{opacity:1;border:3px solid #000;transform:scale(1.02)}.npp__npp-work:hover .npp__npp-work__anim{display:block;opacity:1}.npp__npp-work:hover .npp__npp-work__title{opacity:0}.npp__works-line--2 .npp__npp-work:nth-child(1){margin-right:20px;padding-bottom:32.175%}.npp__works-line--2 .npp__npp-work:nth-child(2){margin-left:20px;padding-bottom:32.175%}.npp__works-line--31 .npp__npp-work:nth-child(1){width:calc((100% - 40px)/2);margin-right:40px}.npp__works-line--31 .npp__npp-work:nth-child(2){width:calc(((100% - 40px)/2 - 40px)/2);margin-right:40px}.npp__works-line--31 .npp__npp-work:nth-child(3){width:calc(((100% - 40px)/2 - 40px)/2)}.npp__works-line--32 .npp__npp-work:nth-child(1){width:calc(((100% - 40px)/2 - 40px)/2);margin-right:40px}.npp__works-line--32 .npp__npp-work:nth-child(2){width:calc((100% - 40px)/2);margin-right:40px}.npp__works-line--32 .npp__npp-work:nth-child(3){width:calc(((100% - 40px)/2 - 40px)/2)}.npp__works-line--33 .npp__npp-work:nth-child(1){width:calc(((100% - 40px)/2 - 40px)/2);margin-right:40px}.npp__works-line--33 .npp__npp-work:nth-child(2){width:calc(((100% - 40px)/2 - 40px)/2);margin-right:40px}.npp__works-line--33 .npp__npp-work:nth-child(3){width:calc((100% - 40px)/2)}.npp__npp-work.npp__npp-work--vertical{width:calc(37.5% - 20px);padding-bottom:50%}.npp__works-vline-cont{width:calc(62.5% - 20px)}.npp__works-vline-cont .npp__npp-work:nth-child(1){width:100%;height:50%;margin:0 0 40px;padding-bottom:0%}.npp__works-vline-cont .npp__npp-work:nth-child(2){width:100%;height:50%;margin:0;padding-bottom:0%}.npp__works-vline--3 .npp__works-vline-cont{margin-right:40px}.npp__works-vline--1 .npp__works-vline-cont{margin-left:40px}.npp__npp-work__button{font-size:1em;padding:4px 8px;width:160px}.npp__npp-work__button-actions{width:auto;padding:0 14px;border-radius:20px;font-size:1.5em}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.npp__npp-work__loader{position:absolute;top:50%;left:50%;opacity:.5}.npp__npp-work__loader-loader-bk{width:60px;height:60px;position:absolute;top:-30px;left:-30px;opacity:.2}.npp__npp-work__loader-loader-circle{width:60px;height:60px;position:absolute;top:-30px;left:-30px;animation:spinner 2s infinite linear}.npp__npp-work__thumb,.npp__npp-work__thumb-mobile{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-size:cover;pointer-events:none;display:none;border-radius:22px}.npp__npp-work__thumb-mobile{display:block}@media only screen and (min-width: 640px){.npp__npp-work__thumb{display:block;filter:grayscale(100%) brightness(24%)}.npp__npp-work__thumb-mobile{display:none}}.npp__npp-work__title{position:absolute;left:15px;top:15px;background-color:#fff;color:#000;padding:4px 10px;font-size:1em;border-radius:12px;opacity:1;transition:.1s linear opacity}