.text-field{box-sizing:border-box;background-color:var(--kds-color-input-background);border:var(--kds-border-s) solid var(--kds-color-input-border);border-radius:var(--kds-input-border-radius);min-width:var(--kds-size-3xl);cursor:text;align-items:center;margin:0;padding:0;display:flex;position:relative}.text-field:hover{border-color:var(--kds-color-input-border-hover)}.text-field--focus,.text-field--focus:hover{border-color:var(--kds-color-key-primary)}.text-field--disabled{border-color:var(--kds-color-disabled-secondary);pointer-events:none}.text-field--disabled+.hint-count *,.text-field--disabled+.hint-message *,.text-field--disabled .text-field__status-icon path,.text-field--disabled .text-field__adornment-icon{color:var(--kds-color-disabled-secondary)}.text-field--disabled .text-field__adornment-icon--success{color:var(--kds-color-support-success)}.text-field--disabled .text-field__adornment-icon--error{color:var(--kds-color-support-error)}.text-field--disabled .input-prefix,.text-field--disabled .input-suffix{color:var(--kds-color-disabled-tertiary)}.text-field--adorned-start{padding-left:calc(var(--kds-spacing-m) - var(--input-border-size,1px))}.text-field--adorned-end{padding-right:calc(var(--kds-spacing-m) - var(--input-border-size,1px))}.text-field .text-field__label--icon-left{left:calc(1px + var(--kds-input-adornment-button-wrapper))}[data-theme^=business] .text-field .text-field__label--icon-left{left:calc(3px + var(--kds-input-adornment-button-wrapper))}.text-field__prefix{margin-right:var(--kds-spacing-xs)}.text-field__suffix{margin-left:var(--kds-spacing-xs)}.text-field__prefix--input-with-label,.text-field__suffix--input-with-label{margin-top:var(--kds-spacing-m)}.text-field--s .text-field__prefix--input-with-label,.text-field--s .text-field__suffix--input-with-label{margin-top:13px}[data-theme^=business] .text-field--s .text-field__prefix--input-with-label,[data-theme^=business] .text-field--s .text-field__suffix--input-with-label{margin-top:var(--kds-spacing-m)}.text-field .text-field__input-container{height:100%;font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l);flex:1;align-items:flex-end;display:flex}[data-theme^=business] .text-field .text-field__input-container{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-m)}@media only screen and (width<=599px){[data-theme^=business] .text-field .text-field__input-container{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l)}}.text-field--pre-enable .text-field__input-container .input::placeholder{color:var(--kds-color-text-placeholder)}.text-field--success,.text-field--success:hover{border-color:var(--kds-color-support-success)}.text-field--success .text-field__status-icon{color:var(--kds-color-support-success)}.text-field--error,.text-field--error:hover{border-color:var(--kds-color-support-error)}.text-field--error .text-field__status-icon{color:var(--kds-color-support-error)}.kds-input-label{top:50%;left:calc(var(--kds-spacing-m) - var(--input-border-size,1px));color:var(--kds-color-text-secondary);pointer-events:none;z-index:var(--kds-zindex-min);font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l);position:absolute;right:0;transform:translateY(-50%)}[data-theme^=business] .kds-input-label{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-m)}@media only screen and (width<=599px){[data-theme^=business] .kds-input-label{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l)}}.kds-input-label--focused{color:var(--kds-color-key-primary)}.kds-input-label--animated{transition:transform .15s,font-size .15s}.kds-input-label.kds-input-label--shrink{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-xs);line-height:var(--kds-line-height-s);transform:translateY(-19px)}[data-theme^=business] .kds-input-label.kds-input-label--shrink{transform:translateY(-18px)}.kds-input-label--disabled{color:var(--kds-color-disabled-tertiary)}.kds-input-label--text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root,[data-theme]{--input-border-size:var(--kds-border-s);--kds-input-border-radius:var(--kds-border-radius-s);--kds-input-adornment-button-spacing:14px;--kds-input-adornment-button-wrapper:var(--kds-size-s)}[data-theme^=business]{--kds-input-border-radius:var(--kds-border-radius-xs);--kds-input-adornment-button-spacing:12px;--kds-input-adornment-button-wrapper:var(--kds-size-xs)}.input{width:100%;padding:var(--kds-input-padding);color:var(--kds-color-text-primary);cursor:text;font:inherit;caret-color:var(--kds-color-key-primary);font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l);background-color:#0000;border:0;flex:1}[data-theme^=business] .input{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-m)}@media only screen and (width<=599px){[data-theme^=business] .input{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l)}}.input.input--no-label{padding:var(--kds-input-no-label-padding)}.input:focus{outline:none}.input:focus::placeholder{color:var(--kds-color-text-placeholder);font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l)}[data-theme^=business] .input:focus::placeholder{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-m)}@media only screen and (width<=599px){[data-theme^=business] .input:focus::placeholder{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-l)}}.input:-webkit-autofill{border-radius:var(--kds-input-border-radius,var(--kds-border-radius-s))}.input--s{--kds-input-padding:calc(19px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px)) calc(5px - var(--input-border-size,1px));--kds-input-no-label-padding:calc(var(--kds-spacing-splus) - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px))}[data-theme^=business] .input--s{--kds-input-padding:calc(17px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px)) calc(3px - var(--input-border-size,1px));--kds-input-no-label-padding:calc(10px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px))}.input--m{--kds-input-padding:calc(var(--kds-spacing-mplus) - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px)) calc(var(--kds-spacing-s) - var(--input-border-size,1px));--kds-input-no-label-padding:calc(var(--kds-spacing-m) - var(--input-border-size,1px))}[data-theme^=business] .input--m{--kds-input-padding:calc(22px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px)) calc(6px - var(--input-border-size,1px));--kds-input-no-label-padding:calc(14px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px))}.input--l{--kds-input-padding:calc(28px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px)) calc(var(--kds-spacing-splus) - var(--input-border-size,1px));--kds-input-no-label-padding:calc(var(--kds-spacing-mexc) - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px))}[data-theme^=business] .input--l{--kds-input-padding:calc(26px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px)) calc(10px - var(--input-border-size,1px));--kds-input-no-label-padding:calc(18px - var(--input-border-size,1px)) calc(var(--kds-spacing-m) - var(--input-border-size,1px))}.input__container--no-label .input-container{align-items:center}.input__container--no-label .input::placeholder{color:var(--kds-color-text-placeholder)}.input--focus+.input__label{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-xs);line-height:var(--kds-line-height-s)}.input::placeholder{color:#0000}.input.input--input-adorned-start{padding-left:0}.input.input--input-adorned-end{padding-right:0}.input[disabled]{color:var(--kds-color-disabled-tertiary);pointer-events:none}.kds-input__hint-block{min-height:var(--kds-size-6xs);margin-top:var(--kds-spacing-xs);display:flex}.kds-input__hint-block-message{justify-content:flex-end}.kds-input__hint-block-count,.kds-input__hint-block-message{justify-content:space-between;display:flex}.kds-input__hint-block__count{min-width:var(--kds-size-3xs);margin-left:var(--kds-spacing-m);color:var(--kds-color-text-secondary);text-align:right;font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-xs);line-height:var(--kds-line-height-s)}
