.cc-wheel{--item:var(--item-m,150px);--gap:18px;--ink:#272831;--paper:#fff;--sage:#d3dac9;position:relative;display:grid;grid-template-columns:1fr auto auto 1fr;grid-template-areas:"vp vp vp vp" ". prev next .";column-gap:16px;row-gap:10px;justify-items:center;align-items:center}.cc-wheel__viewport{grid-area:vp;width:100%;justify-self:stretch}.cc-wheel__nav--prev{grid-area:prev}.cc-wheel__nav--next{grid-area:next}.cc-wheel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:18px 0 0}.cc-wheel__viewport::-webkit-scrollbar{display:none}.cc-wheel__track{display:flex;gap:var(--gap);list-style:none;margin:0;padding:0 calc(50% - var(--item) / 2) 22px}.cc-wheel__slot{flex:0 0 var(--item);scroll-snap-align:center}.cc-wheel__item{display:block;text-align:center;text-decoration:none;color:inherit;transform:translateY(var(--dy,0px)) rotate(calc(var(--r,0) * 1deg)) scale(var(--s,.78));opacity:var(--o,.55);transition:transform .3s ease-out,opacity .3s ease-out;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.cc-wheel__ring{display:block;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--sage);transition:box-shadow .3s ease,border-color .3s ease}.cc-wheel__item.is-center .cc-wheel__ring{box-shadow:8px 8px 0 var(--ink)}.cc-wheel__item:hover .cc-wheel__ring,.cc-wheel__item:focus-visible .cc-wheel__ring{box-shadow:8px 8px 0 var(--ink)}.cc-wheel__ring img,.cc-wheel__ring svg{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.cc-wheel__ring--piece{background:#f8f5f0}.cc-wheel__ring--piece img{object-fit:contain;mix-blend-mode:multiply;transform:scale(.84)}.cc-wheel__meta{display:block;margin-top:16px;line-height:1.25;opacity:var(--mo,0);transform:translateY(calc(var(--mo,0) * -4px + 4px));transition:opacity .3s ease,transform .3s ease}.cc-wheel__name{display:block;font-size:1.05em;font-weight:700}.cc-wheel__price,.cc-wheel__count{display:block;opacity:.7;font-size:.9em;margin-top:2px}.cc-wheel__item.is-center:hover .cc-wheel__name,.cc-wheel__item.is-center:focus-visible .cc-wheel__name{text-decoration:underline;text-underline-offset:3px}.cc-wheel__nav{position:relative;width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--sage);transition:box-shadow .2s ease,transform .2s ease}.cc-wheel__nav:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.cc-wheel__nav:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.cc-wheel__nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cc-wheel__dots{display:none}.cc-wheel__dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);background:#fff;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s;display:block}.cc-wheel__dot.is-active{background:var(--ink);opacity:1;transform:scale(1.25)}.cc-wheel__subheading{text-align:center;margin:-6px 0 10px;opacity:.75}.cc-wheel__footer{text-align:center;margin-top:22px}@media only screen and (min-width:769px){.cc-wheel{--item:var(--item-d,210px);--gap:28px}}@media only screen and (max-width:768px){.cc-wheel{row-gap:10px}.cc-wheel__nav{width:42px;height:42px}.cc-wheel__track{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.cc-wheel__item,.cc-wheel__meta,.cc-wheel__ring,.cc-wheel__nav{transition:none!important}.cc-wheel__viewport{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cc-wheel.css.map */