.page-section--phone-app-scroll{background-color:#fff}.page-section--phone-app-scroll-premium{background-color:#000}.page-section--phone-app-scroll-premium .phone-app-scroll__content{background-color:#000!important}.page-section--phone-app-scroll-premium .phone-app-scroll__slide .slide-heading .phone-app-scroll__slide-title,.page-section--phone-app-scroll-premium .phone-app-scroll__slide-title,.page-section--phone-app-scroll-premium .phone-app-scroll__slide-text{color:#fff}.page-section--phone-app-scroll-premium .phone-app-scroll__mobile-heading-title,.page-section--phone-app-scroll-premium .phone-app-scroll__mobile-heading-text{color:#fff!important}.phone-app-scroll__mobile-heading{display:block;padding:0 20px;overflow:hidden;margin-top:50px;margin-bottom:30px}@media (min-width: 680px){.phone-app-scroll__mobile-heading{display:none;margin-top:0}}.phone-app-scroll__mobile-heading-title{font-size:32px;font-weight:800;line-height:32px;letter-spacing:0em;text-align:center}.phone-app-scroll__mobile-heading-text{font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em;text-align:center;margin-top:16px}.phone-app-scroll{overflow-y:hidden;position:relative;display:flex;flex-direction:column;max-width:1484px;margin:0 auto;margin-bottom:5vh;min-height:500px;height:100%}@media (min-width: 680px){.phone-app-scroll{height:calc(100vh - 40px);max-height:1000px;min-height:550px;display:grid;grid-template-columns:.2fr 1fr 2fr;grid-template-rows:1fr}}@media (min-width: 1024px){.phone-app-scroll{height:100%;grid-template-columns:.5fr 1fr 2fr}}.phone-app-scroll .phone-app-scroll__phone-wrapper{display:grid;grid-template-columns:.2fr 1fr .2fr;grid-row:2;align-items:center;justify-items:center;padding:0 14px;height:auto}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__phone-wrapper{display:block;grid-column:2/3;grid-row:1/2;align-self:center;justify-self:center;width:100%;height:auto;padding:0;min-height:unset;max-height:unset}}.phone-app-scroll .phone-app-scroll__phone-wrapper .button-prev,.phone-app-scroll .phone-app-scroll__phone-wrapper .button-next{height:40px;width:40px;background-color:#e6ff00;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 auto;cursor:pointer}.phone-app-scroll .phone-app-scroll__phone-wrapper .button-prev .svg--baseline,.phone-app-scroll .phone-app-scroll__phone-wrapper .button-next .svg--baseline{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.phone-app-scroll .phone-app-scroll__phone-wrapper .button-prev .svg--baseline img,.phone-app-scroll .phone-app-scroll__phone-wrapper .button-next .svg--baseline img{width:100%;height:16px}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__phone-wrapper .button-prev,.phone-app-scroll .phone-app-scroll__phone-wrapper .button-next{display:none}}.phone-app-scroll .phone-app-scroll__phone-wrapper .button-prev{grid-column:1}.phone-app-scroll .phone-app-scroll__phone-wrapper .button-next{grid-column:3}.phone-app-scroll .phone-app-scroll__phone-wrapper .inactive{background-color:#333;cursor:default}.phone-app-scroll .phone-app-scroll__phone-wrapper .inactive img{filter:invert(38%) sepia(16%) saturate(4%) hue-rotate(8deg) brightness(102%) contrast(94%)}.phone-app-scroll .phone-app-scroll__phone{grid-row:1;grid-column:2;align-self:center;width:auto;position:relative;aspect-ratio:1/2;margin:0 15px;height:auto;border-radius:25px}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__phone{height:100%;grid-column:2/3;grid-row:1/2;margin:0;margin-top:10vh;max-height:unset;border-radius:min(5.5vw,5.5vh);display:flex;justify-content:center;align-items:center}}@media (min-width: 1024px){.phone-app-scroll .phone-app-scroll__phone{border-radius:min(5.5vw,5.5vh)}}.phone-app-scroll .phone-app-scroll__phone .phone__scroll-container{width:100%;height:100%;overflow-y:clip;touch-action:manipulation;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none;border-radius:25px;margin:0;padding:0}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__phone .phone__scroll-container{border-radius:4vh;width:calc(100% - 10px);height:calc(100% - 10px);margin:0 auto}}@media (min-width: 1024px){.phone-app-scroll .phone-app-scroll__phone .phone__scroll-container{border-radius:min(5.5vw,5.5vh)}}.phone-app-scroll .phone__scroll-container::-webkit-scrollbar{display:none}.phone-app-scroll .first-scroll-block{height:calc(100% + -0vh);display:flex;justify-content:center;align-items:center;z-index:1;position:sticky;top:0;padding:0;margin:0}@media (min-width: 680px){.phone-app-scroll .first-scroll-block{height:100%;border-right:5px solid rgba(255,0,0,0);border-left:5px solid rgba(255,0,0,0)}}.phone-app-scroll .first-scroll-block-container{background-color:#e6ff00;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.phone-app-scroll .first-scroll-block-container--premium{background-color:#000;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.phone-app-scroll .second-scroll-block{position:relative;margin:0}@media (min-width: 680px){.phone-app-scroll .second-scroll-block{border-right:5px solid rgba(255,0,0,0);border-left:5px solid rgba(255,0,0,0)}}.phone-app-scroll .scroll-bar{display:none}@media (min-width: 680px){.phone-app-scroll .scroll-bar{display:flex;flex-direction:column;justify-content:flex-start;grid-column:1;position:relative;top:50%;transform:translateY(-50%);z-index:-1;margin-left:20px;width:6px;height:100%;max-height:118px;border-radius:50px;background:#d9d9d9}}.phone-app-scroll .scroll-bar .scroll-bar-progress-dot{width:6px;height:18px;border-radius:50px;border:0;background:#000;opacity:1}.phone-app-scroll .phone-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;display:none}@media (min-width: 680px){.phone-app-scroll .phone-mask{display:block}}.phone-app-scroll .phone-image,.phone-app-scroll .phone-shadow{width:100%;height:auto;position:absolute;top:0;left:0;margin:0;max-width:100%;overflow:clip}.phone-app-scroll .first-block-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.phone-app-scroll .phone-image{z-index:2}.phone-app-scroll .phone-shadow{z-index:1}.phone-app-scroll .phone-silhouette{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none}@media (min-width: 680px){.phone-app-scroll .phone-silhouette{display:block}}.phone-app-scroll .phone-app-scroll__content{grid-row:3;display:flex;flex-direction:column;z-index:50;position:relative;justify-content:flex-start;min-height:145px;margin-top:10px;background-color:#fff}@media (min-width: 425px){.phone-app-scroll .phone-app-scroll__content{margin-top:0}}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__content{grid-row:auto;grid-column:3/3;justify-content:center;align-items:center;padding:0 20px;max-width:550px;margin-left:20px;margin-top:40px;background-color:#0000}}@media (min-width: 1024px){.phone-app-scroll .phone-app-scroll__content{margin-left:100px}}.phone-app-scroll .phone-app-scroll__content--premium{min-height:205px}.phone-app-scroll .phone-app-scroll__slide{width:100%;height:auto;opacity:0;position:absolute;padding:0 40px;margin-top:35px}.phone-app-scroll .phone-app-scroll__slide .slide-heading .phone-app-scroll__slide-title{display:none}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__slide .slide-heading .phone-app-scroll__slide-title{display:block;font-size:48px!important;font-weight:800!important;line-height:48px!important;letter-spacing:0em!important;text-align:left;margin-top:-14%;margin-bottom:24px;max-width:550px!important}}.phone-app-scroll .phone-app-scroll__slide .slide-heading .phone-app-scroll__slide-text{display:none}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__slide .slide-heading .phone-app-scroll__slide-text{display:block}}.phone-app-scroll .phone-app-scroll__slide-title{font-size:18px;font-weight:700;line-height:24px;letter-spacing:0em;text-align:left;margin-top:-2%;margin-bottom:8px}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__slide-title{font-size:21px;line-height:27px;max-width:350px}}.phone-app-scroll .phone-app-scroll__slide-text{font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em;text-align:left}@media (min-width: 680px){.phone-app-scroll .phone-app-scroll__slide-text{line-height:21px;max-width:350px}}.phone-app-scroll .slide0,.phone-app-scroll .slide1{opacity:1}@media (min-width: 680px){.phone-app-scroll .slide1{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/section.phone-app-scroll.css.map */