.input{display:flex;flex-direction:column;gap:10px;position:relative;width:100%}.input__base{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-shadow:none;color:#1a1a1a;font:var(--standard-bold);letter-spacing:var(--lspacing-standard-bold,normal);outline:none;overflow:hidden;padding:25px 0 7px;text-align:left;text-overflow:ellipsis;transition:box-shadow .3s cubic-bezier(.2,.1,.2,1);white-space:nowrap;width:100%}.input__base::-moz-placeholder{color:transparent;-moz-transition:color .3s cubic-bezier(.2,.1,.2,1);transition:color .3s cubic-bezier(.2,.1,.2,1)}.input__base::placeholder{color:transparent;transition:color .3s cubic-bezier(.2,.1,.2,1)}.input__base:focus:placeholder-shown::-moz-placeholder{color:#bcbcbc}.input__base:focus:-moz-placeholder::placeholder{color:#bcbcbc}.input__base:focus:placeholder-shown::placeholder{color:#bcbcbc}.input__base,.input__base:invalid{box-shadow:0 1px 0 0 #4d4d4d}.input__base.input--textRight{text-align:right}.form--dark .input__base{background:#fff}.input__base--disabled{pointer-events:none}.input__base.has-value{box-shadow:0 1px 0 0 #1a1a1a}.input__base:hover{box-shadow:0 2px 0 0 #1a1a1a}.input__base.hasFocus,.input__base:active,.input__base:focus{box-shadow:0 4px 0 0 #1a1a1a;overflow:unset;text-overflow:unset;white-space:unset}.input__base:disabled{box-shadow:0 1px 0 0 #d6d6d6;color:#bcbcbc;cursor:default}.input__base[readonly]{box-shadow:none;cursor:default}.input__base[type=number]::-webkit-inner-spin-button,.input__base[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.input.has-error .input__base,.input.is-critical .input__base{box-shadow:0 1px 0 0 #b90000}.input.has-error .input__base.has-value,.input.has-error .input__base.has-value.hasFocus,.input.has-error .input__base.has-value:hover{box-shadow:0 4px 0 0 #b90000}.input.has-error .input__base:hover{box-shadow:0 2px 0 0 #b90000}.input.has-error .input__base.hasFocus,.input.has-error .input__base:active,.input.has-error .input__base:focus{box-shadow:0 4px 0 0 #b90000}.input.is-critical .input__base:hover{box-shadow:0 2px 0 0 #b90000}.input.is-critical .input__base.hasFocus,.input.is-critical .input__base:active,.input.is-critical .input__base:focus{box-shadow:0 4px 0 0 #b90000}.input__placeholder{color:#4d4d4d;font:var(--standard);letter-spacing:var(--lspacing-standard,normal);overflow:hidden;position:absolute;text-overflow:ellipsis;transform:translateY(calc(100% - 6px));transition:font-size .3s cubic-bezier(.2,.1,.2,1),transform .3s cubic-bezier(.2,.1,.2,1);white-space:nowrap;width:100%}input.has-value~.input__placeholder,input:focus~.input__placeholder{font:var(--small);letter-spacing:var(--lspacing-small,normal);transform:translateY(0)}.input__infobox{color:#4d4d4d;display:flex;font:var(--small);gap:5px;letter-spacing:var(--lspacing-small,normal);width:100%}.input__infobox-content{display:flex;flex-direction:column}.input__charCounter{display:none;flex:1;margin-left:auto;opacity:0;transition:opacity .25s;white-space:nowrap}.input__charCounter.isVisible{display:block;opacity:1}