component-filter{background-color:#fff;border-bottom:1px solid #ccc;display:block;padding:15px 0;position:relative;z-index:2}component-filter.active{z-index:9999}component-filter .filter-group-btn{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:1}component-filter .filter-group-btn .filter-sort_by_text{display:none}component-filter .filter-group-btn .label_all_products_count{font-size:.9em}component-filter .filter-group-btn .group-btn{display:flex;align-items:flex-start}component-filter .filter-group-btn .group-btn .filter-group-sort{display:inline-block;position:relative;margin-left:10px}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort .filter-sort{display:none;position:relative;width:100%}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort .filter-sort .filter-sort__field{transition:all .2s;transform:translateY(50px);opacity:0;padding:20px;border:1px solid #ccc;border-radius:8px;background:#fff}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort .filter-sort .filter-sort__field .select_options{flex-wrap:wrap}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort .filter-sort .filter-sort__field .select_options span{display:flex;flex-wrap:wrap;align-items:center;color:#000;height:25px;font-size:12px;cursor:pointer}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort .filter-sort .filter-sort__field .select_options span.selected{font-weight:700}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort .filter-sort .filter-sort__field .select_options span:hover{text-decoration:underline}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort.active .filter-sort{display:block}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort.active-effect .filter-sort .filter-sort__field{transform:translateY(10px);opacity:1}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort:hover .btn-filter-default{background-color:#000;border-color:#000;color:#fff}component-filter .active-filters__clear{text-decoration:underline;font-size:16px;color:#000;margin-left:20px}component-filter .filter-group-options{background-color:#fff}component-filter .filter-group-options .filter-desk{display:none;height:0;transition:.2s;overflow:hidden}component-filter .filter-group-options .filter-desk .filter-body{margin-top:15px;border:1px solid #ccc;border-radius:8px}component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options{padding:30px}component-filter .filter-group-options .active-filters{display:none}component-filter .filter-group-options .active-filters .active-filters__remove-filter{background-color:#eee;padding:2px 10px;font-size:12px;margin-right:10px;color:#000;display:inline-flex;justify-content:center;align-items:center;transition:all .2s;text-decoration:none}component-filter .filter-group-options .active-filters .active-filters__remove-filter span{transform:translateY(-1px);display:inline-block;margin-right:5px}component-filter .filter-group-options .active-filters .active-filters__remove-filter:hover{background-color:#ccc}component-filter .filter-group-options .active-filters .active-filters__clear{font-size:12px;margin-left:0}component-filter .filter-body .filter-form-group-options{display:flex;flex-wrap:wrap;height:100vh;align-content:flex-start;overflow:auto}component-filter .filter-body .filter-form-group-options .filter-group{width:100%}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-summary span{color:#000;font-weight:700}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display{padding-top:15px}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__price-range{margin-top:15px}component-filter .filter-body .filter-form-group-options .filter-group .filter-list-max-lenght .filter-group-display__list .filter-group-display__list-item:nth-child(n+6){display:none}component-filter .filter-body .filter-form-group-options .filter-group .filter-list-max-lenght .btn-more{font-size:14px;cursor:pointer}component-filter .filter-body .filter-form-group-options .filter-group .filter-list-max-lenght .btn-more:hover{color:#000;text-decoration:underline}component-filter .filter-body .filter-form-group-options .filter-group .filter-list-max-lenght.active .filter-group-display__list .filter-group-display__list-item:nth-child(n+5){display:block}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list{list-style:none;margin:0;padding:0}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item{margin-bottom:10px}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]{position:absolute;opacity:0}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]+label{position:relative;cursor:pointer;padding:0;font-size:.9em;display:flex;align-items:center}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]:checked+label{font-weight:700}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]+label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:16px;height:16px;background:#fff;border:1px solid #ccc}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]:hover+label:before{background:#000;border-color:#000}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]:checked+label:before{background:#000;border-color:#000}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-display__list .filter-group-display__list-item input[type=checkbox]:checked+label:after{content:"";position:absolute;left:3px;top:12px;background:#fff;width:2px;height:2px;box-shadow:2px 0 #fff,4px 0 #fff,4px -2px #fff,4px -4px #fff,4px -6px #fff,4px -8px #fff;transform:rotate(45deg)}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-input-price{margin-top:15px;display:flex;align-items:center;justify-content:space-between}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-input-price .filter-group-display__price_text{font-size:14px}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-input-price .filter-group-display__price{border:1px solid #ccc;padding:3px 0 3px 5px;display:flex}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-input-price .filter-group-display__price span{font-size:14px}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-input-price .filter-group-display__price input[type=number]{border:0;width:60px;text-align:right}component-filter .filter-body .filter-form-group-options .filter-group .filter-group-input-price .filter-group-display__price input[type=number]:focus-visible{outline:none;box-shadow:0 0 #0000;outline-offset:none}component-filter .filter-body .filter-group-bottom .btn-filter-default{background-color:#000;border-color:#000;color:#fff;padding:16px 50px;border-radius:0;width:100%;font-size:1.2em;font-weight:100;text-transform:initial}component-filter .filter-body .filter-group-bottom .btn-filter-default:hover{transform:scale(1.1)}component-filter .filter-body .filter-group-bottom .btn-filter-default:active{transform:scale(1.05)}component-filter .filter-body .filter-group-bottom .btn-filter-default .txt_desk{display:none}component-filter .modal-filter{position:fixed;z-index:99;top:0;background-color:#fff;right:-100vw;width:100%;overflow:hidden;height:100vh;opacity:0;transition:.3s}component-filter .modal-filter.active{opacity:1;right:0}component-filter .modal-filter .header-filter-mobile{justify-content:center;align-items:center;display:flex;flex-wrap:wrap;position:relative;padding:10px 20px;border-bottom:1px solid #ccc}component-filter .modal-filter .header-filter-mobile a{font-size:.8em;position:absolute;left:0}component-filter .modal-filter .header-filter-mobile .filter-title{color:#000;font-weight:700}component-filter .modal-filter .header-filter-mobile .filter-title.sort{display:none}component-filter .modal-filter .header-filter-mobile .btn-close-filter{width:20px;height:20px;position:absolute;right:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}component-filter .modal-filter .header-filter-mobile .btn-close-filter:before{content:"";width:1.5px;height:16px;background-color:#000;display:block;transform:rotate(45deg)}component-filter .modal-filter .header-filter-mobile .btn-close-filter:after{content:"";width:1.5px;height:16px;background-color:#000;display:block;transform:rotate(-45deg);position:relative;left:-1px}component-filter .modal-filter.body-sort .header-filter-mobile a{display:none}component-filter .modal-filter.body-sort .header-filter-mobile .sort{display:block}component-filter .modal-filter.body-sort .header-filter-mobile .filter{display:none}component-filter .modal-filter.body-sort .body-mobile-sort{display:block}component-filter .modal-filter.body-sort .body-mobile-filter{display:none}component-filter .modal-filter .body-mobile-sort{display:none;padding:25px}component-filter .modal-filter .body-mobile-sort .select_options span{display:flex;flex-wrap:wrap;align-items:center;color:#000;height:35px;font-size:16px;cursor:pointer}component-filter .modal-filter .body-mobile-sort .select_options span.selected{font-weight:700}component-filter .modal-filter .body-mobile-sort .select_options span:hover{font-weight:700;text-decoration:underline}component-filter .modal-filter .filter-form-group-options .filter-group{padding:20px;border-bottom:1px solid #ccc}component-filter .modal-filter .filter-form-group-options .filter-group .filter-group-summary{position:relative;display:flex;align-items:center}component-filter .modal-filter .filter-form-group-options .filter-group .filter-group-summary span{font-size:1.1em}component-filter .modal-filter .filter-form-group-options .filter-group .filter-group-summary:before{content:"";width:10px;height:2px;display:block;position:absolute;transform:rotate(45deg);transition:.2s;right:0;background:#000}component-filter .modal-filter .filter-form-group-options .filter-group .filter-group-summary:after{content:"";width:10px;height:2px;display:block;position:absolute;transform:rotate(-45deg);transition:.2s;right:6px;background:#000}component-filter .modal-filter .filter-form-group-options .filter-group.close .filter-group-summary:before{transform:rotate(-45deg)}component-filter .modal-filter .filter-form-group-options .filter-group.close .filter-group-summary:after{transform:rotate(45deg)}component-filter .modal-filter .filter-form-group-options .filter-group.close .filter-group-display{display:none!important}.btn-filter-default{cursor:pointer;padding:8px 15px;border:1px solid #ccc;color:#000;background-color:#fff;font-size:.7em;text-transform:uppercase;border-radius:6px;transition:all .2s;font-weight:600}.btn-filter-default:hover,.btn-filter-default.active{background-color:#000;border-color:#000;color:#fff}.btn-filter-default.selected{border-color:#000;position:relative}.btn-filter-default.selected:before{content:"";width:20px;height:20px;top:-7px;right:-7px;border-radius:50%;display:block;position:absolute;background:#000;border-color:#000}.btn-filter-default.selected:after{content:"";position:absolute;right:6px;top:3px;background:#fff;width:2px;height:2px;box-shadow:2px 0 #fff,4px 0 #fff,4px -2px #fff,4px -4px #fff,4px -6px #fff,4px -8px #fff;transform:rotate(45deg)}@media (min-width: 641px){component-filter{padding:18px 0;border-bottom:0px solid #ccc}component-filter .btn-filter-default{padding:16px 30px;font-size:.8em;border-radius:8px}component-filter .btn-filter-default.selected:before,component-filter .btn-filter-default.selected:after{display:none}component-filter .filter-group-btn{justify-content:space-between}component-filter .filter-group-btn .filter-sort_by_text{display:block}component-filter .filter-group-btn .filter-sort_by_text span{font-size:14px;color:#000}component-filter .filter-group-btn .label_all_products_count{display:none}component-filter .filter-group-btn .group-btn .filter-group-sort .group-sort{width:185px;position:absolute}component-filter .filter-group-options .active-filters{display:block;margin-top:15px}component-filter .filter-group-options .filter-desk{display:block}component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options{height:initial;align-content:initial;overflow:hidden}component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options .filter-group{width:50%}component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options .filter-group-display__list .filter-group-display__list-item{margin-bottom:10px}component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options .filter-group-display__list .filter-group-display__list-item input[type=checkbox]+label{font-size:14px}component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options .filter-group-display__list .filter-group-display__list-item input[type=checkbox]:checked+label{font-weight:400}component-filter .filter-group-options .filter-desk .filter-body .filter-group-bottom{padding:20px}component-filter .filter-group-options .filter-desk .filter-body .filter-group-bottom .btn-filter-default{border-radius:8px;width:auto;font-size:1em;font-weight:700;text-transform:uppercase}component-filter .filter-group-options .filter-desk .filter-body .filter-group-bottom .btn-filter-default .txt_desk{display:block}component-filter .filter-group-options .filter-desk .filter-body .filter-group-bottom .btn-filter-default .txt_mobile{display:none}}@media (min-width: 768px){component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options .filter-group{width:33.3333333333%}}@media (min-width: 990px){component-filter .filter-group-options .filter-desk .filter-body .filter-form-group-options .filter-group{width:20%}.filter-side{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.filter-side component-filter{padding:0;width:220px;margin-right:30px}.filter-side component-filter .filter-group-btn{display:none}.filter-side component-filter .filter-group-options .filter-form{display:flex;flex-wrap:wrap;flex-direction:column-reverse}.filter-side component-filter .filter-group-options .filter-form .filter-desk{display:block;height:auto}.filter-side component-filter .filter-group-options .filter-form .filter-desk .filter-body{border:0px solid rgba(0,0,0,0)}.filter-side component-filter .filter-group-options .filter-form .filter-desk .filter-body .filter-form-group-options{padding:0}.filter-side component-filter .filter-group-options .filter-form .filter-desk .filter-body .filter-form-group-options .filter-group{width:100%;margin-bottom:20px}.filter-side component-filter .filter-group-options .filter-form .filter-desk .filter-body .filter-form-group-options .filter-group:last-child{margin-bottom:0}.filter-side.sorting-side .product-grid-container{padding-top:20px}.filter-side .product-grid-container{width:calc(100% - 250px)}}@media (min-width: 1140px){component-filter{padding:18px 0}.filter-side component-filter{padding:0}}price-range{--thumb-size: 15px;--thumb-shadow-size: 5px;--track-size: 2px;--gray: #ccc;--black: #000;width:100%;display:block}price-range>div{position:relative;width:100%;height:var(--thumb-size)}price-range>div>div{width:100%;height:var(--track-size);background:var(--gray);position:absolute;top:0;bottom:0;margin:auto}price-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;background:#0000;border:none;outline:none;pointer-events:none;position:absolute;top:0;bottom:0;margin:auto}price-range input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:5px}price-range input[type=range]::-moz-range-track{-moz-appearance:none;height:5px}price-range input[type=range]::-ms-track{-webkit-appearance:none;appearance:none;height:5px}price-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:var(--thumb-size);height:var(--thumb-size);background:var(--black);border:none;border-radius:50%;pointer-events:auto;cursor:pointer;box-shadow:0 0 0 0 var(--black);transition:box-shadow .15s ease}price-range input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 var(--thumb-shadow-size) var(--black)}price-range input[type=range]::-moz-range-thumb{-moz-appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:var(--black);border:none;border-radius:50%;pointer-events:auto;cursor:pointer;box-shadow:0 0 0 0 var(--black);transition:box-shadow .15s ease}price-range input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 var(--thumb-shadow-size) var(--black)}price-range input[type=range]::-ms-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:var(--black);border:none;border-radius:50%;pointer-events:auto;cursor:pointer;box-shadow:0 0 0 0 var(--black);transition:box-shadow .15s ease}price-range input[type=range]::-ms-thumb:hover{box-shadow:0 0 0 var(--thumb-shadow-size) var(--black)}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/component-filter.css.map */