.top-list-facets{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 50px;z-index:3;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%);-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);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{-webkit-mask:unset;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)}}.filtered-count{margin-top:8px;position:absolute;bottom:-30px;width:100%;background:#fff;left:0;padding:9px;border-radius:16px;color:#fff;font-family:Nunito;text-align:center;font-weight:700;font-size:14px;height:56px;display:flex;align-items:center;justify-content:center}.dropdown-filter__modal{padding-bottom:30px}.filtered-count-child{background:#15a5a2;border-radius:10px;width:100%;position:relative;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#collection-filters-top-list-form{z-index:4}.collection-filters-form--alt .dropdown-filter__title{background:transparent;border:1px solid #D9D9D9;border-radius:8px}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__title{background:#efefef}.collection-filters-form--alt .dropdown-filter__modal{border:1px solid #D9D9D9;padding:0}.collection-filters-form--alt .dropdown-filter__modal-content{gap:0}.collection-filters-form--alt .dropdown-filter__modal{padding:4px}.collection-filters-form--alt .dropdown-filter__modal:has(.filtered-count){padding-bottom:30px}.collection-filters-form--alt .dropdown-filter__filter-label{padding:8px}.collection-filters-form--alt .filtered-count{height:60px;font-size:15px;padding:8px}.collection-filters-form--alt .filtered-count-child{background:#d69510;border-radius:6px}.collection-filters-form--alt .filter-label__checkbox input[type=checkbox]{background:#d69510;border-color:#d9d9d9}.collection-filters-form--alt .filter-label__checkbox{color:#5c5c5c}.collection-filters-form--alt .filter-label__value-count{background-color:#fbf4e7;border-radius:17px;color:#222;padding:4px 6px}@media screen and (max-width:640px){.collection-filters-form--alt .top-list-facets{padding:0 16px}.collection-filters-form.collection-filters-form--alt{margin-right:-16px;margin-left:-16px}.collection-filters-form--alt .dropdown-filter__modal{max-width:calc(100vw - 70px)}}.main-collection-alt .main-collection-alt__body{display:flex}.main-collection-alt .top-list-facets{padding:0 10px 0 0;flex-direction:column;width:270px;gap:0}.main-collection-alt .collection-filters-form{width:0;transition:.4s ease-out;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;height:calc(100vh - 20px);position:sticky;top:10px;overflow-y:auto;overflow-x:hidden}.main-collection-alt:has(.main-collection-alt__filter-opener>input:checked) .collection-filters-form{width:270px;margin-right:40px}.main-collection-alt .CollectionInner__Products.CollectionInner__Products{margin-top:0}.main-collection-alt .top-list-facets__dropdown-filter{width:100%;display:block}.main-collection-alt .dropdown-filter__title{border-left:none;border-right:none;border-bottom:none;padding:13px 8px 13px 0;display:flex;justify-content:space-between;border-radius:0}.main-collection-alt .top-list-facets__dropdown-filter:first-child .dropdown-filter__title{border-top:none}.main-collection-alt .dropdown-filter__title>svg{display:none}.main-collection-alt .top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__title{background-color:#fff}.dropdown-filter__plus-minus{position:relative;display:flex;align-items:center;transition:.3s ease;width:7px;height:7px}.dropdown-filter__plus{transition:.3s ease}.dropdown-filter__minus{position:absolute;opacity:0;transition:.3s}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__plus-minus{transform:rotate(180deg)}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__plus{opacity:0}.top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__minus{opacity:1}.main-collection-alt .dropdown-filter__modal{position:static;transform:translate(0);opacity:1;visibility:visible;width:100%;box-shadow:none;border:none;border-radius:0;overflow:hidden;display:grid;transition:.7s ease;grid-template-rows:0fr;padding-top:0;padding-bottom:0!important}.main-collection-alt .top-list-facets__dropdown-filter[aria-expanded=true] .dropdown-filter__modal{grid-template-rows:1fr;padding-bottom:13px!important}.main-collection-alt .dropdown-filter__modal-content{max-height:fit-content;overflow-y:hidden;padding-right:0}.main-collection-alt .filtered-count{display:none}.main-collection-alt .collection-filters-form--alt .dropdown-filter__title,.collection-filters-form__active-filters-title{font-family:Nunito;font-weight:600;font-size:12px;line-height:18px;letter-spacing:0;vertical-align:middle;text-transform:uppercase;color:#757575}.collection-filters-form__active-filters{width:270px;margin-bottom:24px;padding-right:10px}.collection-filters-form__active-filters-title{margin-bottom:8px}.collection-filters-form__active-filters-list{display:flex;flex-wrap:wrap;gap:4px}.collection-filters-form__active-filter-remove.collection-filters-form__active-filter-remove{display:flex;align-items:center;gap:8px;cursor:pointer}.collection-filters-form__active-filter-remove svg{pointer-events:none}.collection-filters-form__active-filter-remove svg path{stroke:#5c5c5c}.main-collection-alt .filter-label__checkbox{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;gap:8px}.main-collection-alt .range-group{height:1px;--text-color-rgb: 64, 64, 64;background:linear-gradient(to right,var(--border-color) var(--range-min),rgba(var(--text-color-rgb)) var(--range-min),rgba(var(--text-color-rgb)) var(--range-max),var(--border-color) var(--range-max))}.main-collection-alt .range-group .range{height:1px}.main-collection-alt .range::-webkit-slider-thumb{height:7px;width:7px;background:#404040;margin-top:-3px;z-index:1;border:4px solid black}.main-collection-alt .price-range__delimiter{margin-inline:9.5px}.main-collection-alt .price-range__input{flex-direction:row-reverse;border-radius:5px;gap:4px;align-items:center}.main-collection-alt .price-range__input input{text-align:left;font-family:Nunito Sans;font-weight:400;font-size:16px;line-height:normal;letter-spacing:0;color:#404040}.main-collection-alt .price-range__input input::placeholder{color:#939393}.main-collection-alt .price-range__input .input-prefix__value{font-family:Nunito Sans;font-weight:600;font-size:16px;line-height:normal;letter-spacing:0;color:#404040}.collection-filters-form__modal-title{display:none;position:sticky;top:0;z-index:5;background-color:#fff}@media screen and (min-width:990px){.main-collection-alt.main-collection-alt:has(.main-collection-alt__filter-opener>input:checked) .main-collection-alt__grid-item.main-collection-alt__grid-item{width:calc(100% / 3 - 26px / (3 / 2))}}@media screen and (min-width:768px){.main-collection-alt.main-collection-alt:has(.main-collection-alt__filter-opener>input:checked) .main-collection-alt__grid-item{width:calc(50% - 13px)}}@media screen and (max-width:768px){.main-collection-alt .top-list-facets{width:100%;padding-left:16px;padding-right:16px}.main-collection-alt .collection-filters-form#collection-filters-top-list-form{background-color:#fff;width:100%;opacity:0;visibility:hidden;transition:.5s ease-out;height:100dvh;position:fixed;margin-left:0;margin-right:0;top:0;left:0;transform:translate(-100%);z-index:12}.main-collection-alt:has(.main-collection-alt__filter-opener>input:checked) .collection-filters-form#collection-filters-top-list-form{width:100%;margin-right:0;opacity:1;visibility:visible;transform:translate(0)}body:has(.main-collection-alt__filter-opener>input:checked){overflow:hidden;scroll-snap-type:none}.collection-filters-form__modal-title{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 18px;border-bottom:1px solid #E7E7E7;margin-bottom:24px}.collection-filters-form__modal-title span{font-family:Nunito;font-weight:600;font-size:16px;line-height:18px;letter-spacing:0;color:#1e1e1e}.collection-filters-form__modal-title label{position:relative}.collection-filters-form__modal-title label:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.collection-filters-form__active-filters{width:100%;padding-left:16px;padding-right:16px}.main-collection-alt .collection-filters-form--alt .dropdown-filter__modal{max-width:100%}.main-collection-alt .top-list-facets{overflow-x:visible}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/component-top-list-facets.css.map */