.fashion-filter-container{top:calc(155px + var(--height-navbar-notify) + 20px);flex-direction:column;width:300px;height:100%;display:flex;position:sticky;overflow:hidden}.fashion-filter-container button{font-size:var(--font-normal);cursor:pointer;background:0 0;border:none}.fashion-filter-container-mobile{padding-top:5px;display:none}.fashion-filter-container-mobile.scrolling .fashion-filter-sort-btn p,.fashion-filter-container-mobile.scrolling .fashion-filter-mobile-btn-filter p{display:none}.fashion-filter-mobile-brands-list{gap:var(--padding-small);flex:1;display:flex;overflow-x:auto}.fashion-filter-mobile-brands-list-item{border:1px solid var(--color-tertiary);border-radius:var(--radius-medium);padding:var(--padding-small) var(--padding-medium);font-size:var(--font-medium);color:var(--color-foreground);flex:none;font-weight:400!important}.fashion-filter-mobile-brands-list-item.active{background-color:var(--color-primary);color:var(--color-on-primary)}.fashion-filter-header{gap:var(--padding-normal);margin-bottom:var(--padding-medium);flex-direction:column;display:flex}.fashion-filter-header-total{margin-inline-end:var(--padding-small);font-weight:700}.fashion-filter-header-title{justify-content:space-between;font-weight:700;display:flex}.fashion-filter-header-title button{color:var(--color-error);font-weight:700}.fashion-filter-list{height:max(100vh - 370px,30vh);padding-inline-end:15px;overflow-y:auto}.dialog .fashion-filter-list{height:unset;overflow-y:unset;padding-inline-end:unset}.fashion-filter-row-container{border-bottom:.8px solid var(--color-outline)}.fashion-filter-row{height:50px;font-size:var(--font-medium);cursor:pointer;align-items:center;display:flex}.dialog .fashion-filter-row{font-size:var(--font-small)}.fashion-filter-row>p{flex:1}.fashion-filter-row>span{margin:0px var(--padding-medium);padding:var(--padding-too-small) var(--padding-normal);border-radius:var(--radius-medium);background-color:var(--color-surface-container)}.dialog .fashion-filter-row>span{font-size:var(--font-small);padding:var(--padding-too-small) var(--padding-medium)}.dialog .fashion-filter-row .custom-svg-arrow-down{width:8px}.fashion-filter-row-content .textfiled-input-container{padding:0px var(--padding-medium);border-radius:var(--radius-medium);background-color:var(--color-surface-container);height:35px;font-size:var(--font-medium);border:none;margin:0}.fashion-filter-row-content .textfiled-input-container input{font-size:var(--font-medium)}.fashion-filter-row-content .custom-svg.primary path{fill:var(--color-secondary)}.fashion-filter-category-list-btn-unselect{margin-top:var(--padding-small);font-weight:300;text-decoration:underline;font-size:var(--font-medium)!important}.dialog .fashion-filter-category-list-btn-unselect{padding-top:var(--padding-small);font-size:var(--font-small)!important}.fashion-filter-row-content-container{margin-top:var(--padding-small);max-height:200px;padding-bottom:20px;overflow-y:scroll}.dialog .fashion-filter-row-content-container{max-height:unset}.fashion-filter-row-content-controller{justify-content:space-between;margin-inline-end:16px;display:flex}.fashion-filter-row-content-desc{color:var(--color-tertiary);font-size:var(--font-medium)}.dialog .fashion-filter-row-content-desc{font-size:var(--font-small)}.fashion-filter-more-filter-disable{font-size:var(--font-medium);align-items:center;gap:var(--padding-medium);color:var(--color-secondary);flex-direction:row;display:flex}.fashion-filter-more-filter-disable span{color:var(--color-tertiary);font-size:var(--font-normal-smaller);margin-inline-end:var(--padding-normal)}.fashion-filter-more-filter-disable>p{flex:1}.fashion-filter-more-properties-container{gap:var(--padding-small);flex-direction:column;display:flex}.fashion-filter-more-properties{gap:var(--padding-small);display:flex}.fashion-filter-more-properties-list{gap:var(--padding-small);flex-wrap:wrap;flex:1;align-items:center;margin-inline-start:calc(var(--padding-small) * -1);display:flex}.fashion-filter-more-properties-list-item{gap:var(--padding-small);height:unset;min-height:35px;padding:0px var(--padding-small);font-size:var(--font-medium);color:var(--color-secondary);border-radius:var(--radius-small);cursor:pointer;align-items:center;display:flex}.fashion-filter-more-properties-list-item:hover,.fashion-filter-more-properties-list-item.selected{background-color:var(--color-surface-container)}.fashion-filter-more-properties-list-item .custom-svg-arrow-down{width:8px}.fashion-filter-more-properties-list-item .custom-svg.tertiary path{fill:var(--color-secondary)}.fashion-filter-more-properties-list-btn-show{color:#0b92d3;font-weight:300;font-size:var(--font-medium);cursor:pointer}.fashion-filter-more-properties-container .fashion-filter-content-list{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));justify-content:flex-start;align-items:flex-end;display:flex}.fashion-filter-more-properties-container .fashion-filter-content-list li{vertical-align:baseline;flex-wrap:wrap;flex-basis:18%;display:inline-flex}.fashion-filter-more-properties-container .fashion-filter-content-list-item{font-size:var(--font-medium-smaller);height:unset;border-bottom:none}.fashion-filter-selected-items{gap:var(--padding-small);flex-wrap:wrap;display:flex}.fashion-filter-selected-item{background-color:var(--color-surface-container);border-radius:var(--radius-small);align-items:center;height:30px;font-size:12px;font-weight:300;display:flex}.fashion-filter-selected-item-lable{padding-inline-start:var(--padding-medium)}.fashion-filter-selected-item-lable.tag{padding-inline-end:var(--padding-medium)}.fashion-filter-selected-item-remove{width:28px;height:20px;font-size:var(--font-small);cursor:pointer;justify-content:center;align-items:center;padding-top:2px;display:flex}@media (max-width:992px){.fashion-filter-container{top:calc(var(--height-navbar-content) + var(--height-navbar-notify));z-index:99;background-color:var(--color-background);flex-direction:column;width:100%;height:50px;max-height:none;display:flex;position:sticky;overflow:hidden}.fashion-filter-container-desktop{display:none}.fashion-filter-container-mobile{gap:var(--padding-normal);display:flex}}
.fashion-filter-content-list-item{border-bottom:.8px solid var(--color-separator);min-height:40px;font-size:var(--font-medium);align-items:center;gap:var(--padding-small);cursor:pointer;font-weight:300;display:flex}.dialog .fashion-filter-content-list-item{font-size:var(--font-small)}.fashion-filter-content-list-item>p{flex:1}.fashion-filter-content-list li:last-child .fashion-filter-content-list-item{border-bottom:none}.fashion-filter-content-list-item-color{border:1px solid var(--color-outline);border-radius:50%;width:16px;height:16px}.fashion-filter-content-list-item-btn-expanded{justify-content:center;align-items:center;width:45px;height:30px;display:flex}.fashion-filter-content-list-item-sub{margin-inline-start:var(--padding-small)}.fashion-filter-content-list-item.active{font-weight:400}.fashion-filter-content-list-item.active .checkbox path{fill:var(--color-primary)!important}
.fashion-filter-mobile-btn-filter{align-items:center;gap:var(--padding-small);border:1px solid var(--color-tertiary);border-radius:var(--radius-medium);height:35px;padding:var(--padding-small) var(--padding-medium);font-size:var(--font-medium);background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;flex-direction:row;display:flex;font-weight:400!important}.fashion-filter-dialog{padding:var(--padding-normal);height:calc(93dvh - 150px);display:flex;font-size:var(--font-small)!important}.fashion-filter-dialog-extra-attr-note{align-items:center;gap:var(--padding-medium);color:var(--color-secondary);margin:var(--padding-large);font-size:var(--font-normal-smaller);flex-direction:row;display:flex}.fashion-filter-dialog .fashion-filter-list{width:40%;padding-inline-end:var(--padding-normal);overflow-y:auto}.fashion-filter-dialog .fashion-filter-row-content{margin-top:var(--padding-medium);flex:1;padding-inline-start:var(--padding-normal);overflow-y:auto}.fashion-filter-dialog .fashion-filter-row-container{border-bottom:none}.fashion-filter-dialog-container button{font-size:var(--font-normal);cursor:pointer;background:0 0;border:none}.fashion-filter-dialog-footer-btns{gap:var(--padding-normal);display:flex}.fashion-filter-dialog-footer-btns .button-primary{flex:2}.fashion-filter-dialog-footer-btns .button-secondary{flex:1}
.fashion-filter-content-grid{gap:var(--padding-small);width:100%;margin-top:var(--padding-small);flex-wrap:wrap;padding-inline-end:16px;font-weight:300;display:flex}.fashion-filter-content-grid-item{min-width:60px;min-height:35px;padding:0px var(--padding-small);font-size:var(--font-medium);border-radius:var(--radius-small);border:1px solid var(--color-separator);justify-content:center;align-items:center;gap:var(--padding-too-small);cursor:pointer;display:flex}.dialog .fashion-filter-content-grid-item{font-size:var(--font-small)}.fashion-filter-content-grid-item p{flex:1}.fashion-filter-content-grid-item .custom-svg{width:8px;height:8px}.fashion-filter-content-grid-item .custom-svg path{fill:var(--color-tertiary)}.fashion-filter-content-grid-item.selected{background-color:var(--color-primary);color:var(--color-on-primary)}.fashion-filter-content-grid-item.selected .custom-svg path{fill:var(--color-on-primary)}
.fashion-filter-slider-container{padding:var(--padding-normal)}.dialog .fashion-filter-slider-container{font-size:var(--font-small);padding:var(--padding-normal) 0px}
.custom-range-slider{width:100%;padding:0 10px}.custom-range-slider-container{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:60px;position:relative}.custom-range-slider.disabled .custom-range-slider-container{cursor:not-allowed}.custom-range-slider-background-track{background:#e2e8f0;border-radius:2px;width:100%;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.dialog .custom-range-slider-background-track{height:3px}.custom-range-slider-selected-track{background:var(--color-primary);height:4px;transition:all .1s;position:absolute;top:50%;transform:translateY(-50%)}.dialog .custom-range-slider-selected-track{height:3px}.custom-range-slider-thumb{z-index:3;transition:all .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-range-slider-thumb-handle{background:var(--color-on-primary);border:1px solid var(--color-primary);cursor:grab;border-radius:50%;width:20px;height:20px;transition:all .2s}.custom-range-slider-thumb:hover .custom-range-slider-thumb-handle{background-color:var(--color-primary);transform:scale(1.1)}.custom-range-slider-thumb.active .custom-range-slider-thumb-handle{background-color:var(--color-primary);cursor:grabbing;transform:scale(1.1)}.dialog .custom-range-slider-thumb-handle{width:15px;height:15px}
.fashion-filter-sort-btn-container{position:relative}.fashion-filter-sort-btn{align-items:center;gap:var(--padding-small);border:1px solid var(--color-tertiary);border-radius:var(--radius-medium);height:35px;padding:var(--padding-small) var(--padding-medium);font-size:var(--font-medium);color:var(--color-foreground);cursor:pointer;flex-direction:row;display:flex;font-weight:400!important}.fashion-filter-sort-btn.active{background-color:var(--color-primary);color:var(--color-on-primary)}.fashion-filter-sort-btn.active .custom-svg.tertiary path{fill:var(--color-on-primary)}.fashion-filter-sort-dropdown{z-index:100;background:var(--color-background);border:var(--border-normal) solid var(--color-separator);box-shadow:0 4px 6px var(--color-shadow);border-radius:var(--radius-large);cursor:pointer;min-width:200px;margin-top:2px;position:absolute;left:0}.fashion-filter-sort-dialog{padding:var(--padding-normal) 0px}.fashion-filter-sort-dialog .radio-container{padding:var(--padding-large) var(--padding-normal)}.fashion-filter-sort-list li{border-bottom:var(--border-normal) solid var(--color-separator)}.fashion-filter-sort-list li:last-child{border-bottom:none}.fashion-filter-sort-list li:hover{background:var(--color-hover)}.fashion-filter-sort-sheet-item{padding:var(--padding-normal);border-bottom:var(--border-normal) solid var(--color-separator);justify-content:center;display:flex}.fashion-filter-sort-sheet-item.active{font-weight:700}