.circular-collection-section{box-sizing:border-box}.circular-collection__header{text-align:center;margin-bottom:2.5rem}.circular-collection__subtitle{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ccl-subtitle-color, #888888);margin:0 0 .6rem;font-weight:400}.circular-collection__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.2rem);color:var(--ccl-title-color, rgb(var(--color-foreground)));letter-spacing:.02em;margin:0;line-height:1.2}.circular-collection__slider-wrapper{position:relative;display:flex;align-items:center;gap:0}.circular-collection__track-container{overflow:hidden;width:100%;padding:1.2rem .4rem;box-sizing:border-box}.circular-collection__track{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0;transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform;gap:0}.circular-collection__slide{flex-shrink:0;box-sizing:border-box;padding:0 calc(var(--ccl-gap, 24px) / 2);display:flex;justify-content:center}.circular-collection__link{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.circular-collection__circle{border-radius:50%;overflow:hidden;background-color:var(--ccl-circle-bg, #f3f0eb);flex-shrink:0;position:relative;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s ease;will-change:transform}.circular-collection__link:hover .circular-collection__circle,.circular-collection__link:focus-visible .circular-collection__circle{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f}.circular-collection__link:active .circular-collection__circle{transform:translateY(-2px);box-shadow:0 6px 14px #0000001a}.circular-collection__image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .5s ease}.circular-collection__link:hover .circular-collection__image{transform:scale(1.05)}.circular-collection__placeholder{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.circular-collection__placeholder-svg{width:80%;height:80%;color:rgba(var(--color-foreground),.35);fill:currentColor}.circular-collection__label{font-size:1.35rem;font-weight:400;color:var(--ccl-label-color, rgb(var(--color-foreground)));letter-spacing:.02em;text-align:center;line-height:1.4;transition:opacity .2s ease}.circular-collection__link:hover .circular-collection__label{opacity:.7}.circular-collection__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem;border-radius:.4rem}.circular-collection__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:var(--ccl-arrow-bg, #ffffff);color:var(--ccl-arrow-color, #1a1a1a);cursor:pointer;z-index:2;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #00000014}.circular-collection__arrow:hover:not(:disabled){background-color:var(--ccl-arrow-color, #1a1a1a);color:var(--ccl-arrow-bg, #ffffff);box-shadow:0 4px 16px #00000026;transform:scale(1.05)}.circular-collection__arrow:active:not(:disabled){transform:scale(.97)}.circular-collection__arrow:disabled{opacity:.3;cursor:default}.circular-collection__arrow--prev{margin-right:1.2rem}.circular-collection__arrow--next{margin-left:1.2rem}.circular-collection__dots{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:2rem}.circular-collection__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background-color:var(--ccl-dot-color, #cccccc);cursor:pointer;transition:background-color .25s ease,transform .25s ease,width .25s ease;flex-shrink:0}.circular-collection__dot.is-active{background-color:var(--ccl-dot-active-color, #1a1a1a);width:24px;border-radius:4px}.circular-collection__dot:hover:not(.is-active){background-color:#0006;transform:scale(1.2)}@media screen and (max-width:749px){.circular-collection__circle{width:90px!important;height:90px!important}.circular-collection__label{font-size:1.2rem}.circular-collection__title{font-size:calc(var(--font-heading-scale) * 1.8rem)}.circular-collection__subtitle{font-size:1rem}.circular-collection__arrow{width:3.2rem;height:3.2rem}.circular-collection__arrow--prev{margin-right:.6rem}.circular-collection__arrow--next{margin-left:.6rem}}@media screen and (min-width:750px)and (max-width:989px){.circular-collection__circle{width:110px!important;height:110px!important}}@media(prefers-reduced-motion:reduce){.circular-collection__circle,.circular-collection__image,.circular-collection__track{transition:none}}.circular-collection__grid-layout .circular-collection__track{display:grid;grid-template-columns:repeat(var(--desktop-cols),1fr);gap:var(--ccl-gap);transform:none!important}.circular-collection__grid-layout .circular-collection__item{flex:unset!important;max-width:unset!important}.circular-collection__grid-layout+.circular-collection__arrow,.circular-collection__grid-layout~.circular-collection__arrow,.circular-collection__grid-layout~.circular-collection__dots{display:none!important}@media screen and (max-width:989px){.circular-collection__grid-layout .circular-collection__track{grid-template-columns:repeat(var(--tablet-cols),1fr)}}@media screen and (max-width:749px){.circular-collection__grid-layout .circular-collection__track{grid-template-columns:repeat(var(--mobile-cols),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/circular-collection-list.css.map */