.filters{display:contents;flex:0 1 auto;width:35rem}@media(max-width:47.99em){.filters__inner{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:101}}@media(min-width:48em){.filters__inner{flex:0 0 30.5rem;margin-right:2.4rem}}@media(min-width:75em){.filters__inner{margin-right:4rem}}@media(max-width:47.99em){.filters__drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);height:100%;opacity:0;position:absolute;transition:opacity .5s;width:100%;z-index:1}.filters__drawer-inner{padding:3.7rem}}.filters__drawer-close{align-items:center;background-color:var(--color-main);cursor:pointer;display:flex;font-size:1.6rem;height:-moz-max-content;height:max-content;justify-content:flex-end;padding:2.4rem;text-transform:uppercase}@media(min-width:48em){.filters__drawer-close{display:none}}.filters__drawer-close svg{margin-left:6px;width:8px}.filters__inner-content{padding:2.4rem}@media(max-width:47.99em){.filters__inner-content{background-color:var(--color-main);height:100%;max-width:100%;overflow:auto;padding:0 0 2.4rem;position:relative;transform:translateX(-100%);transition:all .5s;width:375px;z-index:2}}.filters__title{font-size:2.5rem;font-size:var(--base-font-size);margin:0}.filters__form{margin-top:.8rem}.filters__filter-container{display:block}.filters__filter-container summary{padding:1.6rem 0}.filters__reset{align-items:center;display:flex}.filters__values-container{margin-bottom:1.5rem;max-height:0;overflow:auto;transition:max-height .3s cubic-bezier(0,1,0,1)}.filters__values-container .checkbox__label{font-size:1.7rem;padding:.8rem}.filters__filter-summary{align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 0}.filters__summary-icon{transform-origin:center;transition:transform .3s}.filters__summary-icon svg{width:10px}.filters__filter-container details[open] .filters__summary-icon{transform:rotate(180deg);transform-origin:center}.filters__filter-container details[open] .filters__values-container{animation:openScroll .3s;max-height:100vh;transition:max-height .3s ease-in-out}.filters__filter-container details[closed] .filters__values-container,.filters__filter-container details[closing] .filters__values-container{animation:openScroll .3s;max-height:0!important}.filters__filter-container details[closed] .filters__summary-icon,.filters__filter-container details[closing] .filters__summary-icon{transform:rotate(0deg);transform-origin:center}.filters__selected-container{display:flex;flex-wrap:wrap;gap:.8rem 0;margin:auto 0}@media(max-width:74.99em){.filters__selected-container{margin-bottom:2.4rem;order:2}}.filters__selected{background-color:var(--color-secondary);border-radius:20px;color:var(--color-secondary-text);display:inline-block;margin:.5rem 1.8rem .5rem 0;padding:.8rem 1.8rem}.filters__button-inner{align-items:center;display:flex;gap:.2rem;text-transform:uppercase}.filters__remove-icon{border-radius:50%;display:inline-grid;height:.9rem;margin-left:.8rem;place-items:center;text-align:center;width:.9rem}@media(max-width:47.99em){.filters__toggle:checked+.filters__inner{opacity:1;pointer-events:auto}.filters__toggle:checked+.filters__inner .filters__drawer-backdrop{opacity:1}.filters__toggle:checked+.filters__inner .filters__inner-content{transform:translateX(0)}}.filters__toggle.closed+.filters__inner{animation:filters-container-close .5s}.filters__sort-by{margin-bottom:2.4rem}.filters ul{list-style-type:none;margin:0;padding:0}.range__outputs>output{font-size:1.3rem;margin-bottom:1rem}@keyframes filters-container-close{0%{opacity:1}to{opacity:1}}
.checkbox{align-items:center;cursor:pointer;display:flex}.checkbox__box{border:1px solid;border-radius:.2rem;display:block;height:16px;margin-right:.8rem;width:16px}.checkbox__label{font-size:1.6rem;font-weight:400;line-height:normal}.checkbox__small-label{font-size:1.2rem}.checkbox input[type=checkbox],.checkbox input[type=radio]{display:none}.checkbox input[type=checkbox]:disabled~.checkbox__box,.checkbox input[type=checkbox]:disabled~.checkbox__label,.checkbox input[type=radio]:disabled~.checkbox__box,.checkbox input[type=radio]:disabled~.checkbox__label{cursor:not-allowed;opacity:.5}.checkbox input[type=checkbox]~.checkbox__box{border-radius:.3rem}.checkbox input[type=checkbox]:checked~.checkbox__box:after{border-bottom:1px solid #000;border-left:1px solid #000;content:"";display:block;height:5px;transform:rotate(-45deg) translateY(5px);width:7px}.checkbox input[type=radio]:checked~.checkbox__box:after{background-color:#000;border-radius:50%;content:"";display:block;height:8px;transform:translate(3px,3px);width:8px}.checkbox input[type=radio]~.checkbox__box{border-radius:50%;height:16px;width:16px}.checkbox.switch .checkbox__label{display:none}.checkbox.switch .checkbox__box{border:1.5px solid rgba(0,0,0,.3);border-radius:initial!important;height:22px;position:relative;width:44px}.checkbox.switch .checkbox__box-inner{border:1.5px solid #000;height:22px;left:-1.5px;position:absolute;top:-1.5px;transition:all .3s;width:22px}.checkbox.switch .checkbox__box-inner:after{transform:translateY(-50%) rotate(-45deg)}.checkbox.switch .checkbox__box-inner:after,.checkbox.switch .checkbox__box-inner:before{background-color:#000;content:"";display:block;height:2px;left:0;position:absolute;top:50%;transition:all .3s;width:100%}.checkbox.switch .checkbox__box-inner:before{transform:translateY(-50%) rotate(45deg)}.checkbox.switch input:checked~.checkbox__box{background-color:#dcffdc;border:1.5px solid #47a547}.checkbox.switch input:checked~.checkbox__box .checkbox__box-inner{border:1.5px solid #47a547;transform:translate(100%)}.checkbox.switch input:checked~.checkbox__box .checkbox__box-inner:after{background-color:#47a547;height:1px;left:25%;transform:translateY(-50%) rotate(-50deg);width:75%}.checkbox.switch input:checked~.checkbox__box .checkbox__box-inner:before{background-color:#47a547;height:1px;left:5%;top:60%;transform:rotate(65deg);width:45%}.checkbox.input-error .checkbox__box{border:1px solid rgba(236,92,61,.502)}.checkbox.input-error input[type=radio]:checked~.checkbox__box:after{background-color:var(--color-accent)}.checkbox.input-error input[type=checkbox]:checked~.checkbox__box:after{border-bottom:1px solid rgba(236,92,61,.502);border-left:1px solid rgba(236,92,61,.502)}.checkbox.input-error .checkbox__label{color:rgba(255,79,45,.502)}
