:root{--content-padding:30px}@media(max-width:400px){:root{--content-padding:15px}}.input__label{display:block;margin-bottom:11px;color:#b4bdcd;text-wrap:nowrap;overflow:visible}.input__label-right-text{display:none}.input__input{position:relative;display:flex;align-items:center;height:50px;width:100%;background-color:#292f3d;border:1px solid #40495e;transition:border-color .1s ease;cursor:text;overflow:hidden}.input__input input{width:100%;height:50px;padding:0 15px;background-color:rgba(0,0,0,0);color:#fff;outline:none;border:none}.input__input ::placeholder{color:#7f8796;opacity:1}.input__input-right-text{color:#7f8796;pointer-events:none;z-index:2}.input__input:hover{border-color:#7f8796}.input__input:focus-within{border-color:#0058f0}.input--with-right-text .input__input{padding-right:15px}.input--with-right-text .input__input input{padding-right:0}.input--error .input__input{border-color:#d21313}.input--radius-left .input__input{border-top-left-radius:4px;border-bottom-left-radius:4px}.input--radius-right .input__input{border-top-right-radius:4px;border-bottom-right-radius:4px}@media(max-width:600px){.input__label{display:flex;gap:5px;align-items:center}.input__label-right-text{display:block;color:#4c5668}.input__input-right-text{display:none}.input--with-right-text .input__input{padding-right:0}.input--with-right-text .input__input input{padding-right:15px}}