:root{--m-ease: cubic-bezier(.2, .8, .2, 1);--m-snap: cubic-bezier(.3, 1.5, .55, 1);--m-dur: .8s;--m-shift: 28px}.js-motion main .shopify-section:not(.section-hero):not(.section-main-product):not(.section-main-cart):not(.section-funnel-sticky):not(.section-apps):not(.section-custom-liquid) :is(.grid-auto,.grid-fill,.feature-list,.offer-rows,.acc,.brand-stats,.brand-statement__list,.listicle-reasons__list,.jr-grid,[data-stagger])>*:not(.is-in),.js-motion main .shopify-section:not(.section-hero):not(.section-main-product):not(.section-main-cart):not(.section-funnel-sticky):not(.section-apps):not(.section-custom-liquid) .container>:not(:is(.grid-auto,.grid-fill,.feature-list,.offer-rows,.acc,.brand-stats,.brand-statement__list,.listicle-reasons__list,.jr-grid,[data-stagger])):not(:has(:is(.grid-auto,.grid-fill,.feature-list,.offer-rows,.acc,.brand-stats,.brand-statement__list,.listicle-reasons__list,.jr-grid,[data-stagger]))):not(script):not(style):not(.is-in){opacity:0;transform:translate3d(0,var(--m-shift),0)}.js-motion .is-in:not(.is-done){transition:opacity var(--m-dur) var(--m-ease) calc(var(--ri, 0) * 80ms),transform var(--m-dur) var(--m-ease) calc(var(--ri, 0) * 80ms)}.js-motion .is-in .media>img,.js-motion .is-in .media>.ph,.js-motion .is-in.media>img,.js-motion .is-in.media>.ph{animation:m-settle 1.4s var(--m-ease) both;animation-delay:calc(var(--ri, 0) * 80ms)}@keyframes m-settle{0%{transform:scale(1.08)}to{transform:none}}.js-motion .is-in .serve-dot,.js-motion .is-split .serve-dot{animation:m-ball-drop .9s var(--m-snap) both;animation-delay:calc(var(--ri, 0) * 80ms + .35s);transform-origin:50% 100%}.js-motion .is-split .serve-dot{animation-delay:calc(var(--words, 3) * 70ms + .45s)}@keyframes m-ball-drop{0%{opacity:0;transform:translateY(-1.4em) scale(.6)}45%{opacity:1;transform:translateY(0) scale(1.15,.8)}65%{transform:translateY(-.35em) scale(.95,1.05)}82%{transform:translateY(0) scale(1.05,.92)}to{opacity:1;transform:none}}.js-motion .section-hero .title-hero:not(.is-split){opacity:0}.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.w__i{display:inline-block}.js-motion .is-split .w__i{transform:translateY(110%);animation:m-rise .9s var(--m-ease) forwards;animation-delay:calc(var(--wi, 0) * 70ms + .1s)}@keyframes m-rise{to{transform:none}}.js-motion .section-hero .bug__a{animation:m-slide-r .7s var(--m-ease) both .05s}.js-motion .section-hero .bug__b{animation:m-flip .6s var(--m-ease) both .35s;transform-origin:50% 0}.js-motion .section-hero .bug__a .dot{animation:m-pulse-dot 2.4s ease-in-out infinite 1.2s}@keyframes m-slide-r{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes m-flip{0%{opacity:0;transform:perspective(300px) rotateX(-90deg)}to{opacity:1;transform:none}}@keyframes m-pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.js-motion .section-hero .hero__text,.js-motion .section-hero .btn-row,.js-motion .section-hero .hero__copy>.eyebrow{animation:m-fade-up .8s var(--m-ease) both}.js-motion .section-hero .hero__text{animation-delay:.45s}.js-motion .section-hero .btn-row{animation-delay:.6s}.js-motion .section-hero .hero__copy>.eyebrow{animation-delay:.75s}@keyframes m-fade-up{0%{opacity:0;transform:translateY(var(--m-shift))}to{opacity:1;transform:none}}.js-motion .section-hero .hero__media>.media{animation:m-scale-in 1.1s var(--m-ease) both .2s}.js-motion .section-hero .hero__media>.media>.ph,.js-motion .section-hero .hero__media>.media>img{animation:m-settle 1.6s var(--m-ease) both .2s}@keyframes m-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.js-motion .section-hero .hero__card{animation:m-card-in .8s var(--m-snap) both 1s,m-float 5s ease-in-out infinite 2s}@keyframes m-card-in{0%{opacity:0;transform:translate(24px,-8px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.js-motion .section-hero .hero__picture img{animation:m-hero-in 1.6s var(--m-ease) both .05s}@keyframes m-hero-in{0%{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}.js-motion .section-hero .hero__scrim{animation:m-fade 1.2s var(--m-ease) both}@keyframes m-fade{0%{opacity:0}to{opacity:1}}.js-motion .section-hero .hero__rail{animation:m-rail-in .9s var(--m-ease) both .7s}@keyframes m-rail-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.js-motion .section-hero .hero__stat{animation:m-fade-up .7s var(--m-ease) both;animation-delay:calc(.95s + var(--si, 0) * 90ms)}.js-motion .section-hero .hero__stat-label .dot{animation:m-pulse-dot 2.4s ease-in-out infinite;animation-delay:calc(2s + var(--si, 0) * .3s)}.hero__court{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;color:var(--fg)}.hero{position:relative}.hero>.container{position:relative}.js-motion .hero__court line{stroke-dasharray:1;stroke-dashoffset:1;animation:m-draw 1.8s var(--m-ease) forwards .3s}.js-motion .hero__court line:nth-child(2){animation-delay:.6s}.js-motion .hero__court line:nth-child(3){animation-delay:.9s}@keyframes m-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:no-preference){.ph .ph-strap{transition:fill .4s var(--m-ease)}.ph .ph-ring{transform-box:fill-box;transform-origin:center;animation:m-ring 2.4s ease-out infinite}@keyframes m-ring{0%{transform:scale(1);opacity:.9}80%,to{transform:scale(3.2);opacity:0}}.ph .ph-march{animation:m-march 1.2s linear infinite}@keyframes m-march{to{stroke-dashoffset:var(--dash-cycle, -28)}}.ph .ph-march-slow{animation:m-march 2.4s linear infinite}.ph .ph-nudge-x{animation:m-nudge-x 1.6s var(--m-ease) infinite}@keyframes m-nudge-x{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.ph .ph-squeeze-l{animation:m-squeeze-l 1.8s var(--m-ease) infinite}.ph .ph-squeeze-r{animation:m-squeeze-r 1.8s var(--m-ease) infinite}@keyframes m-squeeze-l{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes m-squeeze-r{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.ph .ph-pop{transform-box:fill-box;transform-origin:center;animation:m-pop-loop 1.8s var(--m-snap) infinite}@keyframes m-pop-loop{0%,40%{transform:scale(.6);opacity:.4}60%,to{transform:none;opacity:1}}.ph .ph-pulse{transform-box:fill-box;transform-origin:center;animation:m-pulse 2.2s ease-in-out infinite}@keyframes m-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.ph .ph-twinkle>*{animation:m-twinkle 1.6s ease-in-out infinite}.ph .ph-twinkle>:nth-child(2n){animation-delay:.4s}.ph .ph-twinkle>:nth-child(3n){animation-delay:.8s}@keyframes m-twinkle{0%,to{opacity:1}50%{opacity:.25}}.ph .ph-bounce{transform-box:fill-box;transform-origin:50% 100%;animation:m-bounce 1.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes m-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.js-motion .is-in .ph .ph-slide,.js-motion .is-in.ph .ph-slide{animation:m-slide-in-r 1s var(--m-snap) both}.js-motion .is-in .ph .ph-slide+.ph-slide{animation-delay:.15s}@keyframes m-slide-in-r{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}.js-motion .is-in .ph .ph-snap,.js-motion .section-main-product .ph .ph-snap,.js-motion .section-hero .ph .ph-snap{transform-box:fill-box;transform-origin:center;animation:m-snap 1s var(--m-snap) both .8s}@keyframes m-snap{0%{opacity:0;transform:rotate(-14deg) scale(.7)}to{opacity:1;transform:none}}}.p-card__media .ph{transition:transform .6s var(--m-ease)}.p-card:hover .p-card__media .ph,.p-card:hover .p-card__media img{transform:scale(1.05)}.p-card__media img{transition:transform .6s var(--m-ease),opacity .3s}.btn svg{transition:transform .25s var(--m-ease)}.btn:hover svg{transform:translate(4px)}.btn:active{transform:scale(.97)}.btn--optic:hover{box-shadow:0 0 0 6px #dcf24a38}.btn--court:hover{box-shadow:0 10px 24px -12px #2747f0b3}.site-nav a{position:relative;border-bottom-color:transparent!important}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--line);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--m-ease),background-color .2s}.site-nav a:hover:after{transform:scaleX(1)}.site-nav a[aria-current=page]:after,.site-nav a.is-active:after{transform:scaleX(1);background:var(--c-court)}.section-header{transition:transform .4s var(--m-ease)}.section-header.is-hidden{transform:translateY(-100%)}.section-header.is-scrolled .site-header{box-shadow:0 10px 30px -22px #0d133099}.site-header{transition:box-shadow .3s}.cart-pill.is-bumped{animation:m-bump .6s var(--m-snap)}@keyframes m-bump{0%{transform:scale(1)}35%{transform:scale(1.14);box-shadow:0 0 0 6px #dcf24ae6}to{transform:none;box-shadow:0 0 #dcf24a00}}@media(prefers-reduced-motion:no-preference){input:checked+.pack,input:checked+.opt-size,input:checked+.opt-swatch,input:checked+.opt-pill{animation:m-pick .35s var(--m-snap)}@keyframes m-pick{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:none}}.pack__radio{transition:border-width .25s var(--m-snap),border-color .2s}}.m-tick{display:inline-block;animation:m-tick .45s var(--m-ease)}@keyframes m-tick{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.acc details[open]>.acc__body{animation:m-acc .45s var(--m-ease)}@keyframes m-acc{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}[role=tabpanel]:not([hidden]){animation:m-acc .45s var(--m-ease)}}.js-motion .compare__table tbody tr.is-in .compare__us svg{animation:m-pop .5s var(--m-snap) both;animation-delay:calc(var(--ri, 0) * 80ms + .25s)}@keyframes m-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.cart-drawer.is-entering .line,.cart-drawer.is-entering .upsell,.cart-drawer.is-entering .notice-bar{animation:m-fade-left .55s var(--m-ease) both}.cart-drawer.is-entering .line:nth-child(2){animation-delay:.06s}.cart-drawer.is-entering .line:nth-child(3){animation-delay:.12s}.cart-drawer.is-entering .upsell{animation-delay:.18s}@keyframes m-fade-left{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.menu-drawer.is-open .menu-drawer__nav a{animation:m-fade-right .6s var(--m-ease) both}.menu-drawer.is-open .menu-drawer__nav a:nth-child(1){animation-delay:.08s}.menu-drawer.is-open .menu-drawer__nav a:nth-child(2){animation-delay:.13s}.menu-drawer.is-open .menu-drawer__nav a:nth-child(3){animation-delay:.18s}.menu-drawer.is-open .menu-drawer__nav a:nth-child(4){animation-delay:.23s}.menu-drawer.is-open .menu-drawer__nav a:nth-child(5){animation-delay:.28s}.menu-drawer.is-open .menu-drawer__nav a:nth-child(n+6){animation-delay:.33s}@keyframes m-fade-right{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.qa-dialog[open]{animation:m-dialog .35s var(--m-snap)}.qa-dialog[open]::backdrop{animation:m-fade .3s ease}@keyframes m-dialog{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}.m-reenter{animation:m-fade-up .5s var(--m-ease) both;animation-delay:calc(var(--ri, 0) * 50ms)}}.js-motion .section-main-product .product__media{animation:m-scale-in 1s var(--m-ease) both .05s}.js-motion .section-main-product .product__info>*{animation:m-fade-up .7s var(--m-ease) both}.js-motion .section-main-product .product__info>:nth-child(1){animation-delay:.1s}.js-motion .section-main-product .product__info>:nth-child(2){animation-delay:.16s}.js-motion .section-main-product .product__info>:nth-child(3){animation-delay:.22s}.js-motion .section-main-product .product__info>:nth-child(4){animation-delay:.28s}.js-motion .section-main-product .product__info>:nth-child(5){animation-delay:.34s}.js-motion .section-main-product .product__info>:nth-child(6){animation-delay:.4s}.js-motion .section-main-product .product__info>:nth-child(7){animation-delay:.46s}.js-motion .section-main-product .product__info>:nth-child(n+8){animation-delay:.52s}.js-motion .section-main-cart .cart-page__head,.js-motion .section-main-cart .cart-page__grid{animation:m-fade-up .7s var(--m-ease) both}.js-motion .section-main-cart .cart-page__grid{animation-delay:.12s}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:750px){.offer__media>.media,.size-guide .split>:last-child>.media{animation:m-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes m-parallax{0%{translate:0 40px}to{translate:0 -40px}}}@media(prefers-reduced-motion:no-preference)and (min-width:990px){.hero--photo .hero__picture,.hero--photo .hero__video{animation:m-hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes m-hero-drift{0%{translate:0 0}to{translate:0 16%}}}}.js-motion .ss-ball-path{animation:m-ball-path 1.4s var(--m-ease) both .3s}@keyframes m-ball-path{0%{stroke-dashoffset:200;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.js-motion .ss-ball{transform-box:fill-box;transform-origin:50% 100%;animation:m-ball-land 1s var(--m-snap) both 1.4s}@keyframes m-ball-land{0%{opacity:0;transform:translateY(-60px) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.15,.85)}to{transform:none}}.ss-ball-idle{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.ss-ball-idle{animation:m-pulse 3s ease-in-out infinite}}.js-motion .is-in .brand-phone__bar>span,.js-motion .brand-phero__device .brand-phone__bar>span{animation:m-fill 1.4s var(--m-ease) both .6s;transform-origin:0 50%}@keyframes m-fill{0%{transform:scaleX(0)}to{transform:none}}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;background:var(--c-court);transform:scaleX(var(--p, 0));transform-origin:0 50%;pointer-events:none}@media(min-width:990px){.ticker--animate .ticker__track{justify-content:flex-start;animation:ss-marquee var(--speed, 28s) linear infinite;padding-left:0;padding-right:28px}.ticker--animate .ticker__dup{display:contents}.ticker--animate:hover .ticker__track{animation-play-state:paused}}.marquee--animate:hover .marquee__track{animation-play-state:paused}.marquee__item{transition:color .2s}.marquee--animate .marquee__item:hover{color:var(--accent)}@media(max-width:749px){.hero__court line:nth-child(3){display:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ss-motion.css.map */