.circle-carousel{width:100%;background:var(--circle-bg, #ffffff);color:var(--circle-text, #111111);padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px);overflow:hidden}.circle-carousel *,.circle-carousel *:before,.circle-carousel *:after{box-sizing:border-box}.circle-carousel__inner{width:100%}.circle-carousel__inner.full-width{width:100%;max-width:100%}.circle-carousel__header{text-align:center;margin:0 auto 28px;padding-left:20px;padding-right:20px}.circle-carousel__heading{margin:0;padding:0;color:var(--circle-text, #111111);font-size:clamp(24px,2.5vw,36px);line-height:1.15;font-weight:700}.circle-carousel__subheading{margin-top:8px;color:var(--circle-text, #111111);opacity:.7;font-size:15px;line-height:1.5}.circle-carousel__carousel-wrapper{--items-visible: 8;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding-left:16px;padding-right:16px}.circle-carousel__viewport{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.circle-carousel__viewport::-webkit-scrollbar{display:none}.circle-carousel__list{width:100%;display:flex;align-items:flex-start;gap:var(--circle-carousel-gap, 16px);margin:0;padding:0;list-style:none}.circle-carousel__item{flex:0 0 calc((100% - ((var(--items-visible) - 1) * var(--circle-carousel-gap, 16px))) / var(--items-visible));min-width:0;margin:0;padding:0;scroll-snap-align:start}.circle-carousel__link{width:100%;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;text-align:center}.circle-carousel__image-wrap{display:block;width:min(100%,var(--circle-carousel-max-size, 140px));aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;position:relative;background:#f4f4f4;margin:0 auto;transform:translateZ(0)}.circle-carousel__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .35s ease,opacity .35s ease}.circle-carousel__image--placeholder{width:100%;height:100%;background:#f2f2f2}.circle-carousel__image--placeholder svg{display:block;width:100%;height:100%}.circle-carousel__link:hover .circle-carousel__image{transform:scale(1.05)}.circle-carousel__label{display:block;width:100%;margin-top:12px;padding:0 3px;color:var(--circle-label, #111111);font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.circle-carousel__arrow{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:var(--circle-arrow-bg, #ffffff);color:var(--circle-arrow-color, #111111);cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;position:relative;z-index:2}.circle-carousel__arrow:hover{transform:scale(1.06);box-shadow:0 4px 15px #0000001f}.circle-carousel__arrow:active{transform:scale(.95)}.circle-carousel__arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}.circle-carousel__arrow svg{display:block}.circle-carousel__arrow[disabled]{opacity:.3;cursor:default}@media screen and (min-width:1400px){.circle-carousel__carousel-wrapper{padding-left:30px;padding-right:30px}}@media screen and (max-width:989px){.circle-carousel__header{margin-bottom:24px}.circle-carousel__carousel-wrapper{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;padding-left:12px;padding-right:12px}.circle-carousel__arrow{width:38px;height:38px}.circle-carousel__label{font-size:13px;margin-top:10px}}@media screen and (max-width:749px){.circle-carousel__header{padding-left:16px;padding-right:16px;margin-bottom:20px}.circle-carousel__heading{font-size:clamp(22px,7vw,30px)}.circle-carousel__subheading{font-size:14px}.circle-carousel__carousel-wrapper{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px;padding-left:6px;padding-right:6px}.circle-carousel__arrow{width:32px;height:32px}.circle-carousel__arrow svg{width:16px;height:16px}.circle-carousel__label{margin-top:8px;font-size:12px}}@media screen and (max-width:479px){.circle-carousel__carousel-wrapper{padding-left:4px;padding-right:4px}.circle-carousel__header{padding-left:14px;padding-right:14px}.circle-carousel__label{font-size:11px;line-height:1.25}}@media screen and (max-width:359px){.circle-carousel__carousel-wrapper{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.circle-carousel__arrow{width:28px;height:28px}.circle-carousel__arrow svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.circle-carousel__viewport{scroll-behavior:auto}.circle-carousel__image,.circle-carousel__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-circle-carousel.css.map */