.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)}.switch{position:relative;width:29px;height:15px;z-index:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--gray);outline:none;border-radius:40px;box-shadow:inset 0 0 5px rgba(var(--rgb-black),.2);transition:.3s;cursor:pointer}.switch:checked{background-color:var(--blue)}.switch:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;top:1px;left:1px;background-color:var(--white);transition:scale(1.1);box-shadow:0 2px 5px rgba(var(--rgb-black),.2);transition:.3s;z-index:1}.switch:checked:before{left:15px}.switch:disabled{cursor:default}.switch__container{display:flex;align-items:center}.switch__label{margin:0;font-weight:400px;color:var(--gray)}.switch__label--left{padding-right:5px}.switch__label--right{padding-left:5px}.select-with-input{width:100%}.select-with-input__label{display:inline-block;margin-bottom:3px;font-size:16px;line-height:1;color:var(--gray)}.select-with-input__select{margin-bottom:16px}.select-with-input__switch{margin-top:5px}