.component-facets{display:flex;flex-flow:row wrap;align-items:center;padding:24px 0}.product-count-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;width:100%}#ProductCount{color:var(--color-text-primary, #000);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.wd-grid-toggle{display:none}.component-facets-layout{overflow-y:auto}.component-facets__popup{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;background-color:rgba(var(--color-foreground),.5);pointer-events:none}.collection{overflow:hidden}#ProductSidebar-collection-filter .component-facets__inner{width:100%;max-width:none;border-width:0;filter:none}#ProductSidebar-collection-filter:not([open]) .component-facets__popup,#ProductSidebar-collection-filter:not([open]) .component-facets__popup *{pointer-events:none}.component-facets__inner{border-radius:var(--sidebar-border-radius, 20px 0 0 20px);background-color:#fff;height:100%;overflow-y:auto;pointer-events:all;transition:transform var(--duration-default) ease;max-width:37.5rem;display:flex;flex-direction:column;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;border-width:0 0 0 var(--drawer-border-width);filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}.component-facets__header{border-bottom:1px solid var(--color-border-primary, #ddd);background:var(--color-surface-primary, #fff);display:flex;padding:16px var(--spacing-margin-desktop-drawer, 24px);justify-content:space-between;align-items:center;align-self:stretch;position:absolute;top:0;left:0;z-index:2;width:100%}.component-facets__header-title{color:var(--color-text-primary, #000);text-align:center;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.component-facets__filters-footer{border-top:1px solid var(--color-border-primary, #ddd);background:var(--color-surface-primary, #fff);display:flex;padding:16px 24px;gap:10px;position:absolute;bottom:0;left:0;z-index:2;width:100%}.component-facets__active-facets{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.component-facets__active-facets facet-remove{display:flex;width:fit-content;padding:3px 8px;align-items:center;gap:6px;flex-shrink:0;border-radius:var(--radius-button, 4px);background:var(--color-surface-secondary, #f8f8f8)}.component-facets__active-facets a{color:var(--color-button-secondary, #000);font-size:14px;font-style:normal;font-weight:400;line-height:130%;text-decoration:none;display:flex;align-items:center;gap:6px}.component-facets__active-facets svg{width:18px;height:18px}.component-facets-wrapper{padding:60px 24px 70px}.component-facets-layout{display:flex;flex-wrap:wrap;gap:10px}.mobile-facets__details-js.js-filter{border-bottom:1px solid var(--color-border-secondary, #eee)}.component-facets__filters-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:24px 0}.component-facets__filters-title h4{color:var(--color-text-primary, #000);font-size:14px;font-style:normal;font-weight:500}.component-facets__filters-title svg{width:14px;height:14px;transition:transform .3s ease}.mobile-facets__details-js .mobile-facets__submenu{display:block;padding-bottom:32px}.mobile-facets__details-js.is-collapsed .mobile-facets__submenu{display:none}.mobile-facets__details-js.is-collapsed .component-facets__filters-title svg{transform:rotate(-180deg)}.component-facets__filters-item{list-style:none}.component-facets__filters-item label{display:flex;height:40px;padding:3px 16px;align-items:center;gap:8px;width:fit-content;border-radius:var(--radius-button, 4px);background:var(--color-surface-secondary, #f8f8f8);cursor:pointer;color:var(--color-button-secondary, #000);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.component-facets__filters-item .mobile-facets__checkbox-js{display:none}.component-facets__filters-item.disabled label{color:#999;cursor:default}.component-facets__filters-item.active label{border:2px solid #000;font-weight:500}.primary-button-filled.apply-filter{max-width:75%;flex:1}.primary-button-outlined.clear-all{width:auto}.component-facets__filters-sort-container{width:100%}.component-facets__filters-sort{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 24px;border-bottom:1px solid var(--color-border-primary, #ddd)}.component-facets__filters-sort-container.component-facets__filters-sort--fixed{position:fixed;left:0;right:0;top:0;z-index:30;display:flex;background-color:var(--gradient-background, #fff)}.component-facets__filters-sort--fixed .component-facets__filters-sort{max-width:1280px;padding:16px 48px;margin:0 auto}.component-facets__filters{display:flex;gap:16px}.component-facets__filters .sidebar-opener{display:flex;width:auto;gap:4px}.component-facets__filters p{color:var(--color-button-secondary, #000);font-size:14px;font-weight:600;line-height:normal;text-transform:capitalize;display:flex;align-items:center;gap:8px}.component-facets__filters .active-facet-count{display:none;width:17px;height:17px;justify-content:center;align-items:center;border-radius:12px;background:var(--color-text-primary, #000);color:var(--color-text-invert, #fff);text-align:center;font-size:12px;font-weight:400}.component-facets__clear-js{display:none;color:var(--color-button-secondary, #000);font-size:14px;font-weight:400;line-height:130%}.component-facets__sort{position:relative;display:inline-flex;align-items:center;gap:10px}.component-facets__sort-native-wrap{position:absolute;inset:auto;width:0px;height:0px;overflow:hidden;opacity:0;pointer-events:none}.component-facets__sort-trigger-js{display:flex;padding:14px 16px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;align-self:stretch;border-radius:var(--radius-text-field, 4px);background:var(--color-surface-secondary, #f8f8f8);font-size:14px;font-weight:500;cursor:pointer}.component-facets__sort-caret{display:inline-flex;width:14px;height:14px;pointer-events:none}.component-facets__sort-panel{position:absolute;top:calc(100% + 10px);right:0;padding:10px 20px;border-radius:12px;min-width:175px;background:#fff;box-shadow:0 18px 40px #0000001f;display:flex;flex-direction:column;gap:6px;z-index:50}.component-facets__sort-option-js{width:100%;text-align:left;padding:5px 0;border-radius:10px;background:transparent;border:none;font-size:14px;font-weight:500;color:#0000004d;cursor:pointer}.component-facets__sort-panel{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}[data-sort-select].is-open .component-facets__sort-panel{opacity:1;transform:translateY(0);pointer-events:auto}.component-facets__sort-panel[hidden]{display:none!important}@media(hover:hover){.component-facets__sort-option-js:hover{color:#000}}.component-facets__sort-option-js.is-active{color:#000}@media(max-width:1024px){.component-facets__filters-title{font-size:16px}.component-facets__filters-sort{padding:0 0 16px}.component-facets__filters-sort--fixed .component-facets__filters-sort{padding:16px 40px}}@media(max-width:767px){.sidebar-container.collection{width:100%}.component-facets__filters-sort--fixed .component-facets__filters-sort{padding:16px 24px}.wd-grid-toggle{display:flex;gap:8px;align-items:center}.wd-grid-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:none;border-radius:6px;background:transparent;color:#767676;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;background:#f5f5f5}.wd-grid-toggle__btn:focus-visible{outline:2px solid #036aff;outline-offset:2px}.wd-grid-toggle__btn.active svg{color:#036aff}.wd-grid-toggle__btn svg{width:24px;height:24px;display:block}.component-facets__clear-js{display:none}.component-facets{padding:0 0 16px}.component-facets__active-facets{margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/component-facets-layout.css.map */