.section-circle-collections{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}.collection-circle-carousel{--ccc-card-size: var(--ccc-card-size-desktop);--ccc-gap: var(--ccc-gap-desktop);--ccc-badge-clearance: 26px;display:block;position:relative;isolation:isolate;width:100%;max-width:100%;min-width:0;overflow:hidden;overflow-x:clip;background:var(--ccc-background);color:var(--ccc-text-color);font-family:Inter,sans-serif}.collection-circle-carousel,.collection-circle-carousel *{box-sizing:border-box}.collection-circle-carousel__background,.collection-circle-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;pointer-events:none}.collection-circle-carousel__background img{display:block;width:100%;height:100%;object-fit:var(--ccc-background-fit);object-position:var(--ccc-background-position-desktop)}.collection-circle-carousel__overlay{z-index:-1;background:var(--ccc-overlay-color);opacity:var(--ccc-overlay-opacity)}.collection-circle-carousel__inner{width:min(100%,var(--ccc-page-width));max-width:100%;min-width:0;margin-inline:auto;padding:var(--ccc-padding-top) var(--ccc-side-padding) var(--ccc-padding-bottom)}.collection-circle-carousel__header{max-width:1040px;margin:0 auto var(--ccc-header-gap);text-align:var(--ccc-text-align)}.collection-circle-carousel__eyebrow{margin:0 0 10px;color:var(--ccc-eyebrow-color);font:600 var(--ccc-eyebrow-size)/1.35 "Inter",sans-serif;letter-spacing:var(--ccc-eyebrow-spacing);text-transform:uppercase}.collection-circle-carousel__heading{margin:0;color:var(--ccc-heading-color);font:var(--ccc-heading-weight) var(--ccc-heading-size)/1.08 "Inter",sans-serif;letter-spacing:-.035em}.collection-circle-carousel__highlight{color:var(--ccc-highlight-color)}.collection-circle-carousel__highlight--spaced{display:inline-block;margin-inline-start:.16em}.collection-circle-carousel__divider{display:flex;align-items:center;justify-content:center;gap:12px;width:min(340px,72%);margin:25px auto 0;color:var(--ccc-divider-color)}.collection-circle-carousel__divider:before,.collection-circle-carousel__divider:after{content:"";height:2px;flex:1 1 auto;background:linear-gradient(90deg,transparent,currentColor)}.collection-circle-carousel__divider:after{background:linear-gradient(90deg,currentColor,transparent)}.collection-circle-carousel__divider-mark{width:12px;height:12px;flex:0 0 12px;border:3px solid currentColor;transform:rotate(45deg)}.collection-circle-carousel__shell{position:relative;width:100vw;max-width:none;min-width:0;margin-inline:calc(50% - 50vw);background:transparent}.collection-circle-carousel__viewport{width:auto;max-width:100%;min-width:0;margin-top:calc(0px - var(--ccc-badge-clearance));margin-inline:0;padding-top:var(--ccc-badge-clearance);overflow:hidden;background:transparent;touch-action:pan-y pinch-zoom;cursor:grab}.collection-circle-carousel__shell:after,.collection-circle-carousel__viewport:after{content:none!important;display:none!important;background:transparent!important}.collection-circle-carousel__viewport:focus-visible{outline:2px solid var(--ccc-highlight-color);outline-offset:5px}.collection-circle-carousel__viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.collection-circle-carousel__track{display:flex;align-items:flex-start;gap:var(--ccc-gap);width:max-content;margin:0;padding:0;list-style:none;transform:translateZ(0);will-change:transform}.collection-circle-carousel__slide{width:var(--ccc-card-size);flex:0 0 var(--ccc-card-size);text-align:center}.collection-circle-carousel__link{display:block;color:inherit;text-decoration:none}.collection-circle-carousel__media-wrap{display:block;position:relative;width:100%;height:var(--ccc-card-size);aspect-ratio:1}.collection-circle-carousel__media{display:block;position:relative;width:100%;height:100%;aspect-ratio:1;padding:var(--ccc-ring-gap);overflow:hidden;border:var(--ccc-border-width) solid var(--ccc-block-border-color, var(--ccc-border-color));border-radius:50%;background:var(--ccc-circle-background);box-shadow:var(--ccc-circle-shadow);transition:transform .28s ease,box-shadow .28s ease}.collection-circle-carousel__media img,.collection-circle-carousel__media svg{display:block;width:100%;height:100%;min-width:0;max-width:100%;min-height:0;max-height:100%;border-radius:50%;object-fit:var(--ccc-image-fit);object-position:center}.collection-circle-carousel__media img{transition:transform .42s cubic-bezier(.2,.65,.3,1);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.collection-circle-carousel__placeholder{background:#fff9}.collection-circle-carousel__link:hover .collection-circle-carousel__media,.collection-circle-carousel__link:focus-visible .collection-circle-carousel__media{transform:translateY(-4px);box-shadow:var(--ccc-circle-shadow-hover)}.collection-circle-carousel--zoom .collection-circle-carousel__link:hover img,.collection-circle-carousel--zoom .collection-circle-carousel__link:focus-visible img{transform:scale(1.055)}.collection-circle-carousel__link:focus-visible{outline:none}.collection-circle-carousel__link:focus-visible .collection-circle-carousel__media{outline:3px solid var(--ccc-highlight-color);outline-offset:4px}.collection-circle-carousel__badge{position:absolute;top:var(--ccc-badge-offset);left:50%;z-index:2;min-width:max-content;max-width:92%;padding:7px 18px;border-radius:999px;background:var(--ccc-block-badge-background, var(--ccc-badge-background));color:var(--ccc-block-badge-color, var(--ccc-badge-color));font:700 14px/1.2 Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;transform:translate(-50%,-50%);box-shadow:0 5px 14px #0000001f}.collection-circle-carousel__title{display:block;margin-top:var(--ccc-title-gap);color:var(--ccc-block-title-color, var(--ccc-title-color));font:var(--ccc-title-weight) var(--ccc-title-size)/1.25 "Inter",sans-serif;letter-spacing:-.02em;text-wrap:balance}.collection-circle-carousel__arrow{position:absolute;top:calc(var(--ccc-card-size) / 2);z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--ccc-arrow-border);border-radius:50%;background:var(--ccc-arrow-background);color:var(--ccc-arrow-color);box-shadow:0 5px 18px #0000001f;cursor:pointer;transform:translateY(-50%);transition:transform .18s ease,background .18s ease,color .18s ease}.collection-circle-carousel__arrow:hover{background:var(--ccc-arrow-hover-background);color:var(--ccc-arrow-hover-color);transform:translateY(-50%) scale(1.06)}.collection-circle-carousel__arrow:disabled{opacity:.35;pointer-events:none}.collection-circle-carousel__arrow:focus-visible{outline:2px solid var(--ccc-highlight-color);outline-offset:3px}.collection-circle-carousel__arrow--previous{left:clamp(12px,2vw,30px)}.collection-circle-carousel__arrow--next{right:clamp(12px,2vw,30px)}.collection-circle-carousel__arrow svg{width:18px;height:18px}.collection-circle-carousel__footer{margin-top:var(--ccc-button-gap);margin-bottom:0;text-align:center}.collection-circle-carousel__button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;margin:0;padding:13px 30px;border:var(--ccc-button-border-width) solid var(--ccc-button-border-color);border-radius:var(--ccc-button-radius);background:var(--ccc-button-background);color:var(--ccc-button-color);font:700 var(--ccc-button-size)/1.2 "Inter",sans-serif;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background .18s ease,color .18s ease}.collection-circle-carousel__button:hover{background:var(--ccc-button-hover-background);color:var(--ccc-button-hover-color);transform:translateY(-2px)}.collection-circle-carousel__button:focus-visible{outline:2px solid var(--ccc-highlight-color);outline-offset:4px}.collection-circle-carousel__button svg{width:20px;height:20px;transition:transform .18s ease}.collection-circle-carousel__button:hover svg{transform:translate(4px)}@media screen and (max-width:989px){.collection-circle-carousel{--ccc-card-size: var(--ccc-card-size-tablet);--ccc-gap: var(--ccc-gap-tablet)}.collection-circle-carousel__inner{padding-inline:max(24px,var(--ccc-side-padding-tablet))}}@media screen and (max-width:749px){.collection-circle-carousel{--ccc-card-size: var(--ccc-card-size-mobile);--ccc-gap: var(--ccc-gap-mobile)}.collection-circle-carousel__background img{object-position:var(--ccc-background-position-mobile)}.collection-circle-carousel__inner{padding-top:var(--ccc-padding-top-mobile);padding-right:var(--ccc-side-padding-mobile);padding-bottom:clamp(20px,var(--ccc-padding-bottom-mobile),36px);padding-left:var(--ccc-side-padding-mobile)}.collection-circle-carousel__header{margin-bottom:var(--ccc-header-gap-mobile)}.collection-circle-carousel__eyebrow{margin-bottom:8px;font-size:var(--ccc-eyebrow-size-mobile)}.collection-circle-carousel__heading{font-size:var(--ccc-heading-size-mobile);line-height:1.12}.collection-circle-carousel__divider{margin-top:18px}.collection-circle-carousel__viewport{margin-inline:0;overflow:hidden}.collection-circle-carousel__title{font-size:var(--ccc-title-size-mobile)}.collection-circle-carousel__badge{padding:6px 13px;font-size:11px}.collection-circle-carousel__arrow{width:36px;height:36px}.collection-circle-carousel:not(.collection-circle-carousel--mobile-arrows) .collection-circle-carousel__arrow{display:none}.collection-circle-carousel:not(.collection-circle-carousel--mobile-arrows) .collection-circle-carousel__viewport{margin-inline:0}.collection-circle-carousel__footer{margin-top:var(--ccc-button-gap-mobile)}.collection-circle-carousel__button{width:min(100%,330px);min-height:48px;padding:12px 20px;font-size:var(--ccc-button-size-mobile)}}@media(prefers-reduced-motion:reduce){.collection-circle-carousel__track,.collection-circle-carousel__media,.collection-circle-carousel__media img,.collection-circle-carousel__arrow,.collection-circle-carousel__button,.collection-circle-carousel__button svg{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.no-js .collection-circle-carousel__viewport{overflow-x:auto}.no-js .collection-circle-carousel__track{transform:none!important;will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-collection-circle-carousel.css.map */