.input__wrapper{position:relative;width:100%}.input__label{display:inline-block;margin-bottom:3px;color:var(--gray)}.input{width:100%;height:36px;padding:7px 12px;font-size:16px;line-height:1;border:1px solid var(--gray);border-radius:10px;background-color:var(--white);outline:none}.input::-webkit-input-placeholder,.input::placeholder{color:var(--gray)}.input[type=search]::-webkit-search-cancel-button,.input[type=search]::-webkit-search-decoration,.input[type=search]::-webkit-search-results-button,.input[type=search]::-webkit-search-results-decoration{display:none}.input:focus{border:1px solid var(--blue)}.input--interactive{padding-right:26px}.input__button{position:absolute;right:6px;top:8px;z-index:2;font-size:0;cursor:pointer}.input__icon{fill:var(--gray)}.input:focus+.input__button .input__icon{fill:var(--blue)}.input:disabled{background-color:rgba(var(--rgb-gray),.2)}.input-with-select{width:100%}.input-with-select__label{display:inline-block;margin-bottom:3px;font-size:16px;line-height:1;color:var(--gray)}.input-with-select__inner-wrapper{display:flex}.input-with-select__select{width:30%;margin-right:10px}.input-with-select__range-input{margin-right:10px;width:calc(35% - 5px)}.input-with-select__range-input:last-of-type{margin-right:0}.input-with-select__input{width:70%}