.collection_ring-list{scrollbar-color:transparent}.ring_list{display:flex;column-gap:1.5rem;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none;padding:0 1rem;margin:0}@media (min-width: 990px){.ring_list{justify-content:center}}.ring_holder{position:relative;width:8.2rem;height:8.2rem;display:flex;align-items:center;justify-content:center;box-shadow:inset -2px 2px 1px #0003,-2px 2px 1px #0003;border-radius:50%}.ring_holder:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);z-index:-1;width:8.2rem;height:8.2rem;background:linear-gradient(to right,#e53e7b,#3bb4c1);border-radius:50%}.ring_holder:hover:before{animation:rotating 5s linear infinite}.ring_inner{border-radius:50%;height:7.4rem;width:7.4rem;position:relative;z-index:1;overflow:hidden;background:#eae6e6;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.6);background:#fff}.ring_inner .ring_inner-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;background:#fff}.ring_title{font-size:1rem;font-weight:600;margin-top:.3rem;color:#000000e6;text-align:center;display:block}@keyframes rotating{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/component-collection-ring.css.map */