.collection-with-filter{display:flex;gap:2em;flex-direction:column;min-height:100vh;padding:3em 6%;justify-content:center;flex-wrap:wrap}.filters{grid-area:filters}.products{grid-area:products}.order-button{grid-area:order-button}.filters{display:none;border-radius:8px;background-color:#fff;padding:1em;box-shadow:0 0 10px #0000001a}@media (min-width: 750px){.filters{display:block;max-width:20vw}}.filters h2,.filter-section__title{color:#404040;font-weight:700;font-size:1.5rem}.filters h2{color:var(--primary-color);border-bottom:1px solid #404040;padding-bottom:18px}.filters-container{display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap}.filter-section{display:flex;flex-direction:column;padding:1.2em .25em;justify-content:center;justify-items:center;align-content:center;gap:1rem;border-bottom:1px solid #404040}.filter-section label{display:flex;align-items:center;gap:.5em}.price-range-container-price-labels{display:flex;width:100%;justify-content:space-between;font-size:1rem;align-items:center;margin-bottom:1em}.price-inputs{display:flex;gap:1em;justify-content:space-between;font-size:1rem;align-items:center}.price-inputs input{min-height:42px;width:40%;padding:0 .5em;border:1px solid black;border-radius:4px}.price-range{margin-top:1em;position:relative;width:100%;height:30px}.price-range-container{width:100%;height:30px}.price-range input[type=range]{position:absolute;width:100%;pointer-events:none}.price-range input[type=range]::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1}.price-range input[type=range]::-moz-range-thumb{pointer-events:all;position:relative;z-index:1}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:transparent;border:2px solid black;border-radius:3px;position:relative;cursor:pointer}input[type=checkbox]:checked:before{content:"";position:absolute;top:45%;left:45%;width:4px;height:8px;border:solid var(--primary-color);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.filter-section__reset-button{font-weight:700;font-size:1.15rem;color:var(--primary-color);background-color:#fff;margin-top:1em;display:flex;gap:.5em;justify-content:center;align-items:center;border:1px solid var(--primary-color);padding:.5rem 1rem;align-self:center;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s}.filter-section__reset-button:hover{background-color:var(--primary-color);color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-filter.css.map */