:host{display:flex;flex-direction:column;gap:var(--fds-spacing-const-density-compact);width:100%}.container{display:flex;width:100%;padding:14px var(--fds-spacing-200);box-sizing:border-box;flex-direction:column;align-items:flex-start;border-radius:var(--fds-round-const-input-reg,inherit);border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--fds-input-container-color,var(--fds-stroke-int-rest-on-surface));background:var(--libfds-input-container-background,var(--fds-surface));position:relative}:host([theme="surface-variant"]) .container{background:var(--libfds-input-container-background,var(--fds-surface-variant))}:host([theme="alternate-surface"]) .container,:host([theme="alternate-surface-variant"]) .container{background:var(--libfds-input-container-background,var(--fds-alternate-surface));border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--fds-input-container-color,var(--fds-stroke-int-rest-on-alternate-surface))}:host([theme="alternate-surface-variant"]) .container{background:var(--libfds-input-container-background,var(--fds-alternate-surface-variant))}:host([elevation]) .container{box-shadow:var(--libfds-input-elevation-surface,var(--fds-elevation-const-surface-medium))}:host([theme="alternate-surface"][elevation]) .container,:host([theme="alternate-surface-variant"][elevation]) .container{box-shadow:var(--libfds-input-elevation-alternate-surface,var(--fds-elevation-const-alternate-surface-medium))}.clickable,.clickable *{cursor:pointer;caret-color:transparent}label{color:var(--libfds-input-label-color,var(--fds-on-surface-m));position:relative;padding:2px var(--fds-spacing-050);font:var(--fds-paragraphs-lead);background:var(--libfds-input-label-background,var(--fds-surface));border-radius:var(--fds-round-const-ui-min,inherit);padding:0;translate:0;transition:transform 100ms cubic-bezier(0.25,0.8,0.25,1),font-size 100ms cubic-bezier(0.25,0.8,0.25,1)}:host([theme="surface-variant"]) label{background:var(--libfds-input-label-background,var(--fds-surface-variant))}:host([theme="alternate-surface"]) label,:host([theme="alternate-surface-variant"]) label{background:var(--libfds-input-label-background,var(--fds-alternate-surface))}:host([theme="alternate-surface-variant"]) label{background:var(--libfds-input-label-background,var(--fds-alternate-surface-variant))}.input-wrapper{position:relative;flex:1 0 0;min-width:0}.input-container{display:flex;align-items:center;width:100%;gap:var(--fds-spacing-050);height:24px;position:relative}.input-container>.line-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--libfds-input-input-color,var(--fds-on-surface-m));max-width:100%}:host([theme="alternate-surface"]) .input-container>.line-item,:host([theme="alternate-surface-variant"]) .input-container>.line-item{color:var(--libfds-input-input-color,var(--fds-on-alternate-surface-m))}.input-container>.line-item.prefix,.input-container>.line-item.suffix{font:var(--fds-paragraphs-lead);color:var(--libfds-input-prefix-suffix-color,var(--fds-on-surface-low))}:host([theme="alternate-surface"]) .input-container>.line-item.prefix,:host([theme="alternate-surface-variant"]) .input-container>.line-item.prefix,:host([theme="alternate-surface"]) .input-container>.line-item.suffix,:host([theme="alternate-surface-variant"]) .input-container>.line-item.suffix{color:var(--libfds-input-prefix-suffix-color,var(--fds-on-alternate-surface-low))}.input-container img{width:20px;height:20px;border-radius:var(--fds-border-radius-input-alternate);object-fit:cover;border:1px solid var(--fds-on-surface-m)}input{width:100%;align-self:stretch;border:none;background:var(--libfds-input-input-background,var(--fds-surface));color:var(--libfds-input-input-color,var(--fds-on-surface-hi));font:var(--fds-paragraphs-lead);height:24px;margin:0;padding:0}:host([theme="surface-variant"]) input{background:var(--libfds-input-input-background,var(--fds-surface-variant))}:host([theme="alternate-surface"]) input,:host([theme="alternate-surface-variant"]) input{background:var(--libfds-input-input-background,var(--fds-alternate-surface));color:var(--libfds-input-input-color,var(--fds-on-alternate-surface-hi))}:host([theme="alternate-surface-variant"]) input{background:var(--libfds-input-input-background,var(--fds-alternate-surface-variant))}::placeholder{color:var(--libfds-input-input-placeholder-color,var(--fds-on-surface-low));font:var(--fds-paragraphs-lead)}:host([theme="alternate-surface"]) ::placeholder,:host([theme="alternate-surface-variant"]) ::placeholder{color:var(--libfds-input-input-placeholder-color,var(--fds-on-alternate-surface-low))}.custom-placeholder{position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--libfds-input-input-placeholder-color,var(--fds-on-surface-low));pointer-events:none;font:var(--fds-paragraphs-lead);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;letter-spacing:normal}:host([theme="alternate-surface"]) .custom-placeholder,:host([theme="alternate-surface-variant"]) .custom-placeholder{color:var(--libfds-input-input-placeholder-color,var(--fds-on-alternate-surface-low))}.text-guides{font:var(--fds-paragraphs-small);color:var(--libfds-input-text-guides-color,var(--fds-on-surface-m));padding:var(--fds-spacing-const-badge-lg-v) var(--fds-spacing-const-badge-sm-h)}:host([theme="alternate-surface"]) .text-guides:not(.error),:host([theme="alternate-surface-variant"]) .text-guides:not(.error){color:var(--libfds-input-text-guides-color,var(--fds-on-alternate-surface-hi))}.text-guides.error{color:var(--libfds-input-text-guides-error-color,var(--fds-on-error));background-color:var(--libfds-input-text-guides-error-background-color,var(--fds-error-surface));border-radius:var(--fds-round-const-ui-min)}:host(.touched):host(:not(.hide-error)) .invalid{color:var(--libfds-input-invalid,var(--fds-error))}:host(.touched:invalid) .valid,:host(.touched[internals-invalid]) .valid{display:none}:host(.touched:valid) .invalid,:host(.touched[internals-valid]) .invalid{display:none}.container.hidden,.container.disabled .valid,.container.disabled .invalid,.container.readonly .valid,.container.readonly .invalid{display:none}:host(.touched:valid) .container:not(.disabled,.readonly,.hide-success-validation),:host(.touched[internals-valid]) .container:not(.disabled,.readonly,.hide-success-validation){border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--libfds-input-border-color-success,var(--fds-stroke-int-success,inherit))}:host(.touched:invalid):host(:not(.hide-error)) .container:not(.disabled,.readonly),:host(.touched[internals-invalid]):host(:not(.hide-error)) .container:not(.disabled,.readonly){border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--libfds-input-border-color-invalid,var(--fds-stroke-int-error,inherit))}:host(.touched:invalid):host(:not(.hide-error)) .container:not(.disabled,.readonly) label,:host(.touched[internals-invalid]):host(:not(.hide-error)) .container:not(.disabled,.readonly) label{color:var(--libfds-input-container-border-invalid-label-color,var(--fds-on-surface-m))}:host(.touched:invalid):host(:not(.hide-error)):host([theme="alternate-surface"]) .container:not(.disabled,.readonly) label,:host(.touched:invalid):host(:not(.hide-error)):host([theme="alternate-surface-variant"]) .container:not(.disabled,.readonly) label,:host(.touched[internals-invalid]):host(:not(.hide-error)):host([theme="alternate-surface"]) .container:not(.disabled,.readonly) label,:host(.touched[internals-invalid]):host(:not(.hide-error)):host([theme="alternate-surface-variant"]) .container:not(.disabled,.readonly) label{color:var(--libfds-input-container-border-invalid-label-color,var(--fds-on-alternate-surface-m))}:host(.touched:invalid):host(:not(.hide-error)) .assistive-text,:host(.touched[internals-invalid]):host(:not(.hide-error)) .assistive-text{display:none}:host(:valid) .error,:host([internals-valid]) .error{display:none}:host(:focus) .container:not(.disabled,.readonly),:host(.touched:focus) .container:not(.disabled,.readonly),:host(:focus-within) .container:not(.disabled,.readonly),:host(.touched:focus-within) .container:not(.disabled,.readonly){border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--libfds-input-border-color-focus,var(--fds-stroke-int-active,inherit))}:host(:focus) label,:host(:focus-within) label,.has-prefix label,.has-placeholder label,.has-value label{position:absolute;padding:0 2px;transform:translate(-2px,-28px);transition:transform 100ms cubic-bezier(0.25,0.8,0.25,1),font-size 100ms cubic-bezier(0.25,0.8,0.25,1);font:var(--fds-paragraphs-small)}:host(:focus) .container:not(.disabled,.readonly) label,:host(:focus-within) .container:not(.disabled,.readonly) label,:host(.touched:focus) .container:not(.disabled,.readonly) label,:host(.touched:focus-within) .container:not(.disabled,.readonly) label{color:var(--libfds-input-label-color-focus,var(--fds-on-surface-m))}:host(:focus):host([theme="alternate-surface"]) .container:not(.disabled,.readonly) label,:host(:focus):host([theme="alternate-surface-variant"]) .container:not(.disabled,.readonly) label,:host(:focus-within):host([theme="alternate-surface"]) .container:not(.disabled,.readonly) label,:host(:focus-within):host([theme="alternate-surface-variant"]) .container:not(.disabled,.readonly) label,:host(.touched:focus):host([theme="alternate-surface"]) .container:not(.disabled,.readonly) label,:host(.touched:focus):host([theme="alternate-surface-variant"]) .container:not(.disabled,.readonly) label,:host(.touched:focus-within):host([theme="alternate-surface"]) .container:not(.disabled,.readonly) label,:host(.touched:focus-within):host([theme="alternate-surface-variant"]) .container:not(.disabled,.readonly) label{color:var(--libfds-input-label-color-focus,var(--fds-on-alternate-surface-m))}input:focus{border:none;outline:none}.container.disabled{border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--fds-stroke-int-disabled-on-surface)}:host([theme="alternate-surface"]) .container.disabled,:host([theme="alternate-surface-variant"]) .container.disabled{border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--fds-stroke-int-disabled-on-alternate-surface)}.container.disabled .line-item{opacity:1;color:var(--libfds-input-input-color-disabled,var(--fds-on-surface-m))}:host([theme="alternate-surface"]) .container.disabled .line-item,:host([theme="alternate-surface-variant"]) .container.disabled .line-item{color:var(--libfds-input-input-color-disabled,var(--fds-on-alternate-surface-m))}.container.disabled .line-item.leading-icon{opacity:0.8}.container.disabled input.line-item{color:var(--libfds-input-container-disabled-line-item-color,var(--fds-on-surface-low))}:host([theme="alternate-surface"]) .container.disabled input.line-item,:host([theme="alternate-surface-variant"]) .container.disabled input.line-item{color:var(--libfds-input-container-disabled-line-item-color,var(--fds-on-alternate-surface-low))}.container.readonly{border:var(--fds-stroke-fds-stroke-150,1.5px) solid var(--libfds-input-border-color-readonly,var(--fds-stroke-ui-transparent))}button.line-item{all:unset;opacity:0.87}button.line-item:focus{color:var(--libfds-input-label-color-focus,var(--fds-primary));opacity:1}button.invalid.line-item:focus{color:var(--libfds-input-label-color-focus,var(--fds-primary))}::-ms-reveal{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.input-container>.leading-icon,.input-container>.trailing-icon{width:24px;height:24px;color:var(--libfds-input-input-color,var(--fds-on-surface-m))}:host([theme="alternate-surface"]) .input-container>.leading-icon,:host([theme="alternate-surface-variant"]) .input-container>.leading-icon,:host([theme="alternate-surface"]) .input-container>.trailing-icon,:host([theme="alternate-surface-variant"]) .input-container>.trailing-icon{color:var(--libfds-input-input-color,var(--fds-on-alternate-surface-m))}div.password-validations{color:var(--libfds-password-validations-color,var(--fds-on-surface-m));font:var(--fds-paragraphs-small);display:flex;flex-direction:column;gap:var(--fds-spacing-050);padding:var(--fds-spacing-050) var(--fds-spacing-050) var(--fds-spacing-100) var(--fds-spacing-050)}div.password-validations div{display:flex;align-items:center;gap:var(--fds-spacing-100)}div.password-validations div .strong{color:var(--libfds-input-password-validations-color-success,var(--fds-success))}:host(.touched) div.password-validations .icon:not(.strong){color:var(--libfds-input-password-validations-color-error,var(--fds-error))}.autocomplete-container{position:relative}.autocomplete-dropdown{display:flex;flex-direction:column;align-items:flex-start;position:absolute;z-index:9001;width:100%;top:100%;left:0;right:0;border-radius:var(--border-radius-large);background:var(--libfds-input-autocomplete-dropdown-background,var(--fds-surface-variant));max-height:375px;overflow-y:auto;padding:var(--fds-spacing-100)0;margin:0;list-style:none;box-shadow:0 2px 2px 0 var(--libfds-input-autocomplete-container-box-shadow-color-1,rgba(0,0,0,0.14)),0 1px 3px 0 var(--libfds-input-autocomplete-container-box-shadow-color-2,rgba(0,0,0,0.12)),0 1px 5px 0 var(--libfds-input-autocomplete-container-box-shadow-color-3,rgba(0,0,0,0.2))}.autocomplete-option{display:flex;height:56px;padding:var(--fds-spacing-100);align-items:center;gap:var(--fds-spacing-150);align-self:stretch;color:var(--libfds-input-autocomplete-container-color,var(--fds-on-surface-hi));font:var(--fds-paragraphs-lead);box-sizing:border-box}.autocomplete-option:hover{background:var(--libfds-input-autocomplete-container-hover-background-color,var(--fds-surface));cursor:pointer}.autocomplete-option:focus{background:var(--libfds-input-autocomplete-container-hover-background-color,var(--fds-surface));outline:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-background-clip:text;border:1px solid rgba(0,0,0,0);-webkit-text-fill-color:var(--libfds-input-webkit-fill-color,var(--fds-on-surface-hi));-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset}
:host(:focus) label,:host(:focus-within) label,.has-prefix label,.has-placeholder label,.has-value label{top:-23px;left:0;transform:none;max-width:calc(100% - 8px);z-index:1}