.collection-tabs__inner{display:grid;gap:var(--space-sm)}.collection-tabs__intro{display:grid;gap:var(--space-xs);max-inline-size:52rem;min-inline-size:0}.collection-tabs__heading{margin:0}.collection-tabs__heading em{font-style:normal;color:var(--color-accent)}.collection-tabs__lead{max-inline-size:60ch;font-size:var(--text-lg);color:var(--color-text-muted);text-wrap:pretty}.collection-tabs__view-all{order:5;justify-self:stretch}.collection-tabs__tablist{display:flex;gap:var(--space-2xs);margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin);padding-block:var(--space-3xs);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-margin);overscroll-behavior-inline:contain;scrollbar-width:none}.collection-tabs__tablist::-webkit-scrollbar{display:none}.collection-tabs__tablist:not(:has(.collection-tabs__tab)){display:none}.collection-tabs__cell{flex:none;scroll-snap-align:start}.collection-tabs__cell:empty{display:none}.collection-tabs__cell:not(:has(*)){display:none}.collection-tabs__tab{gap:var(--space-2xs)}.collection-tabs__tab[aria-current=true]{border-color:var(--color-red);font-weight:700;color:var(--color-white);background-color:var(--color-red)}.collection-tabs__tab-count{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);color:var(--color-muted)}.collection-tabs__tab:is([aria-selected=true],[aria-current=true]) .collection-tabs__tab-count{color:inherit}.collection-tabs__tab--placeholder{border-style:dashed;color:var(--color-muted);cursor:default}.collection-tabs__panel{min-inline-size:0;transition:opacity var(--dur-2) var(--ease-out)}.collection-tabs__skeleton{display:grid;gap:.5rem;align-content:start}.collection-tabs__skeleton-media{display:block;aspect-ratio:1 / 1;border-radius:var(--radius-card)}.collection-tabs__skeleton--portrait .collection-tabs__skeleton-media{aspect-ratio:4 / 5}.collection-tabs__skeleton-line{display:block;block-size:.75rem;border-radius:var(--radius-pill)}.collection-tabs__skeleton-line--short{inline-size:45%}.collection-tabs__skeleton-media,.collection-tabs__skeleton-line{background-color:var(--color-border);animation:collection-tabs-pulse 1.1s var(--ease-out) infinite}.collection-tabs__skeleton-line{animation-delay:.08s}@keyframes collection-tabs-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.collection-tabs__skeleton-media,.collection-tabs__skeleton-line{animation:none;opacity:.7}}.collection-tabs__grid{display:flex;gap:var(--space-xs);margin:0;margin-inline:calc(var(--page-margin) * -1);padding:0;padding-inline:var(--page-margin);list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-margin);overscroll-behavior-inline:contain;scrollbar-width:thin}.collection-tabs__item{display:flex;flex:0 0 78%;flex-direction:column;min-inline-size:0;scroll-snap-align:start}.collection-tabs__item>*{flex-grow:1}.collection-tabs__empty{display:grid;justify-items:start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-card);color:var(--color-ink);background-color:var(--color-white)}.collection-tabs__placeholder{display:grid;align-content:start;gap:var(--space-xs);padding:var(--space-2xs) var(--space-2xs) var(--space-sm);border:1px solid var(--color-line);border-radius:var(--radius-card);color:var(--color-ink);background-color:var(--color-white)}.collection-tabs__placeholder-media{display:block;overflow:hidden;border-radius:var(--radius-media);background-color:var(--color-well);aspect-ratio:1}.collection-tabs__placeholder-media .placeholder-svg{background-color:transparent}.collection-tabs__placeholder-title{padding-inline:var(--space-3xs);font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-muted)}@media screen and (min-width:750px){.collection-tabs__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro link" "tabs tabs" "panel panel";align-items:end;gap:var(--space-md) var(--space-lg)}.collection-tabs__intro{grid-area:intro}.collection-tabs__view-all{grid-area:link;justify-self:end}.collection-tabs__tablist{grid-area:tabs;flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}.collection-tabs__panel{grid-area:panel}.collection-tabs__grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 4),minmax(0,1fr));gap:1.25rem;margin-inline:0;padding-inline:0;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-collection-tabs.css.map */