.filter--single-select-with-input .filter__button{align-items:center;background-color:transparent;border:0;bottom:0;display:flex;left:0;position:relative;right:0;top:0;transition:all .2s}.dark .filter--single-select-with-input .filter__button{border:0}.filter--single-select-with-input .filter__button .overlay{align-items:center;display:flex;height:40px;padding:0 17px;pointer-events:none;position:absolute;width:100%}.filter--single-select-with-input .filter__button .button__value{color:#666;flex-grow:1;line-height:24px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .filter--single-select-with-input .filter__button .button__value,.filter--single-select-with-input .filter__button .button__value.placeholder{color:#999}.dark .filter--single-select-with-input .filter__button .button__value.placeholder{color:#666}.filter--single-select-with-input__popover{border:1px solid rgba(4,4,5,.1);border-radius:8px;display:flex;flex-direction:column;min-width:280px}.dark .filter--single-select-with-input__popover{border:1px solid hsla(0,0%,100%,.1)}.filter--single-select-with-input__popover .errors{padding:1rem 22px}.filter--single-select-with-input__popover button.popover__option{background-color:transparent;border:0;border-radius:.5rem;display:flex;margin:0 8px;padding:12px 14px;transition:.2s;width:calc(100% - 1rem)}.filter--single-select-with-input__popover button.popover__option:hover{background-color:#0404050d}.dark .filter--single-select-with-input__popover button.popover__option:hover{background-color:#ffffff0d}.filter--single-select-with-input__popover button.popover__option:first-child{margin-top:8px}.filter--single-select-with-input__popover button.popover__option:last-child{margin-bottom:8px}.filter--single-select-with-input__popover button.popover__option .option{display:flex;line-height:100%;position:relative;width:100%}.filter--single-select-with-input__popover button.popover__option .option span{flex-grow:1;text-align:left}.filter--single-select-with-input__popover button.popover__option .option .option__label{padding:0 24px 0 0}.filter--single-select-with-input__popover button.popover__option .option .check-icon{height:16px;opacity:0;position:absolute;right:0;transition:all .2s;width:16px}.filter--single-select-with-input__popover button.popover__option .option .check-icon.selected{opacity:1}.filter--single-select-with-input__popover .scroll{max-height:440px}