.CatalogFilters{border:1px solid #c3c3c3;border-radius:10px;flex-direction:column;flex-shrink:0;width:100%;max-width:300px;height:max-content;display:flex}.CatalogFilters-top{background:var(--gray-0420,#c3c3c333);justify-content:space-between;align-items:center;padding:20px;display:flex}.CatalogFilters-top h3{text-transform:uppercase;font-size:20px;font-weight:600}.CatalogFilters-top p{cursor:pointer;font-size:18px;font-weight:600}.CatalogFilters-content{flex-direction:column;gap:10px;padding:24px 20px;display:flex}.filter-selected-content-group{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.filter-content-group{border-bottom:1px solid #c3c3c399;flex-direction:column;gap:15px;display:flex}.filter-content-group-title{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.filter-selected-content-button-wrapper{flex-wrap:wrap-reverse;gap:12px;display:flex}.filter-selected-content-button-wrapper-button{background:var(--gray-0420,#c3c3c333);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:12px;font-size:18px;display:flex}.filter-selected-content-button-wrapper-button svg{color:#ff5a00;font-size:20px}.filter-content-group-title h2{font-size:20px;font-weight:600}.filter-content-group-buttons{opacity:0;flex-direction:column;align-items:start;gap:10px;max-height:0;transition:max-height .3s,opacity .3s;display:flex;overflow:hidden}.CatalogFilters-top-img-close{background:var(--gray-0420,#c3c3c333);border-radius:4px;width:44px;height:44px;padding:10px}.filter-content-group-buttons.open{opacity:1;padding-bottom:30px}.filter-content-group-buttons button{cursor:pointer;font-size:20px;transition:all .3s}.filter-content-group-buttons button:hover{color:#ff5a00}.filter-content-group-buttons button.active{color:#ff5a00;font-weight:600}.filter-content-button-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.filter-content-button-wrapper p{color:#6c6c6c;font-size:16px}.filter-content-button-wrapper-left-withinput{cursor:pointer;align-items:center;gap:10px;display:flex}.filter-content-button-wrapper-custom-input{border:2px solid #5a5a5a99;border-radius:2px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.CatalogFilters-content-buttons{flex-direction:column;align-items:center;gap:15px;margin-bottom:24px;padding:0 20px;display:flex}.CatalogFilters-content-buttons-apply{color:#fafafa;text-align:center;background:#ff5a00;border-radius:4px;width:100%;padding:10px 12px;font-size:16px}.CatalogFilters-content-buttons-reset{font-size:16px;font-weight:600;text-decoration:underline}.filter-content-button-wrapper-custom-input.active{background-color:#ff5a00;border:1px solid #ff5a00}.filter-content-button-wrapper-custom-input.active svg{color:#fff}.filter-content-button-wrapper-left-withinput.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.filter-content-button-wrapper-custom-input svg{color:#0000;width:13px;height:13px}.filter-content-button-wrapper-left-withinput:hover .filter-content-button-wrapper-custom-input{border:1px solid #ff5a00}.filter-content-button-wrapper-left-withinput:hover button{color:#ff5a00}@media only screen and (max-width:1440px){.CatalogFilters{max-width:320px}}@media only screen and (max-width:1100px){.CatalogFilters{max-width:290px}}@media only screen and (max-width:1000px){.CatalogFilters{max-width:250px}}@media only screen and (max-width:768px){.CatalogFilters{z-index:5;background-color:#fff;border:none;border-radius:0;width:100%;max-width:50%;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 2px 20px -9px #0a0a0a1f}.CatalogFilters.active{transform:translate(0)}.CatalogFilters-top{padding:12px 20px}.filter-content-group-title h2,.filter-content-group-buttons button{font-size:18px}.filter-content-button-wrapper-custom-input{width:20px;height:20px}.filter-content-button-wrapper-left-withinput{gap:7px}.filter-selected-content-button-wrapper-button{font-size:16px}}@media only screen and (max-width:615px){.CatalogCards-sort-component-title-sort-option p{display:none}.CatalogFilters{max-width:100%}.CatalogCards-top-end-content-filter-mobile p,.CatalogCards-sort-component-title p{font-size:16px}}
.CatalogWrapper{margin-top:32px;margin-bottom:32px}.CatalogWrapper-flex{gap:20px;display:flex}@media only screen and (max-width:768px){.CatalogWrapper{margin-top:20px;margin-bottom:20px}}@media only screen and (max-width:600px){.CatalogWrapper{margin-top:0}}