.section-categories .categories{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3rem,8vw,6.5rem) clamp(1rem,4vw,3.5rem)}.section-categories .categories--rounded{border-radius:var(--radius)}.section-categories .categories__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.section-categories .categories__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--categories-overlay, .2)}.section-categories .categories__inner{position:relative;max-width:980px;margin-inline:auto}.section-categories .section-header{margin-bottom:clamp(1.8rem,4vw,3rem)}.section-categories .categories{--pill-h: 54px;--pill-pad: 1.6rem;--pill-font: 1rem}.section-categories .categories--pill-small{--pill-h: 44px;--pill-pad: 1.2rem;--pill-font: .9rem}.section-categories .categories--pill-large{--pill-h: 66px;--pill-pad: 2.1rem;--pill-font: 1.2rem}@media(max-width:749px){.section-categories .categories{--pill-h: 42px;--pill-pad: 1.1rem;--pill-font: .88rem}}.section-categories .categories__cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,12px)}.section-categories .categories__entry{display:flex}.section-categories .categories__pill{position:relative;display:inline-flex;color:var(--pill-text)}.section-categories .categories__pill-face{position:relative;display:inline-flex;align-items:center;height:var(--pill-h);padding-inline:var(--pill-pad);border-radius:99px;overflow:hidden;background:var(--pill-bg);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--pill-font);letter-spacing:var(--heading-letter-spacing);white-space:nowrap}.section-categories .categories--bordered .categories__pill-face{box-shadow:inset 0 0 0 1px currentColor}.section-categories .categories__pill-fill{position:absolute;left:-15%;width:130%;height:260%;top:100%;border-radius:50%;background:var(--pill-fill);transition:transform .5s var(--ease-out)}.section-categories .categories__pill-roll{position:relative;display:block;height:1.3em;line-height:1.3;overflow:hidden}.section-categories .categories__pill-text{display:block;transition:transform .45s var(--ease-out),color .3s}.section-categories .categories__pill-text--echo{color:var(--pill-fill-text)}.section-categories .categories__pill-count{font-family:var(--font-body);font-size:.6em;margin-left:.2em;opacity:.7}@media(hover:hover){.section-categories a.categories__pill:hover .categories__pill-fill{transform:translateY(-62%)}.section-categories a.categories__pill:hover .categories__pill-text{transform:translateY(-100%)}}.section-categories a.categories__pill:focus-visible{outline:none}.section-categories a.categories__pill:focus-visible .categories__pill-face{outline:2px solid var(--c-heading);outline-offset:3px}.section-categories .categories__peek{position:absolute;z-index:5;left:50%;bottom:calc(100% + 10px);width:128px;aspect-ratio:4 / 5;border-radius:var(--radius-card);overflow:hidden;background:var(--c-image);box-shadow:0 16px 36px #0000002e;opacity:0;transform:translate(-50%,12px) rotate(-4deg) scale(.85);transition:opacity .3s var(--ease),transform .5s var(--ease-out);pointer-events:none}.section-categories .categories__peek img{width:100%;height:100%;object-fit:cover}.section-categories .categories__pill:hover .categories__peek,.section-categories .categories__pill:focus-visible .categories__peek{opacity:1;transform:translate(-50%) rotate(-4deg) scale(1)}@media(hover:none){.section-categories .categories__peek{display:none}}.section-categories .categories__photo{position:relative;display:block;height:var(--pill-h);width:calc(var(--pill-h) * 1.9);border-radius:99px;overflow:hidden;background:var(--c-image);transition:transform .45s var(--ease-out)}.section-categories .categories__photo--small{width:calc(var(--pill-h) * 1.3)}.section-categories .categories__photo--large{width:calc(var(--pill-h) * 3)}.section-categories .categories__photo img,.section-categories .categories__photo svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}.section-categories a.categories__photo:hover img{transform:scale(1.08)}.section-categories .categories__cta{display:flex;justify-content:center;margin-top:clamp(2rem,4vw,3rem)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-categories.css.map */