.cc-features{position:relative;background:var(--cc-white)}.cc-features__scene{--p: 1;--rise: clamp(0, calc(var(--p) / .45), 1);--show: clamp(0, calc((var(--p) - .5) / .14), 1);display:block}.cc-features__sticky{position:relative;padding:72px 0;overflow:hidden;isolation:isolate}.cc-features__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.25}.cc-features__bg-img{width:100%;height:100%;object-fit:cover}.cc-features__head{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:772px;margin:0 auto 40px;text-align:center}.cc-features__head .cc-body-2{max-width:538px}.cc-features__stage{display:block;position:relative;aspect-ratio:1440 / 554;margin:0 calc(var(--cc-gutter) * -1)}.cc-features__product{position:absolute;left:22.08%;top:25.81%;width:55.83%;transform:translateY(calc((1 - var(--rise)) * 60%)) scale(calc(.94 + .06 * var(--rise)));will-change:transform}.cc-features__product-img{width:100%;height:auto}.cc-features__wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none}.cc-features__wires,.cc-features__callouts{opacity:var(--show)}.cc-features__wire{stroke:var(--cc-n100);stroke-width:1;vector-effect:non-scaling-stroke}.cc-features__dot-ring{fill:none;stroke:var(--cc-white);stroke-width:1;vector-effect:non-scaling-stroke}.cc-features__dot{fill:var(--cc-white);transform-box:fill-box;transform-origin:center;animation:cc-dot-pulse 2.4s ease-in-out infinite}@keyframes cc-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.7}}.cc-features__carousel{display:contents}.cc-features__callouts{list-style:none;margin:0;padding:0}.cc-features__callout{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:15.28%;min-height:17.7%;padding:12px;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;transition:transform var(--cc-normal) var(--cc-ease),box-shadow var(--cc-normal) ease}.cc-features__callout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--cc-n100);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.cc-features__callout:hover{transform:translateY(-2px);box-shadow:0 0 12px #f6c56699}.cc-features__label{text-transform:uppercase}.cc-features__value{font-size:16px;line-height:24px;font-weight:600}.cc-features__callout--l1{left:3.33%;top:0}.cc-features__callout--r1{right:3.33%;top:0}.cc-features__callout--l2{left:3.33%;top:41.16%}.cc-features__callout--r2{right:3.33%;top:41.16%}.cc-features__callout--l3{left:3.33%;top:82.31%}.cc-features__callout--r3{right:3.33%;top:82.31%}.cc-features__callout--b{left:42.36%;top:82.31%}.cc-features__callout--t{left:42.36%;top:0}.cc-features__progress{display:none}@media screen and (min-width:1100px)and (min-height:800px){.cc-features__scene.is-pinned{height:230vh}.cc-features__scene.is-pinned .cc-features__sticky{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;height:100vh;padding:40px 0}}@media screen and (max-width:1099px){.cc-features__sticky{padding:48px 0}.cc-features__callouts{opacity:1}.cc-features__head{gap:12px;margin-bottom:64px}.cc-features__stage{aspect-ratio:auto;margin:0}.cc-features__product{position:relative;left:auto;top:auto;width:min(100%,560px);margin:0 auto 64px}.cc-features__wires{display:none}.cc-features__carousel{display:block}.cc-features__callouts{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cc-features__callouts::-webkit-scrollbar{display:none}.cc-features__callout,.cc-features__callout[class*=--]{position:relative;inset:auto;width:auto;min-height:98px;scroll-snap-align:start}.cc-features__progress{display:flex;margin-top:20px}}@media screen and (min-width:640px)and (max-width:1099px){.cc-features__callouts{grid-auto-columns:calc((100% - 36px)/4)}}@media(prefers-reduced-motion:reduce){.cc-features__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/cc-features.css.map */