.collection-layout{display:grid;grid-template-columns:1fr;grid-template-areas:"topbar" "chips" "grid";row-gap:2rem}@media screen and (min-width:750px){.collection-layout--with-sidebar{grid-template-columns:23rem 1fr;column-gap:4.5rem;grid-template-areas:"topbar topbar" "sidebar chips" "sidebar grid"}}.filters-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem;margin-bottom:.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.15)}.filters-topbar__count{position:relative;font-size:1.3rem;color:rgba(var(--color-foreground),.75);margin:0}.filters-topbar__count.loading .filters-topbar__count-text{visibility:hidden}.filters-topbar__count .loading-overlay__spinner{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.8rem}.filters-topbar__count.loading .loading-overlay__spinner{display:block}.filters-drawer{display:flex}.filters-drawer__trigger{display:flex;align-items:center;gap:.9rem;color:rgb(var(--color-foreground));cursor:pointer}.filters-drawer__trigger .icon-filter{width:1.9rem;height:1.9rem;flex-shrink:0}.filters-drawer__trigger-label{font-size:1.4rem;font-weight:600}.filters-drawer__badge{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:100%;font-size:1.1rem;font-weight:700;line-height:1;min-width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;padding:0 .2rem}.filters-sort{display:flex;align-items:center;gap:1rem}.filters-sort__label,.filters-drawer__sort-label{font-size:1.3rem;color:rgba(var(--color-foreground),.75);white-space:nowrap;margin:0}.filters-sort .select{width:auto}.filters-sort-select{border-radius:5rem;height:auto;padding:1rem 3.5rem 1rem 1.8rem;font-size:1.3rem;font-weight:600;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.35)}.filters-sort-select:hover{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.6)}.filters-sort .select .icon-caret,.filters-drawer__sort .select .icon-caret{right:1.4rem}.filters-sidebar-wrapper{grid-area:sidebar;display:block;position:sticky;top:2rem;align-self:start;max-height:calc(100vh - 6rem);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:5px}.filters-sidebar__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.filters-sidebar__heading{font-size:1.7rem;font-weight:600;margin:0}.filters-sidebar__clear-all{font-size:1.3rem;white-space:nowrap}.filter-group{border-top:.1rem solid rgba(var(--color-foreground),.15);padding:1.4rem 0}.filters-drawer__body .filter-group:first-child,.filters-sidebar .filter-group:first-of-type{border-top:.1rem solid rgba(var(--color-foreground),.15)}.filter-group__summary{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;font-weight:700;cursor:pointer;list-style:none}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__summary .icon-caret{flex-shrink:0;color:rgba(var(--color-foreground),.6);transition:transform var(--duration-default, .2s) ease}.filter-group[open]>.filter-group__summary .icon-caret{transform:rotate(180deg)}.filter-group__body{padding-top:.8rem}.filter-group__list{margin:0;padding:0}.filter-group__item{display:block}.filter-option{display:flex;align-items:center;gap:1rem;padding:.7rem 0;font-size:1.4rem;color:rgba(var(--color-foreground),.75);cursor:pointer;word-break:break-word}.filter-option:hover{color:rgb(var(--color-foreground))}.filter-option input[type=checkbox]{position:absolute;opacity:0;width:1.6rem;height:1.6rem}.filter-option__box{flex-shrink:0;width:1.6rem;height:1.6rem;border:.1rem solid rgba(var(--color-foreground),.5);border-radius:.2rem;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background))}.filter-option__box .icon-checkmark{visibility:hidden}.filter-option input[type=checkbox]:checked~.filter-option__box{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.filter-option input[type=checkbox]:checked~.filter-option__box .icon-checkmark{visibility:visible}.filter-option input[type=checkbox]:focus-visible~.filter-option__box{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.filter-option--disabled{color:rgba(var(--color-foreground),.35);cursor:default}.filter-option--disabled .filter-option__box{border-color:rgba(var(--color-foreground),.25)}.filter-option__count{color:rgba(var(--color-foreground),.55)}.filter-group__price{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:.5rem}.filter-group__price .field{align-items:center}.filter-group__price .field-currency{align-self:center;margin-right:.6rem}.filter-group__price .field__label{left:1.5rem}.active-facets{grid-area:chips;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;min-height:0}.active-facets:empty{display:none}.active-facets__button{display:block;text-decoration:none}span.active-facets__button-inner{color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground));border-radius:2.6rem;font-size:1.2rem;min-height:0;min-width:0;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.6rem}.active-facets__button--light .active-facets__button-inner{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.25)}.active-facets__button:hover .active-facets__button-inner,.active-facets__button--light:hover .active-facets__button-inner{box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.active-facets__button svg{flex-shrink:0;pointer-events:none;width:1.2rem}.active-facets__button-wrapper{font-size:1.3rem}.active-facets__button-remove{display:inline-block;padding:.6rem 0}.facets__button-no-js{min-width:auto;transform:translateY(-.6rem)}.active-facets .disabled{pointer-events:none;opacity:.5}.filters-drawer__disclosure{position:relative}.filters-drawer__panel{background-color:rgb(var(--color-background));display:flex}.js .filters-drawer__panel{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:38rem;z-index:100;transform:translate(-105%);transition:transform var(--duration-default, .2s) ease;box-shadow:.2rem 0 2rem #00000026}.js .filters-drawer__disclosure.menu-opening .filters-drawer__panel{transform:translate(0)}.js .filters-drawer__disclosure:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.5);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--duration-default, .2s) ease}.js .filters-drawer__disclosure.menu-opening:before{opacity:1;pointer-events:auto}.filters-drawer__form{width:100%;height:100%;display:flex;flex-direction:column}.filters-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.15)}.filters-drawer__heading{font-size:1.7rem;font-weight:600;margin:0}.filters-drawer__close{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.7)}.filters-drawer__close svg{width:1.6rem;height:1.6rem}.filters-drawer__body{flex:1;overflow-y:auto;padding:0 2rem;-webkit-overflow-scrolling:touch}.filters-drawer__sort{border-top:.1rem solid rgba(var(--color-foreground),.15);padding:1.6rem 0}.filters-drawer__sort-label{display:block;margin-bottom:.8rem}.filters-drawer__sort .select{width:100%}.filters-drawer__sort .filters-sort-select{width:100%;border-radius:.6rem;padding:1.3rem 3.5rem 1.3rem 1.5rem}.filters-drawer__footer{display:flex;gap:1rem;padding:1.6rem 2rem calc(1.6rem + env(safe-area-inset-bottom));border-top:.1rem solid rgba(var(--color-foreground),.15)}.filters-drawer__clear-wrapper{display:flex;align-items:center;justify-content:center;flex:1}.filters-drawer__apply{flex:2}.active-facets{display:none}.filters-sidebar summary .icon-caret{height:1.2rem}#FacetFiltersFormMobile summary .icon-caret{height:1.2rem;right:.5rem}.filters-drawer__sort .select .icon-caret{height:1.2rem;right:.6rem}@media screen and (max-width:749px){.collection-layout .filters-topbar{justify-content:left}.collection-layout .filters-topbar .filters-drawer{order:0}.collection-layout .filters-topbar .filters-topbar__count{order:1}}.filter-group__price .field{padding:0 5px}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-facets.css.map */