@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.k4u-mo-rise{animation:k4u-mo-rise linear both;animation-timeline:view();animation-range:entry 4% entry 52%}.k4u-mo-zoom{animation:k4u-mo-zoom linear both;animation-timeline:view();animation-range:entry 0% entry 85%;transform-origin:50% 60%}.k4u-mo-drift{animation:k4u-mo-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.k4u-mo-fade-out{animation:k4u-mo-fade-out linear both;animation-timeline:view();animation-range:exit 0% exit 75%}@keyframes k4u-mo-rise{0%{opacity:0;transform:translate3d(0,32px,0)}to{opacity:1;transform:none}}@keyframes k4u-mo-zoom{0%{opacity:0;transform:scale(.88)}35%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes k4u-mo-drift{0%{transform:translate3d(0,var(--k4u-drift, 8%),0)}to{transform:translate3d(0,calc(var(--k4u-drift, 8%) * -1),0)}}@keyframes k4u-mo-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,-36px,0)}}@property --k4u-n{syntax: "<integer>"; inherits: false; initial-value: 0;}.k4u-mo-count{counter-reset:k4u-n var(--k4u-n);animation:k4u-mo-count linear both;animation-timeline:view();animation-range:entry 8% entry 70%;font-variant-numeric:tabular-nums}.k4u-mo-count>span{display:none}.k4u-mo-count:after{content:counter(k4u-n)}@keyframes k4u-mo-count{0%{--k4u-n: 0}to{--k4u-n: var(--to, 100)}}.k4u-stage{position:relative;height:calc(var(--k4u-stage-steps, 3) * 100svh);view-timeline:--k4u-stage block}.k4u-stage__pin{position:sticky;top:0;box-sizing:border-box;height:100svh;padding-top:var(--header-height, 66px);display:grid;place-items:center;overflow:clip;background:var(--k4u-ground, transparent)}.k4u-stage__pin>*{grid-area:1 / 1}.k4u-stage__step{align-self:end;margin:0 auto;padding:0 var(--k4u-gutter, 24px) clamp(48px,9svh,120px);max-width:720px;text-align:center;opacity:0;animation:k4u-stage-step linear both;animation-timeline:--k4u-stage;animation-range:contain calc(var(--a, 0) * 1%) contain calc(var(--b, 100) * 1%)}.k4u-mo-product{animation:k4u-stage-product linear both;animation-timeline:--k4u-stage;animation-range:contain 0% contain 100%;will-change:transform}@keyframes k4u-stage-step{0%{opacity:0;visibility:hidden;transform:translate3d(0,28px,0)}18%,82%{opacity:1;visibility:visible;transform:none}to{opacity:0;visibility:hidden;transform:translate3d(0,-28px,0)}}.k4u-stage__step--first{animation-name:k4u-stage-step-first}.k4u-stage__step--last{animation-name:k4u-stage-step-last}@keyframes k4u-stage-step-first{0%,82%{opacity:1;visibility:visible;transform:none}to{opacity:0;visibility:hidden;transform:translate3d(0,-28px,0)}}@keyframes k4u-stage-step-last{0%{opacity:0;visibility:hidden;transform:translate3d(0,28px,0)}18%,to{opacity:1;visibility:visible;transform:none}}@keyframes k4u-stage-product{0%{transform:translate3d(-5%,4%,0) scale(.9)}50%{transform:translateZ(0) scale(1)}to{transform:translate3d(5%,-3%,0) scale(1.08)}}.k4u-stage--band .k4u-stage__pin:after{content:"";grid-area:1 / 1;align-self:end;justify-self:stretch;z-index:1;height:24svh;background:linear-gradient(to top,var(--k4u-ground, #F5F5F7) 70%,transparent);pointer-events:none}.k4u-stage--band .k4u-stage__step{z-index:2;padding-bottom:clamp(24px,5svh,56px)}@keyframes k4u-stage-pull{0%{transform:translate3d(calc((50 - var(--gx, 50)) * var(--zoom, 1.6) * 1%),calc((50 - var(--gy, 50)) * var(--zoom, 1.6) * 1%),0) scale(var(--zoom, 1.6));animation-timing-function:cubic-bezier(.3,0,.15,1)}62%,to{transform:none}}.k4u-mo-pull{animation:k4u-stage-pull linear both;animation-timeline:--k4u-stage;animation-range:contain 0% contain 100%;will-change:transform;transform-origin:50% 50%}.k4u-stage__swap{align-self:stretch;justify-self:stretch;margin-top:calc(var(--header-height, 66px) * -1);opacity:0;animation:k4u-stage-swap linear both;animation-timeline:--k4u-stage;animation-range:contain calc(var(--a, 0) * 1%) contain calc(var(--b, 100) * 1%)}:where(.k4u-stage__swap){padding:var(--header-height, 66px) var(--k4u-gutter, 24px) 0}.k4u-stage__swap--first{animation-name:k4u-stage-swap-first}.k4u-stage__swap--last{animation-name:k4u-stage-swap-last}@keyframes k4u-stage-swap{0%{opacity:0;visibility:hidden}14%,86%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes k4u-stage-swap-first{0%,86%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes k4u-stage-swap-last{0%{opacity:0;visibility:hidden}14%,to{opacity:1;visibility:visible}}.k4u-stage__swap .k4u-slice{animation:k4u-stage-slice linear both;animation-timeline:--k4u-stage;animation-range:contain calc(var(--a, 0) * 1%) contain calc(var(--b, 100) * 1%);will-change:transform}@keyframes k4u-stage-slice{0%{transform:translate3d(0,5%,0) scale(.97)}to{transform:translate3d(0,-3%,0) scale(1.03)}}}@supports not (animation-timeline: view()){.k4u-stage__pin{display:grid;gap:16px;justify-items:center}.k4u-stage__step{text-align:center}}}@media(prefers-reduced-motion:reduce){.k4u-stage{height:auto}.k4u-stage__pin{position:static;height:auto;display:grid;gap:16px;justify-items:center}.k4u-stage__step{opacity:1;text-align:center}}.k4u-stage__swap{background:var(--bg, transparent);color:var(--fg, inherit)}:where(.k4u-stage__swap){box-sizing:border-box;display:grid;place-items:center}@media(max-width:749px){.k4u-stage{height:auto;view-timeline:none}.k4u-stage__pin{position:static;height:auto;padding-top:0;display:grid;gap:var(--k4u-gap, 16px);justify-items:center;overflow:visible}.k4u-stage__pin>*{grid-area:auto}.k4u-stage__pin:after{display:none}.k4u-stage__step,.k4u-stage__swap{opacity:1;visibility:visible;animation:none;transform:none}.k4u-stage__step{align-self:auto;max-width:none;padding:0 var(--k4u-gutter, 24px) 16px}.k4u-stage__swap{align-self:auto;justify-self:stretch;margin:0 var(--k4u-gutter, 24px);padding:var(--k4u-tile-pad, 28px);border-radius:var(--k4u-card-r, 28px)}.k4u-mo-product,.k4u-mo-pull,.k4u-stage__swap .k4u-slice{animation:none;will-change:auto;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/k4u-motion.css.map */