.section--rotator .rotator__panels{overflow:hidden;border-radius:calc(var(--radius) * 1.5)}.section--rotator .rotator__track{display:flex;transition:transform .65s var(--ease);will-change:transform}.section--rotator .rotator__panels .rotator__panel{display:block;opacity:1;transform:none;transition:none;flex:0 0 100%;min-width:0}.section--rotator .rotator__card{box-shadow:none}.section--rotator .rotator__dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem}.section--rotator .rotator__dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:999px;background:var(--line);cursor:pointer;overflow:hidden;transition:width .35s var(--ease),background .2s}.section--rotator .rotator__dot:hover{background:color-mix(in srgb,var(--accent) 45%,var(--line))}.section--rotator .rotator__dot.is-active{width:36px}.section--rotator .rotator__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent);transform:scaleX(0);transform-origin:left}.section--rotator .rotator__dot.is-active .rotator__dot-fill{transform:scaleX(1)}.section--rotator[data-autoplay=true] .rotator__dot.is-active .rotator__dot-fill{transform:scaleX(0);animation:rotatorDotFill var(--rotator-duration, 5s) linear forwards}.section--rotator.is-paused .rotator__dot-fill{animation-play-state:paused}@keyframes rotatorDotFill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.section--rotator .rotator__track{transition:none}.section--rotator[data-autoplay=true] .rotator__dot.is-active .rotator__dot-fill{animation:none;transform:scaleX(1)}}.section--rotator .rotator__visual{position:relative;isolation:isolate;background:var(--surface)}.section--rotator .rotator__visual:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-1;background:var(--rotator-bg, none) center / cover no-repeat;filter:blur(34px) saturate(1.15);opacity:.85}.section--rotator .rotator__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 50%,transparent 55%,color-mix(in srgb,var(--surface) 28%,transparent) 100%)}.section--rotator .rotator__img{object-fit:contain;object-position:center;padding:clamp(.75rem,2.5vw,1.75rem);border-radius:calc(var(--radius) * 1.2)}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */