@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:regular,500,600,700&display=swap);*{padding:0;margin:0;border:0}*,*::after,*::before{box-sizing:border-box}*::after,*::before{display:inline-block}body,html{height:100%;min-width:320px}body{color:#1f1f1f;line-height:1.2;font-family:"Roboto Condensed",sans-serif;font-size:1.25rem;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:"Roboto Condensed",sans-serif;font-size:inherit;line-height:inherit;color:inherit;background-color:rgba(0,0,0,0)}input,textarea{width:100%}label{display:inline-block}button,option,select{cursor:pointer}a{display:inline-block;color:inherit;text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}.lock body{overflow:hidden;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}.wrapper{height:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;gap:.5rem}.wrapper>main{flex:1 1 auto}.wrapper>*{min-width:0}.button{position:relative;display:flex;padding:14px 20px;align-items:center;justify-content:center;background:#56e1ff;color:#fff;font-size:1.375rem;text-align:center;border-radius:.625rem;transition:all .3s ease;border:2px solid transparent}.button--fw{width:100%}@-webkit-keyframes button-circle{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes button-circle{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(3);transform:scale(3)}}.button-border{display:flex;width:100%;color:#56e1ff;text-decoration:underline;font-size:1.375rem;text-align:center;justify-content:center}.finish-block .button{margin-top:auto}body::after{content:"";background-color:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .8s ease 0s;pointer-events:none;z-index:149}.popup__content{background-color:#fafafa;padding:4rem 1.25rem;width:100%;max-width:900px;position:relative}.popup__close{position:absolute;right:20px;top:20px}.f-bold{font-weight:700}[data-fullscreen]{max-height:100vh;overflow:hidden}[data-fullscreen].touch{max-height:calc(var(--vh,1vh)*100)}.step__slide .video-block__content{background:rgba(0,0,0,0)!important}.js-player{width:100%;height:100%}[class*=__container]{background:#fafafa;border-radius:1.125rem;padding-left:1.25rem;padding-right:1.25rem}.header{margin-top:1.25rem}.header__container{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-top:.4em;padding-bottom:.4em}.video-block__container{padding-top:1.125rem;padding-bottom:1.125rem}.video-block__content{display:flex;justify-content:center;align-items:center;background:#56e1ff;border-radius:1rem;width:100%;height:auto;aspect-ratio:330/240;overflow:hidden}.video-block__content img:not(.without-img){-webkit-transform:translateX(-14px);transform:translateX(-14px)}.video-block__content img.without-img{width:100%;height:100%}.header__logo{display:flex;align-items:center}.mems__slider{height:100%;position:relative}.mems__slide{width:100%;height:100%}.mems__slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.mems-button-next,.mems-button-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.mems-button-next path,.mems-button-prev path{transition:all .3s ease}.mems-button-next:active path,.mems-button-next:hover path,.mems-button-prev:active path,.mems-button-prev:hover path{fill:#56e1ff}.mems-button-prev{left:1.125rem}.mems-button-next{right:1.125rem}.button__miss span{display:none;padding-left:6px}.button__miss:disabled{opacity:.3;cursor:default}.button__miss:disabled span{display:block}.btn-border{width:-webkit-max-content;width:max-content;text-decoration:underline;font-size:17px;transition:all .3s ease}.btn-border:hover{opacity:.7}.page__actions .btn-border{margin:0 auto}.header__name{position:relative;color:#56e1ff;font-size:16px;font-weight:500}.header__logo{-webkit-animation:animateLogo 3s linear infinite;animation:animateLogo 3s linear infinite}@-webkit-keyframes animateLogo{0%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}25%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes animateLogo{0%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}25%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.page{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.page__container{display:flex;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;overflow:hidden;height:100%}.page__block{display:flex;height:100%;width:100%;flex-direction:column;padding-top:2.625rem;padding-bottom:2.625rem}.page__block p+p{padding-top:1rem}.page__actions{display:flex;flex-direction:column;gap:1.375rem}.page__content{min-height:8.375rem}.page__content:not(:last-child){margin-bottom:1.1em}.start .page__block>div{min-height:8.375rem}.page__block--choose{display:none}.page--choose .page__block--choose{display:block}.page--choose .page__panel{display:none}.page__ingredients{display:flex;border:3px dashed #56e1ff;border-radius:1rem;gap:1.875rem;align-items:center;padding:2.875rem;justify-content:center}.page__ingredients:not(:first-child){margin-top:1.875rem}.page__ingredients li{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:.875rem}.ingredients_icon{display:flex;justify-content:center;align-items:flex-end;width:3.5rem;height:3.375rem;aspect-ratio:56/54;fill:transparent}.step__slider{height:100%;position:relative}.step__slide{display:flex;height:100%;width:100%;flex-direction:column;gap:.5rem}.step__slide p+p{padding-top:1rem}.swiper-pagination-progressbar{width:calc(100% - .75rem - .75rem - .75rem - .75rem);height:7px;background:#ededed;border-radius:.375rem;position:absolute;top:314px;left:.75rem;z-index:3;margin-left:.75rem;margin-right:.75rem;overflow:hidden}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#56e1ff;height:100%;display:block;-webkit-transform-origin:left top;transform-origin:left top;border-radius:.375rem}.swiper-button-prev{display:none}.plyr--video{height:100%;border-radius:.625rem}.finish__drip{position:relative;width:100%;max-height:286px;height:100%;width:auto;margin-left:-1.25rem;margin-right:-1.25rem}.finish__drip:not(:last-child){margin-bottom:1rem}.finish__drip img{position:relative;display:block;width:100%;height:auto;max-height:100%;-o-object-fit:contain;object-fit:contain;z-index:2;-webkit-animation:imgAnimate 8s linear infinite;animation:imgAnimate 8s linear infinite}.finish__drip::after{content:"";display:block;position:absolute;z-index:0;top:.75rem;left:0;width:100%;height:100%;background:url(../img/finish-ok.webp) no-repeat center;background-size:contain}@-webkit-keyframes imgAnimate{0%{-webkit-transform:rotate(0) translateX(-20px);transform:rotate(0) translateX(-20px);scale:.5}60%{-webkit-transform:rotate(-11.4deg) translateX(-20px);transform:rotate(-11.4deg) translateX(-20px);scale:1}100%{-webkit-transform:rotate(-11.4deg) translateX(-20px);transform:rotate(-11.4deg) translateX(-20px);scale:1}}@keyframes imgAnimate{0%{-webkit-transform:rotate(0) translateX(-20px);transform:rotate(0) translateX(-20px);scale:.5}60%{-webkit-transform:rotate(-11.4deg) translateX(-20px);transform:rotate(-11.4deg) translateX(-20px);scale:1}100%{-webkit-transform:rotate(-11.4deg) translateX(-20px);transform:rotate(-11.4deg) translateX(-20px);scale:1}}.finish-title{font-size:3.125rem;font-weight:500;line-height:1.46;letter-spacing:-1.4px;text-align:center;color:#56e1ff;width:100%;text-transform:uppercase}.steps-page .page__actions:last-child{min-height:9.875rem;margin-top:auto}.start-content{display:flex;flex-direction:column;gap:.5rem;height:100%}.steps-page.start .finish-block,.steps-page.start .step__slider{display:none}.steps-page.slider .finish-block,.steps-page.slider .start-content{display:none}.steps-page.finish .start-content,.steps-page.finish .step__slider{display:none}.steps-page.finish .finish-block,.steps-page.slider .step__slider,.steps-page.start .start-content{display:flex}.step__slide .page__block{margin-top:3.125rem}.plyr__control--overlaid{background:#56e1ff}.page__note{background:#fff;font-size:.625rem;line-height:12px;text-align:center;border-radius:.375rem;padding:.375rem 1.375rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;color:#8f9394}.page__note:not(:first-child){margin-top:auto}.page__block p+.btn-border{margin-top:12px}.plyr__control--overlaid{background:#56e1ff}.page__panel .front{float:none;z-index:900;-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .3s ease-in-out;background:#fafafa}.page__panel.flip .front,.step__slider.flip .step__wrapper{z-index:900;-webkit-transform:rotateY(179deg);transform:rotateY(179deg)}.page__block--swiper,.page__panel .back{float:none;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:800;background:#fafafa;-webkit-transform:rotateY(-179deg);transform:rotateY(-179deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .3s ease-in-out}.page__block--swiper{left:12px;right:12px;border-radius:1.125rem;width:calc(100% - 24px)}.page__panel.flip .back,.step__slider.flip .page__block--swiper{z-index:1000;-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0);background:#fafafa;opacity:1}.page__panel,.step__slider{position:relative;-webkit-perspective:600px;perspective:600px;height:100%;width:100%}.swiper{overflow:hidden}.swiper-initialized{touch-action:pan-y}.swiper-wrapper{width:100%;height:100%;box-sizing:content-box;display:flex;position:relative}.swiper-vertical .swiper-wrapper{flex-direction:column}.swiper-autoheight .swiper-wrapper{align-items:flex-start}.swiper-initialized .swiper-slide{flex-shrink:0}.swiper-android .swiper-slide,.swiper-android .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-button-lock{display:none!important}@media (min-width:38.399em){[class*=__container]{max-width:37.5rem;margin-left:auto;margin-right:auto;width:100%}}@media (min-width:49.599em){body{font-size:28px}.step__slider{max-width:37.5rem;margin-left:auto;margin-right:auto;width:100%}.header__container>img{display:block;aspect-ratio:72/14;height:.7em;width:auto}}@media (min-width:767.9px){.swiper-pagination-progressbar{top:unset;bottom:30px}}@media (min-width:96em){[class*=__container]{padding-left:.625rem}[class*=__container]{padding-right:.625rem}}@media (max-width:380px){.page__ingredients{gap:1.5rem}.ingredients_icon{width:2.875rem;height:auto}}@media (max-width:16em){[class*=__container]{padding-left:.9375rem}[class*=__container]{padding-right:.9375rem}}@media (max-width:38.399em){[class*=__container]{margin-left:.75rem;margin-right:.75rem}.plyr__progress__container{display:none}}@media (min-width:16em)and (max-width:96em){@supports (padding-left:clamp(0.625rem ,1rem + -0.3125vw ,0.9375rem)){[class*=__container]{padding-left:clamp(.625rem ,1rem + -.3125vw ,.9375rem)}}@supports not (padding-left:clamp(0.625rem ,1rem + -0.3125vw ,0.9375rem)){[class*=__container]{padding-left:calc(.9375rem + -.3125*(100vw - 20rem)/ 100)}}@supports (padding-right:clamp(0.625rem ,1rem + -0.3125vw ,0.9375rem)){[class*=__container]{padding-right:clamp(.625rem ,1rem + -.3125vw ,.9375rem)}}@supports not (padding-right:clamp(0.625rem ,1rem + -0.3125vw ,0.9375rem)){[class*=__container]{padding-right:calc(.9375rem + -.3125*(100vw - 20rem)/ 100)}}}@media (min-width:767.9px)and (max-width:49.599em){.swiper-pagination-progressbar{max-width:600px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:0;margin-right:0}}@media (any-hover:hover){.button:hover{background:rgba(0,0,0,0);border-color:#56e1ff;color:#56e1ff}}