.ring-carousel{position:relative;display:block;width:100%;--ring-card-width: 278px;--ring-card-gap: 32px}.ring-carousel__viewport{overflow:hidden;width:100%;touch-action:pan-y}.ring-carousel__track{display:flex;gap:var(--ring-card-gap);transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.ring-carousel__slide{flex:0 0 auto;width:var(--ring-card-width);opacity:.5;transition:opacity .45s ease}.ring-carousel__slide[data-state=active],.ring-carousel__slide[data-state=near]{opacity:1}.ring-carousel__card{position:relative;display:block;aspect-ratio:278 / 300;text-decoration:none}.ring-carousel__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ring-carousel__frame path{fill:var(--color-background);stroke:var(--color-foreground);stroke-width:1px}.ring-carousel__image{position:absolute;top:9.1%;right:9.5%;bottom:9.1%;left:9.5%;display:flex;align-items:center;justify-content:center}.ring-carousel__image img{width:100%;height:100%;object-fit:contain}.ring-carousel__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0px solid var(--color-foreground);border-radius:50%;background-color:#fff0;color:var(--color-foreground);cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease,color .2s ease}.ring-carousel__arrow:hover{background-color:var(--color-foreground);color:var(--color-background)}.ring-carousel__arrow--prev{left:8px}.ring-carousel__arrow--next{right:8px}.ring-carousel__arrow:disabled{opacity:.3;cursor:default}.ring-carousel__arrow:disabled:hover{background-color:var(--color-background);color:var(--color-foreground)}.ring-carousel__arrow svg{width:11px;height:11px}@media(prefers-reduced-motion:reduce){.ring-carousel__track,.ring-carousel__slide{transition:none}}@media screen and (max-width:749px){.ring-carousel{--ring-card-width: 70vw;--ring-card-gap: 16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-ring-carousel.css.map */