.filter--single-select .filter__button{align-items:center;background-color:transparent;border:1px solid rgba(4,4,5,.1);display:flex;height:40px;padding:0 8px 0 16px;position:relative;transition:all .2s}.dark .filter--single-select .filter__button{border:1px solid hsla(0,0%,100%,.1)}.filter--single-select .filter__button:focus,.filter--single-select .filter__button:hover,.filter--single-select .filter__button[data-popper-shown]{border:1px solid rgba(4,4,5,.2)}.dark .filter--single-select .filter__button:focus,.dark .filter--single-select .filter__button:hover,.dark .filter--single-select .filter__button[data-popper-shown]{border:1px solid hsla(0,0%,100%,.2)}.filter--single-select .filter__button .button__value{color:#333;margin-right:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .filter--single-select .filter__button .button__value{color:#fff}.filter--single-select .filter__button .button__label{background-color:#fff;font-size:.875rem;margin-left:-8px;padding:0 8px;position:absolute;top:-10px;white-space:nowrap}.dark .filter--single-select .filter__button .button__label{background-color:#121215}.filter--single-select__popover{border:1px solid rgba(4,4,5,.1);border-radius:8px;display:flex;flex-direction:column;min-width:280px}.dark .filter--single-select__popover{border:1px solid hsla(0,0%,100%,.1)}.filter--single-select__popover .subcategory-filter{align-items:center;border-bottom:1px solid rgba(4,4,5,.1);display:flex;padding:8px 0;position:relative}.dark .filter--single-select__popover .subcategory-filter{border-bottom:1px solid hsla(0,0%,100%,.1)}.filter--single-select__popover .subcategory-filter input,.filter--single-select__popover .subcategory-filter input:focus{background:transparent;border:0;box-shadow:none;outline:none;padding:0 24px}.filter--single-select__popover .subcategory-filter i{color:#666;position:absolute;right:24px}.filter--single-select__popover .subcategory-filter button{background:none;border:0;padding:0;position:absolute;right:24px}.filter--single-select__popover .subcategory-filter button>i{color:#007bff;position:relative;right:auto;top:2px}.filter--single-select__popover .scrollable-area{display:flex;flex-direction:column;max-height:400px}.filter--single-select__popover .options-container{display:flex;flex-direction:column}.filter--single-select__popover .options-container.no-result{padding:16px 24px}.filter--single-select__popover .options-container.no-result p{color:#666}.filter--single-select__popover button.popover__option{background-color:transparent;border:0;display:flex;margin:0 8px;padding:12px 14px;transition:.2s}.filter--single-select__popover button.popover__option:hover{background-color:#0404050d}.dark .filter--single-select__popover button.popover__option:hover{background-color:#ffffff0d}.filter--single-select__popover button.popover__option:first-child{margin-top:8px}.filter--single-select__popover button.popover__option:last-child{margin-bottom:8px}.filter--single-select__popover button.popover__option .option{display:flex;line-height:100%;position:relative;width:100%}.filter--single-select__popover button.popover__option .option span{flex-grow:1;text-align:left}.filter--single-select__popover button.popover__option .option .option__label{padding:0 24px 0 0}.filter--single-select__popover button.popover__option .option .check-icon{height:16px;opacity:0;position:absolute;right:0;transition:all .2s;width:16px}.filter--single-select__popover button.popover__option .option .check-icon.selected{opacity:1}
