.ctabs__heading{margin-bottom:var(--space-24)}.ctabs__tabstrip{display:flex;align-items:stretch;gap:var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-32)}.ctabs__tablist{flex:1;display:flex;justify-content:center;gap:var(--space-32);overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x pan-y}.ctabs__tablist::-webkit-scrollbar{display:none}.ctabs__nav{flex:none;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-8);border:0;background:none;color:var(--color-foreground);cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out)}.ctabs__nav[hidden]{display:none}.ctabs__nav:hover{color:var(--color-accent)}.ctabs__nav:disabled{color:var(--color-border);cursor:default}@media(prefers-reduced-motion:reduce){.ctabs__tablist{scroll-behavior:auto}}.ctabs__tab{position:relative;flex:none;background:none;border:0;padding:var(--space-8) 0 var(--space-12);font-family:var(--font-body--family);font-size:var(--type-nav);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap;color:var(--color-muted);cursor:pointer;transition:color var(--duration-normal) var(--ease-in-out)}.ctabs__tab:hover{color:var(--color-accent)}.ctabs__tab[aria-selected=true]{color:var(--color-foreground)}.ctabs__tab:focus-visible{outline-offset:-4px;border-radius:var(--radius-4)}.ctabs__tab-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:var(--radius-full);background-color:transparent;overflow:hidden}.ctabs__tab[aria-selected=true] .ctabs__tab-progress{background-color:color-mix(in srgb,var(--color-accent) 22%,transparent)}.ctabs__tab-fill{display:block;width:0;height:100%;background-color:var(--color-accent);border-radius:inherit}.ctabs__tab[aria-selected=true] .ctabs__tab-fill{animation:ctabs-fill var(--ctabs-speed, 6s) linear forwards}.ctabs.is-paused .ctabs__tab[aria-selected=true] .ctabs__tab-fill{animation-play-state:paused}@keyframes ctabs-fill{0%{width:0}to{width:100%}}@media(prefers-reduced-motion:reduce){.ctabs__tab[aria-selected=true] .ctabs__tab-fill{animation:none;width:100%}}.ctabs__panel[hidden]{display:none}.ctabs__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-gap)}.ctabs__item{flex:0 1 var(--card-basis);min-width:0}.ctabs__empty{flex:1 1 100%;padding:var(--space-48) 0;text-align:center;color:var(--color-muted)}.ctabs__viewall{display:grid;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-card);background-color:var(--color-surface);isolation:isolate}.ctabs__viewall-mosaic,.ctabs__viewall-body{grid-area:1 / 1}.ctabs__viewall-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.ctabs__viewall-thumb{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.ctabs__viewall-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-16);text-align:center;background-color:color-mix(in srgb,var(--color-background) 72%,transparent);transition:background-color var(--duration-normal) var(--ease-in-out)}.ctabs__viewall-count{font-size:var(--type-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-foreground)}.ctabs__viewall:hover .ctabs__viewall-btn,.ctabs__viewall:focus-visible .ctabs__viewall-btn{background-color:color-mix(in srgb,var(--color-accent) 78%,#fff);border-color:color-mix(in srgb,var(--color-accent) 78%,#fff);color:var(--color-accent-foreground)}.ctabs__viewall-btn{gap:0}.ctabs__viewall-arrow{--arrow-w: 14px;display:inline-flex;align-items:center;flex:none;width:0;margin-inline-start:0;opacity:0;overflow:hidden;transform:translate(-.25em);transition:width var(--duration-normal) var(--ease-out),margin-inline-start var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.ctabs__viewall:hover .ctabs__viewall-arrow,.ctabs__viewall:focus-visible .ctabs__viewall-arrow{width:var(--arrow-w);margin-inline-start:.45em;opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.ctabs__viewall-thumb{transition:none}}@media(max-width:1024px){.ctabs__tablist{gap:var(--space-20);justify-content:flex-start}.ctabs__tab[aria-selected=true] .ctabs__tab-fill{animation:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-tabs.css.map */