.main-collection{align-items:flex-start}@media screen and (max-width:749px){.main-collection{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2.4rem}.main-collection__grid{width:100%}}@media screen and (min-width:750px){.main-collection{display:grid;grid-template-columns:auto 1fr;gap:4rem 2rem}}.main-collection__filters{grid-column:1;grid-row:1;display:flex}.main-collection__filters facets-toggle{display:flex;flex-direction:column;align-items:baseline;gap:2rem 4rem}facets-toggle .active-facets:has(facet-remove:only-child){display:none}.main-collection__comparison{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center}@media screen and (min-width:750px){.main-collection__comparison{min-width:12rem}}.main-collection__comparison_toggle__label{display:flex;align-items:center;gap:1.2rem;cursor:pointer}.main-collection__comparison_toggle__label:has(input:focus-visible){outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;border-radius:var(--style-button-border-radius, 4px)}.icon-compare-switch{width:2.4rem;height:1.4rem;border:1px solid rgba(var(--color-foreground),1);border-radius:.8rem;display:flex;align-items:center;justify-content:flex-start;transition:all .3s ease;cursor:pointer}.main-collection__comparison_toggle__input:checked+.icon-compare-switch{justify-content:flex-end}.icon-compare-switch__inner{width:1rem;height:1rem;border-radius:50%;background-color:rgba(var(--color-foreground),1);transition:all .3s ease;margin:0 1px}.main-collection__comparison_toggle__input{opacity:0;position:absolute}.main-collection__grid{grid-column:1 / 3;grid-row:2}.collection--empty{text-align:center;padding-top:6rem}.facets-container.facets-container--drawer{position:fixed;top:3.6rem;left:var(--header-margin-mobile);right:var(--header-margin-mobile);z-index:4;max-height:calc(100dvh - var(--header-bottom-position) - 2.4rem);max-width:calc(100dvw - var(--header-margin-mobile) - var(--header-margin-mobile))}@media screen and (min-width:950px){.facets-container.facets-container--drawer{left:auto;right:var(--header-margin);max-width:46rem}}.facets-container.facets-container--drawer.background-secondary{background-color:rgba(var(--color-background-secondary),1)}.main-collection__comparison:has(.main-collection__comparison_toggle__input:not(:checked))~.main-collection__grid .product-compare{display:none}@media screen and (max-width:989px){.facets-container.facets-container--dropdown{position:fixed;top:calc(var(--header-bottom-position) + .8rem);left:var(--header-margin-mobile);right:var(--header-margin-mobile);z-index:4;max-height:calc(100dvh - var(--header-bottom-position) - 2.4rem);max-width:calc(100dvw - var(--header-margin-mobile) - var(--header-margin-mobile))}}@media screen and (min-width:750px)and (max-width:989px){.facets-container.facets-container--dropdown{left:auto;right:var(--header-margin);max-width:46rem}}@media screen and (min-width:990px){.filter-dropdown .main-collection__filters facets-toggle{flex-direction:column}.filter-dropdown .facets-container{order:2;padding-top:0;max-width:32rem}.filter-dropdown .active-facets.active-facets-mobile{padding-top:1.6rem;max-width:32rem}.filter-dropdown .facets-container facet-filters-form{padding:0}.filter-dropdown .facets-container.filter-background facet-filters-form{padding:.8rem 2.4rem 0}.facets-container.filter-background .facets__actions>*{flex:auto}.main-collection.filter-dropdown:has(.facets-container:not(.hidden)){grid-template-rows:min-content 1fr;align-items:start}.main-collection.filter-dropdown:has(.facets-container:not(.hidden)) .main-collection__filters{grid-column:1;grid-row:1 / 3;align-self:stretch}.main-collection.filter-dropdown:has(.facets-container:not(.hidden)) .main-collection__comparison{grid-column:2;grid-row:1;align-self:start}.main-collection.filter-dropdown:has(.facets-container:not(.hidden)) .main-collection__grid{grid-column:2;grid-row:2;align-self:start}.main-collection.filter-dropdown:has(.facets-container:not(.hidden)) .grid--4-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}.main-collection.filter-dropdown:has(.facets-container:not(.hidden)) .grid--5-desktop{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-dropdown .swatch-input__label{padding:0 .2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-collection.css.map */