.collection-colors{padding-block:1.5rem .25rem}.color-switcher{min-width:0}.color-switcher[hidden],.color-switcher__details[hidden]{display:none}.color-switcher__label{flex-shrink:0;color:var(--color-text);margin-bottom:.5rem}.color-switcher__track{display:flex;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:.25rem;margin:-.25rem;padding-inline:var(--container-padding);margin-inline:calc(var(--container-padding) * -1);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--container-padding),#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--container-padding),#000 calc(100% - 1.5rem),transparent 100%)}.color-switcher__track::-webkit-scrollbar{display:none}.color-switcher--filters .color-switcher__track{flex-wrap:wrap;overflow-x:visible}.color-chip{display:inline-flex;align-items:center;flex-shrink:0;gap:.5rem;padding:.375rem .875rem .375rem .5rem;border:1px solid var(--color-border);border-radius:2rem;background:var(--color-white);color:var(--color-text);font:inherit;font-size:.75rem;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.color-chip__swatch{position:relative;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;overflow:hidden;background-color:var(--swatch-color, var(--color-light));box-shadow:inset 0 0 0 1px #0000001f}.color-chip__swatch img{display:block;width:100%;height:100%;object-fit:cover}.color-chip__name{white-space:nowrap}@media(hover:hover){.color-chip:hover{border-color:var(--color-dark)}}.color-chip[aria-pressed=true]{border-color:var(--color-dark);background:var(--color-dark);color:var(--color-white)}.color-chip[aria-pressed=true] .color-chip__swatch{box-shadow:inset 0 0 0 1px #ffffff4d}.color-chip--custom .color-chip__swatch{background-image:conic-gradient(from 210deg,#e05c4b,#e0b04b,#6fae5c,#4b9fe0,#8a63c9,#e05c4b)}@media(max-width:767px){.collection-colors{padding-block:1rem 0}.color-switcher{display:block}.color-switcher__label{margin-bottom:.5rem}}@media(prefers-reduced-motion:reduce){.color-chip{transition:none}}.collection-actions{padding-block:1rem;position:sticky;top:var(--header-main-height);z-index:100;background:#fffc;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.collection-actions:sticky{box-shadow:0 1px 2px #0000001a}.collection-actions__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.collection-actions__filters{margin-right:auto}.collection-actions__layout-switcher{display:flex;gap:.5rem}.collection-actions__layout-switcher .is-active{background-color:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}@media(max-width:991px){.collection-actions__inner{gap:1rem}}@media(max-width:767px){.collection-actions__totals{display:none}}.collection-grid__inner{display:grid;grid-template-columns:1fr;gap:2rem;padding-block-end:5rem}@media(min-width:860px){.collection-grid__inner{grid-template-columns:repeat(2,1fr)}}@media(min-width:1180px){.collection-grid__inner{grid-template-columns:repeat(3,1fr)}}.collection-grid--compact .collection-grid__inner{grid-template-columns:repeat(2,1fr)}@media(min-width:860px){.collection-grid--compact .collection-grid__inner{grid-template-columns:repeat(3,1fr)}}@media(min-width:1180px){.collection-grid--compact .collection-grid__inner{grid-template-columns:repeat(4,1fr)}}.collection-grid__empty{padding-block:5rem;text-align:center;color:var(--color-text-muted, currentcolor)}.collection-banner{position:relative;height:100%;background-color:var(--color-background-alt, #f4f4f4);display:flex;align-items:center;justify-content:center;border-radius:.25rem;overflow:hidden}.collection-banner--dark{color:var(--color-black)}.collection-banner--light{color:var(--color-white)}.collection-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform 1s linear}.collection-banner:hover .collection-banner__image{transform:scale(1.04)}.collection-banner__text{position:relative;z-index:2;padding:2rem;text-align:center}.collection-banner__text p{margin:0;font-weight:500;color:currentcolor}@media(max-width:560px){.collection-banner{min-height:unset}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-collection-grid.css.map */