.modal-filter-select{position:relative;width:100%;max-height:80vh;padding:52px 40px;background-color:#fff}.modal-filter-select .modal-close-btn{flex-grow:0;flex-shrink:0;top:12px;right:12px}.modal-filter-select .modal-filter-select-body{flex-grow:0;flex-shrink:1;width:100%;min-height:0;overflow:hidden}.modal-filter-select .modal-filter-select-body h3{flex-grow:0;flex-shrink:0;margin-bottom:20px}.modal-filter-select .modal-filter-select-body .modal-filter-select-tabs{position:relative;z-index:2;flex-direction:row;flex-wrap:nowrap;flex-grow:0;flex-shrink:0;align-items:center;width:100%;margin-bottom:16px;padding:0 44px 4px 0;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.modal-filter-select .modal-filter-select-body .modal-filter-select-tabs::-webkit-scrollbar{display:none}.modal-filter-select .modal-filter-select-body .modal-filter-select-tabs .modal-filter-select-tab{display:flex;flex-grow:0;flex-shrink:0;align-items:center;height:36px;margin-right:8px;padding:0 16px;border:1px solid #eee;border-radius:30px;background-color:#eee;color:#313447;font-size:.88rem;font-weight:600;white-space:nowrap;transition:all .25s ease-out 0s}.modal-filter-select .modal-filter-select-body .modal-filter-select-tabs .modal-filter-select-tab:hover{border-color:#d49792}.modal-filter-select .modal-filter-select-body .modal-filter-select-tabs .modal-filter-select-tab.active{border-color:#6d4aff;background-color:#6d4aff;color:#fff}.modal-filter-select .modal-filter-select-body .modal-filter-select-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-content:flex-start;width:100%;min-height:0;flex-grow:0;flex-shrink:1;overflow:hidden;overflow-y:auto}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item{display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:flex-start;max-width:100%;min-height:38px;padding:8px 14px;border:1px solid #ece8fb;border-radius:30px;white-space:nowrap;overflow:hidden;transition:all .25s ease-out 0s}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item span{display:flex;align-items:center;font-size:.9rem;font-weight:500;transition:all .25s ease-out 0s}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item span span{margin-left:6px;color:#d49792;font-size:.8rem}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item span .color-spot{width:20px;height:20px;border:1px solid #dde2eb;border-radius:50%;margin-right:8px}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item.active,.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item:hover{border-color:#6d4aff;background-color:#f3efff}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item.active span{color:#5233e0}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item.disabled{min-height:32px;padding:6px 12px;border-color:transparent;background-color:#eee;cursor:default}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item.disabled span{color:#7290a1;font-size:.82rem;font-weight:400}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item.disabled:hover{border-color:transparent;background-color:#eee}.modal-filter-select .modal-filter-select-body .modal-filter-select-list .modal-filter-select-item:disabled{opacity:1}.modal-filter-select .modal-filter-select-body .modal-filter-select-price{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;width:100%}.modal-filter-select .modal-filter-select-body .modal-filter-select-size{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.modal-filter-select .modal-filter-select-body .modal-filter-select-size .modal-filter-select-size-button{display:flex;width:200px;align-items:center;justify-content:center;margin:8px;border:.12rem solid #eee;border-radius:32px;transition:all .35s ease-in-out 0s}.modal-filter-select .modal-filter-select-body .modal-filter-select-size .modal-filter-select-size-button img{margin-right:20px}.modal-filter-select .modal-filter-select-body .modal-filter-select-size .modal-filter-select-size-button:hover{border-color:#d49792;transition:all .35s ease-in-out 0s}.modal-filter-select .modal-filter-select-body .modal-filter-select-size .modal-filter-select-size-button.active{border-color:#d49792}.modal-filter-select .modal-filter-select-body .modal-filter-select-buttons{flex-direction:row;flex-shrink:0;justify-content:flex-end;margin-top:20px}.header-filter-button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 40px 12px 16px;border-radius:8px;background-color:#f7e0de;color:#313447;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:1px;text-align:left;text-transform:uppercase;transition:background-color .3s ease-out 0s,color .3s ease-out 0s}.header-filter-button .header-filter-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-filter-button .header-filter-button-icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:16px;height:16px}.header-filter-button .header-filter-button-icon .svg-icon{fill:none;stroke:currentColor;stroke-width:2.25}.header-filter-button>svg{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.header-filter-button:hover{background-color:#fbedec}.header-filter-button:active{background-color:#d49792}.header-filter-button.active{background-color:#313447;color:#fff}.header-filter-button.active:hover{background-color:#2e384d}.header-filter-button.active:active{background-color:#181d28}.header-filter-button.active>svg{fill:#fff}.header-filter-button .header-filter-num{position:absolute;top:-8px;right:-8px;z-index:1;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#313447;color:#fff;font-size:10px;font-weight:700;letter-spacing:0}.header-filter-button.active .header-filter-num{background-color:#f7e0de;color:#313447}@media (max-width:1060px){.header-filter-button{gap:6px;padding:8px 28px 8px 12px;font-size:12px;letter-spacing:.5px}.header-filter-button .header-filter-button-icon{width:14px;height:14px}.header-filter-button>svg{right:10px}.header-filter-button .header-filter-num{top:-6px;right:-6px;width:18px;height:18px;font-size:9px}}