.color-switcher{min-width:0}.collection-actions__inner>.color-switcher{flex:1 1 auto}.color-switcher[hidden],.color-switcher__details[hidden]{display:none}.color-switcher__label{flex-shrink:0;color:var(--color-text-light)}.color-switcher__track{display:flex;gap:.75rem;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:.25rem;margin:-.25rem;scroll-padding-inline:.25rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent 100%)}.color-switcher__track[data-at-end]{-webkit-mask-image:none;mask-image:none}.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--skeleton{width:6.5rem;height:2.125rem;overflow:hidden;border-color:transparent;background:var(--color-border-lighter);opacity:1;cursor:default}.color-switcher--swatches{position:relative;display:flex;align-items:center;gap:.75rem}.color-switcher--swatches .color-switcher__label{flex-shrink:0;margin:0;white-space:nowrap}.color-switcher--swatches .color-switcher__track{flex:1 1 auto}.color-switcher--swatches .color-chip{width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:none;transition:box-shadow .15s ease}.color-switcher--swatches .color-chip--skeleton{background:var(--color-border-lighter)}.color-switcher--swatches .color-chip__swatch{width:100%;height:100%}.color-switcher--swatches .color-chip__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(hover:hover){.color-switcher--swatches .color-chip:hover{box-shadow:0 0 0 2px var(--color-white),0 0 0 3px var(--color-border)}}.color-switcher--swatches .color-chip[aria-pressed=true]{background:none;box-shadow:0 0 0 2px var(--color-white),0 0 0 3px var(--color-dark)}.color-switcher__tooltip{position:absolute;z-index:3;transform:translate(-50%,.75rem);padding:.25rem .5rem;border-radius:.25rem;background:var(--color-dark);color:var(--color-white);white-space:nowrap;pointer-events:none;animation:color-switcher-tooltip-in .2s ease-out}.color-switcher__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:.3125rem solid transparent;border-top:0;border-bottom-color:var(--color-dark)}.color-switcher__tooltip[hidden]{display:none}@keyframes color-switcher-tooltip-in{0%{opacity:0;transform:translate(-50%,1rem)}}.color-chip--custom .color-chip__swatch{background-image:conic-gradient(from 210deg,#e05c4b,#e0b04b,#6fae5c,#4b9fe0,#8a63c9,#e05c4b)}@media(max-width:767px){.color-switcher{display:block}.color-switcher--swatches .color-switcher__label{margin-bottom:.5rem;color:var(--color-text)}}@media(prefers-reduced-motion:reduce){.color-chip{transition:none}.color-switcher__tooltip{animation:none}}.collection-actions{padding-block:1rem;margin-bottom: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}}.collection-actions__totals{color:var(--color-text-light, currentcolor)}@media(max-width:767px){.collection-actions__totals,.collection-actions__layout-switcher{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/11/assets/section-collection-grid.css.map */