.top-list-facets{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 50px;z-index:2;position:relative}.top-list-facets__dropdown-filter{flex-shrink:0;width:fit-content;position:relative}.dropdown-filter__title{padding:7px 12px;display:flex;align-items:center;gap:6px;background:#e2e2e2;border-radius:17px;font-family:var(--heading-font-family);font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;vertical-align:middle;color:#222;cursor:pointer;transition:.3s ease}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__title{background:#c3c3c3}.dropdown-filter__title svg{width:6px;height:6px;flex-shrink:0;transition:.3s ease}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__title svg{transform:rotate(180deg)}.dropdown-filter__modal{position:absolute;left:var(--modal-left);top:calc(100% + 14px);opacity:0;visibility:hidden;transform:translateY(20px);transition:.3s ease;width:400px;max-width:calc(100vw - 40px);box-shadow:0 14px 14px #00000026;background:#fff;padding:16.5px 8px 16.5px 16px;border-radius:10px;z-index:3}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__modal{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-filter__modal-content{overflow-y:auto;max-height:370px;padding-right:8px;display:flex;flex-direction:column;gap:16px}.dropdown-filter__filter-label{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.filter-label__value-count{padding:2px 7px;background:#f4f4f4;border-radius:5px;font-family:var(--heading-font-family);font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:#5c5c5c}.filter-label__checkbox{font-family:var(--heading-font-family);font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:#000;display:flex;align-items:center;gap:14px}.filter-label__checkbox input[type=checkbox]{width:20px;height:20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:6px;border:1px solid transparent;background:linear-gradient(91.9deg,#138785 5%,#17a9a6 94%);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.filter-label__checkbox input[type=checkbox]:checked{mask:unset;transition:.3s ease}.filter-label__checkbox input[type=checkbox]:before{content:"" url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1202 0.852601C12.6158 1.33318 12.628 2.12454 12.1474 2.62016L5.3599 9.62016C5.12433 9.8631 4.80033 10.0002 4.46193 10C4.12352 9.99984 3.79965 9.86249 3.5643 9.61933L0.3518 6.30014C-0.128318 5.80408 -0.115392 5.01273 0.380671 4.53261C0.876733 4.05249 1.66808 4.06542 2.1482 4.56148L4.46333 6.9535L10.3526 0.879844C10.8332 0.384223 11.6245 0.372027 12.1202 0.852601Z' fill='white'/%3E%3C/svg%3E%0A");z-index:1;position:absolute;opacity:0}.filter-label__checkbox input[type=checkbox]:checked:before{opacity:1}@media screen and (max-width: 1140px){.top-list-facets{padding:0 24px}}@media screen and (max-width: 640px){.top-list-facets{justify-content:unset;flex-wrap:nowrap;position:static;overflow-x:auto;padding:0 12px}.top-list-facets::-webkit-scrollbar{display:none}#collection-filters-top-list-form{position:relative;z-index:2}.top-list-facets__dropdown-filter{flex-shrink:0;width:fit-content;position:static}.dropdown-filter__modal{left:12px;right:12px;width:100%;max-width:calc(100vw - 24px)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-top-list-facets.css.map */