.category-circles{padding-block:var(--circles-pad-top, 5px) var(--circles-pad-bottom, 30px)}.category-circles__heading{margin-block-end:var(--space-md);padding-inline:var(--page-gutter);font-size:var(--text-2xl);text-align:center}.category-circles__carousel{--per-view: 2;--carousel-gap: 0px;--carousel-peek: 35px;margin-inline:auto}.category-circles__slide{position:relative}.category-circles__link{display:block;color:var(--color-ink);text-decoration:none}.category-circles__circle{position:relative;display:block;aspect-ratio:1;isolation:isolate}.category-circles__disc{position:absolute;inset-inline:10.85%;top:20.3%;bottom:1.4%;border-radius:50%;border:var(--circle-ring-width, 2px) solid var(--circle-ring, var(--color-brand));background-color:var(--circle-disc, var(--color-surface));transition:box-shadow var(--duration-base) var(--ease-out)}.category-circles__media{position:absolute;inset-inline:21%;top:30.45%;bottom:11.55%;display:flex;align-items:center;justify-content:center}.category-circles__img{position:relative;z-index:2;display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.category-circles__placeholder{color:var(--color-brand);mix-blend-mode:normal}.category-circles--framed .category-circles__circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--circle-frame) center / contain no-repeat}.category-circles--framed .category-circles__disc{border:0;box-shadow:none}.category-circles__label{display:block;margin-block-start:8px;padding:3px 4px;font-size:var(--text-body);font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}@media(hover:hover){.category-circles__link:hover .category-circles__disc{box-shadow:0 10px 24px -10px color-mix(in srgb,var(--color-ink) 35%,transparent)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.category-circles__link:hover .category-circles__circle{transform:translateY(-3px);transition:transform var(--duration-base) var(--ease-out)}}@media(hover:hover){html.a11y-no-motion .category-circles__link:hover .category-circles__circle{transform:none}}.category-circles__link:is(:hover,:focus-visible) .category-circles__label{color:var(--color-brand-text)}.category-circles__link:focus-visible{outline:none}.category-circles__link:focus-visible .category-circles__disc{outline:2px solid var(--color-focus);outline-offset:3px}.category-circles__arrow{display:none}.category-circles__arrow .icon{width:2.5rem;height:2.5rem;stroke-width:1.9}.category-circles__pause{display:var(--cc-scroll-xs, none)}@media(prefers-reduced-motion:reduce){.category-circles__carousel .category-circles__pause{display:none}}html.a11y-no-motion .category-circles__carousel .category-circles__pause,html.no-js .category-circles__carousel .category-circles__pause,html.no-js .category-circles__carousel .category-circles__arrow{display:none}@media(min-width:576px){.category-circles__carousel{--per-view: 3}.category-circles__media{inset-inline:19%;top:28.45%;bottom:9.55%}.category-circles__pause{display:var(--cc-scroll-sm, none)}}@media(min-width:768px){.category-circles__carousel{--per-view: var(--circles-per-view-md, 5);--carousel-gap: 25px;--carousel-peek: 0px;--cc-bleed: min(45px, var(--page-gutter));width:calc(100% - 2 * var(--page-gutter) + 2 * var(--cc-bleed));margin-inline:auto;padding-inline:45px}.category-circles__arrow{top:0;bottom:1.75rem;display:var(--cc-scroll-md, none);margin-block:auto;translate:none}@supports (width: 1cqi){.category-circles__carousel{container-type:inline-size}.category-circles__arrow{top:calc((100cqi - (var(--per-view) - 1) * var(--carousel-gap)) / var(--per-view) * .5945 - var(--carousel-arrow-size) / 2);bottom:auto;margin-block:0}}@media(hover:hover){.category-circles__arrow:hover{background-color:var(--color-surface);color:var(--color-ink)}}.category-circles__label{font-size:var(--text-md)}.category-circles__pause{display:var(--cc-scroll-md, none)}}@media(min-width:992px){.category-circles__carousel{--per-view: var(--circles-per-view-lg, 6);--carousel-gap: 30px}.category-circles__arrow,.category-circles__pause{display:var(--cc-scroll-lg, none)}}@media(min-width:1200px){.category-circles__carousel{--per-view: var(--circles-per-view-desktop, 7);--carousel-gap: 34px}.category-circles__label{font-size:var(--text-body)}.category-circles__arrow,.category-circles__pause{display:var(--cc-scroll-xl, none)}}@media(min-width:1600px){.category-circles__carousel{--per-view: var(--circles-per-view-xwide, 8)}.category-circles__arrow,.category-circles__pause{display:var(--cc-scroll-2xl, none)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-circles.css.map */