:root{--circle:clamp(96px, calc(35.714vw - 18px) ,140px)}.dm-circles-sec{overflow:hidden;padding-block:6px 5px;background:var(--page-bg);border-block:0}.dm-circles-sec .dm-wrap{overflow:visible}.dm-circles-sec .dm-h2,.dm-circles__eyebrow,.dm-circles-sec .dm-lede{display:none}.dm-circles{position:relative;isolation:isolate;margin:0}.dm-circles__rail{box-sizing:border-box;width:calc(100% + (var(--gut) * 2));max-width:none;margin-inline:calc(var(--gut) * -1);column-gap:12px;padding:12px 0 16px var(--gut);scroll-padding-inline:var(--gut)}.dm-circle,.dm-circle.is-active{width:var(--circle);flex:0 0 var(--circle);padding-bottom:5px;opacity:1;filter:none;transform:none;scroll-snap-align:start}.dm-circle__ring,.dm-circle.is-active .dm-circle__ring{overflow:hidden;border:3px solid #fff;outline:2px solid rgba(255,59,141,.88);outline-offset:2px;background:#fff;box-shadow:0 8px 22px #5c273d1c,0 2px 7px #ff3b8d12;animation:none;will-change:auto}.dm-circle:hover .dm-circle__ring,.dm-circle:focus-visible .dm-circle__ring{border-color:#fff;transform:none;outline-color:var(--pink-primary);box-shadow:0 10px 26px #5c273d24,0 3px 9px #ff3b8d1a}.dm-circle__ring img{transform:scale(1.001);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .35s ease}.dm-circle:hover .dm-circle__ring img,.dm-circle:focus-visible .dm-circle__ring img,.dm-circle:active .dm-circle__ring img{transform:scale(1.055)}.dm-circle__label{margin-top:13px;color:#1c171a;font-size:13px;font-weight:620;line-height:1.25;letter-spacing:-.01em;text-align:center}.dm-circle__count{display:none}.dm-circles:has(>.dm-circles__arrow--prev:not([hidden])):before,.dm-circles:has(>.dm-circles__arrow--next:not([hidden])):after{content:"";position:absolute;inset-block:0;z-index:2;width:42px;pointer-events:none}.dm-circles:has(>.dm-circles__arrow--prev:not([hidden])):before{left:calc(var(--gut) * -1);background:linear-gradient(90deg,var(--page-bg),var(--page-bg-0))}.dm-circles:has(>.dm-circles__arrow--next:not([hidden])):after{right:calc(var(--gut) * -1);background:linear-gradient(270deg,var(--page-bg),var(--page-bg-0))}.dm-circles__arrow{position:absolute;top:calc(var(--circle) / 2 + 9px);z-index:4;width:32px;height:32px;padding:0;border:1px solid rgba(255,59,141,.3);border-radius:50%;display:grid;place-items:center;color:var(--pink-primary);background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 18px #43192b1f,inset 0 1px #fff;cursor:pointer}.dm-circles__arrow svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dm-circles__arrow--prev{left:calc(var(--gut) * -1 + 4px)}.dm-circles__arrow--next{right:calc(var(--gut) * -1 + 4px)}.dm-circles__arrow[hidden]{display:none!important}@media(min-width:560px)and (max-width:899px){:root{--circle:clamp(118px,22vw,140px)}}@media(min-width:900px){:root{--circle:140px}.dm-circles-sec{padding-block:10px 9px}.dm-circles__rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));column-gap:clamp(12px,1.5vw,22px);row-gap:28px;width:100%;max-width:100%;margin-inline:0;padding:16px 0 10px;overflow:visible}.dm-circle,.dm-circle.is-active{width:100%;max-width:140px;justify-self:center}.dm-circle__label{font-size:14px;margin-top:15px}}@media(prefers-reduced-motion:reduce){.dm-circle__ring img{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dm-circles.css.map */