.sx[data-sx] .app__stage{--G:1100px;--H:max(128svh, 760px);--ptop:calc((100svh - .561 * var(--H)) / 2);--cap: calc(.1*clamp(calc(2.5*var(--u)), calc(1.3*var(--u)) + 4.6vw, calc(6*var(--u)))) ;position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-start;padding-top:max(calc(1.5*var(--u)),calc(var(--ptop) - var(--cap)));overflow:hidden;background:#010101}.sx[data-sx] .app__stage>.wrap{max-width:calc(var(--G) + 2 * var(--gutter))}.sx[data-sx] .app__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(calc(1*var(--u)),2vw,calc(2*var(--u)));align-items:center}.sx[data-sx] .app__copy{grid-column:1 / span 6}.sx[data-sx] .feats{margin-top:clamp(calc(1.75*var(--u)),4vh,calc(2.75*var(--u)));border-top:1px solid rgba(255,255,255,.1)}.sx[data-sx] .feat{border-bottom:1px solid rgba(255,255,255,.1)}.sx[data-sx] .feat__head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(1*var(--u));padding:calc(1*var(--u)) 0;cursor:default}html.sx-anim .sx[data-sx] .feat__head{cursor:pointer}.sx[data-sx] .feat__ico{display:grid;place-items:center;width:calc(2.75*var(--u));height:calc(2.75*var(--u));border-radius:calc(.85*var(--u));background:#13171e;color:#8a93a0;transition:background-color .4s,color .4s,transform .5s var(--ease)}.sx[data-sx] .feat__ico .sico{width:calc(1.35*var(--u));height:calc(1.35*var(--u))}.sx[data-sx] .feat__t{font-weight:800;font-size:calc(1.25*var(--u));line-height:1.05;letter-spacing:-.025em;color:#ffffff80;transition:font-size .5s var(--ease),color .35s}.sx[data-sx] .feat__t .lt{font-weight:300}.sx[data-sx] .feat.is-on .feat__t .lt,html:not(.sx-anim) .sx[data-sx] .feat__t .lt{display:block}.sx[data-sx] .feat__head:hover .feat__t{color:#fffc}.sx[data-sx] .feat__head:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:calc(.5*var(--u))}.sx[data-sx] .feat__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}.sx[data-sx] .feat__more>div{overflow:hidden;padding-left:calc(3.75*var(--u))}.sx[data-sx] .feat__more p{color:var(--muted-night);font-size:clamp(calc(1*var(--u)),calc(.95*var(--u)) + .25vw,calc(1.1875*var(--u)));line-height:1.5;max-width:calc(27*var(--u))}.sx[data-sx] .feat__bar{position:relative;display:block;height:2px;margin:calc(1.1*var(--u)) 0 calc(1.25*var(--u));max-width:calc(27*var(--u));background:#ffffff1f}.sx[data-sx] .feat__bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cyan);transform:scaleX(var(--fill, 0));transform-origin:left}.sx[data-sx] .feat.is-on .feat__ico{background:var(--cyan);color:#03141c;transform:scale(1.06)}.sx[data-sx] .feat.is-on .feat__t{font-size:clamp(calc(1.75*var(--u)),calc(1.1*var(--u)) + 2vw,calc(2.85*var(--u)));color:#fff}.sx[data-sx] .feat.is-on .feat__more,html:not(.sx-anim) .sx[data-sx] .feat__more{grid-template-rows:1fr}html:not(.sx-anim) .sx[data-sx] .feat__t{color:#fff}html:not(.sx-anim) .sx[data-sx] .feat__bar{display:none}.sx[data-sx] .app__cta{display:flex;align-items:center;gap:calc(1.25*var(--u));margin-top:clamp(calc(1.5*var(--u)),3.5vh,calc(2.25*var(--u)))}.sx[data-sx] .app__cta p{color:var(--muted-night);font-size:calc(.875*var(--u));line-height:1.4}.sx[data-sx] .app__fig{position:absolute;z-index:1;left:calc(50% + min(50% - var(--gutter),var(--G) / 2) - .177 * var(--H));top:calc(var(--ptop) - .1617 * var(--H));height:var(--H);aspect-ratio:1600 / 1986;margin:0;transform:translate(-50%)}.sx[data-sx] .app__shot{position:absolute;top:0;right:0;bottom:0;left:0}.sx[data-sx] .app__hand{display:block;width:100%;height:100%}.sx[data-sx] .scr{position:absolute;left:0;top:0;width:320px;height:673px;transform-origin:0 0;border-radius:51px;overflow:hidden;background:#f5f7f9;visibility:hidden}html.sx-js .sx[data-sx] .scr{visibility:visible}.sx[data-sx] .scr__island{position:absolute;z-index:6;left:50%;top:14px;width:92px;height:25px;margin-left:-46px;border-radius:13px;background:#000}.sx[data-sx] .scr__app{position:absolute;top:0;right:0;bottom:0;left:0}.sx[data-sx] .aps{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f5f7f9;transform:translate(100%);box-shadow:-12px 0 32px #00000024;transition:transform .65s cubic-bezier(.32,.72,0,1),filter .65s cubic-bezier(.32,.72,0,1)}.sx[data-sx] .aps.is-cur{transform:none}.sx[data-sx] .aps.is-past{transform:translate(-30%);filter:brightness(.72)}.sx[data-sx] .aps__in{position:absolute;left:0;top:0;width:100%;aspect-ratio:var(--ar)}.sx[data-sx] .aps__in img{display:block;width:100%;height:100%}.sx[data-sx] .aps__live{position:absolute;left:0;top:var(--vt,10.5%);width:100%;height:var(--vh,25.9%);object-fit:cover;background:#000}.sx[data-sx] .aps__ping{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--cyan);opacity:0;transition:opacity .3s}.sx[data-sx] .aps__ping--sm{width:9.5%}.sx[data-sx] .aps__ping:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 2px var(--cyan);animation:sx-ping 1.6s cubic-bezier(.2,.6,.3,1) infinite}@keyframes sx-ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2);opacity:0}}.sx[data-sx] .aps.is-cur .aps__ping{opacity:1;transition-delay:.55s}.sx[data-sx] .scr__home{position:absolute;z-index:6;left:50%;bottom:8px;width:118px;height:5px;margin-left:-59px;border-radius:3px;background:#111}.sx[data-sx] .scr__glass{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff13,#fff0 34%);box-shadow:inset 0 0 6px 2px #000000a6}@media(max-width:900px){.sx[data-sx] .app__stage{flex-direction:column;align-items:stretch;padding-top:0}.sx[data-sx] .app__fig{position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:none;height:52svh;width:100%;aspect-ratio:auto;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent);mask-image:linear-gradient(180deg,#000 86%,transparent)}.sx[data-sx] .app__shot{inset:auto;left:50%;top:-10.612svh;height:82svh;aspect-ratio:1600 / 1986;transform:translate(-50%)}.sx[data-sx] .app__grid{flex:1;align-content:center;padding-bottom:calc(1.5*var(--u))}.sx[data-sx] .app__copy{grid-column:1 / -1;padding-top:calc(.5*var(--u))}.sx[data-sx] .app__copy .h2{font-size:calc(2.1*var(--u))}.sx[data-sx] .feats{margin-top:calc(.9*var(--u))}.sx[data-sx] .feat__head{gap:calc(.75*var(--u));padding:calc(.6*var(--u)) 0}.sx[data-sx] .feat__ico{width:calc(2.25*var(--u));height:calc(2.25*var(--u));border-radius:calc(.7*var(--u))}.sx[data-sx] .feat__ico .sico{width:calc(1.1*var(--u));height:calc(1.1*var(--u))}.sx[data-sx] .feat__t{font-size:calc(1.0625*var(--u))}.sx[data-sx] .feat.is-on .feat__t{font-size:calc(1.5*var(--u))}.sx[data-sx] .feat__more>div{padding-left:calc(3*var(--u))}.sx[data-sx] .feat__more p{font-size:calc(.9375*var(--u))}.sx[data-sx] .feat__bar{margin:calc(.7*var(--u)) 0 calc(.8*var(--u))}.sx[data-sx] .app__cta{margin-top:calc(1*var(--u))}.sx[data-sx] .app__cta .btn{flex:1;min-height:calc(3*var(--u))}.sx[data-sx] .app__cta p{display:none}.sx[data-sx] .app__grid{padding-bottom:calc(1*var(--u))}}@media(max-width:900px)and (max-height:740px){.sx[data-sx] .app__cta{display:none}}@media(min-width:901px)and (max-height:940px){.sx[data-sx] .app__stage{--cap: calc(.1*clamp(calc(2.25*var(--u)), calc(1*var(--u)) + 3.4vw, calc(4*var(--u)))) }.sx[data-sx] .app__copy .h2{font-size:clamp(calc(2.25*var(--u)),calc(1*var(--u)) + 3.4vw,calc(4*var(--u)))}.sx[data-sx] .feats{margin-top:calc(1.25*var(--u))}.sx[data-sx] .feat__head{padding:calc(.65*var(--u)) 0}.sx[data-sx] .feat__ico{width:calc(2.4*var(--u));height:calc(2.4*var(--u))}.sx[data-sx] .feat.is-on .feat__t{font-size:clamp(calc(1.5*var(--u)),calc(1*var(--u)) + 1.4vw,calc(2.3*var(--u)))}.sx[data-sx] .feat__more p{font-size:calc(.975*var(--u))}.sx[data-sx] .feat__bar{margin:calc(.8*var(--u)) 0 calc(.9*var(--u))}.sx[data-sx] .app__cta{margin-top:calc(1.1*var(--u))}}@media(prefers-reduced-motion:reduce){.sx[data-sx] .aps{transition:none}.sx[data-sx] .aps__ping:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/sx-app.css.map */