.collection_ring-list{scrollbar-color:transparent;padding:1rem 0;height:auto}.ring_list{display:flex;column-gap:1rem;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: 991px){.ring_list{justify-content:center;column-gap:1.5rem}.collection_ring-list{padding:0;height:auto;display:flex;align-items:center;justify-content:center}}.ring_holder{position:relative;width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;box-shadow:inset -2px 2px 1px #0003,-2px 2px 1px #0003;border-radius:50%;margin:0 auto}.ring_holder:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);z-index:-1;width:7rem;height:7rem;background:linear-gradient(to right,#e53e7b,#3bb4c1);border-radius:50%}@media (min-width: 991px) and (max-width: 1400px){.ring_holder{width:6rem;height:6rem}.ring_holder:before{z-index:1;width:6rem;height:6rem}}.ring_holder:hover:before{animation:rotating 5s linear infinite}@media (min-width: 991px){.ring_holder:before{z-index:1}}.ring_inner{border-radius:50%;height:6.4rem;width:6.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}@media (min-width: 991px) and (max-width: 1400px){.ring_inner{height:5.2rem;width:5.2rem}}.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/84/assets/component-collection-ring.css.map */
