.input.svelte-18ittwb{display:flex;flex-direction:column}.input.svelte-18ittwb .supporting-text:where(.svelte-18ittwb){padding:var(--gap-xs) 16px 0;display:flex;gap:var(--gap-2xs)}.input.svelte-18ittwb .prefix-text:where(.svelte-18ittwb),.input.svelte-18ittwb .suffix-text:where(.svelte-18ittwb){-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--color-on-surface-subtle);position:absolute;top:50%;transform:translateY(-50%);white-space:pre-wrap;text-wrap:nowrap}.input.svelte-18ittwb .prefix-text:where(.svelte-18ittwb){left:16px;right:auto}.input.svelte-18ittwb .suffix-text:where(.svelte-18ittwb){right:16px;left:auto}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb){position:relative;box-sizing:border-box;min-height:64px;display:flex;background-color:var(--background);--background: var(--color-surface-subtle);transition:background-color var(--transition-fast)}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb):hover:has(.input-element:not(:disabled):not([aria-disabled=true])){--background: color-mix( in srgb, var(--color-surface-subtle) 92%, var(--color-on-surface) 8% )}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) label:where(.svelte-18ittwb){position:absolute;left:16px;height:25px;top:19.5px;transition:padding var(--transition-fast),left var(--transition-fast),font-size var(--transition-fast),font-weight var(--transition-fast),top var(--transition-fast);pointer-events:none}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .leading-icon:where(.svelte-18ittwb),.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .trailing-icon:where(.svelte-18ittwb){position:absolute;top:0;bottom:0;width:24px;padding:10px;display:grid;place-content:center;font-size:24px;pointer-events:none;color:currentColor}:is(.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .leading-icon:where(.svelte-18ittwb),.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .trailing-icon:where(.svelte-18ittwb)) .button{pointer-events:all}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .leading-icon:where(.svelte-18ittwb){left:8px}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .trailing-icon:where(.svelte-18ittwb){right:8px}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb) .input-element{border:none;background-color:transparent;display:block;width:100%;min-height:100%;font:inherit;padding:0 calc(16px + var(--suffix-text-width)) 0 calc(16px + var(--prefix-text-width))}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb).has-leading-icon label:where(.svelte-18ittwb){left:52px}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb).has-leading-icon .input-element{padding-left:calc(52px + var(--prefix-text-width))}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb).has-leading-icon .prefix-text:where(.svelte-18ittwb){left:52px}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb).has-trailing-icon .input-element{padding-right:calc(52px + var(--suffix-text-width))}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb).has-trailing-icon .suffix-text:where(.svelte-18ittwb){right:52px}.input.svelte-18ittwb .input-box:where(.svelte-18ittwb):not(:focus-within).empty .prefix-text:where(.svelte-18ittwb),.input.svelte-18ittwb .input-box:where(.svelte-18ittwb):not(:focus-within).empty .suffix-text:where(.svelte-18ittwb){display:none}.input.svelte-18ittwb.outlined .input-box:where(.svelte-18ittwb){--border-width: 1px;border:solid 1px var(--color-outline-subtle);border-radius:var(--sizing-radius-medium);gap:var(--gap-lg)}:is(.input.svelte-18ittwb.outlined .input-box:where(.svelte-18ittwb):focus-within,.input.svelte-18ittwb.outlined .input-box:where(.svelte-18ittwb):not(.empty)) label:where(.svelte-18ittwb){z-index:0;top:-10px;height:20px;left:16px;padding:0 var(--gap-2xs);font-size:var(--fs-body-sm);font-weight:500}:is(.input.svelte-18ittwb.outlined .input-box:where(.svelte-18ittwb):focus-within,.input.svelte-18ittwb.outlined .input-box:where(.svelte-18ittwb):not(.empty)) label:where(.svelte-18ittwb):after{content:"";position:absolute;left:0;right:0;bottom:50%;height:var(--border-width);background-color:var(--background);z-index:-1;transition:background-color var(--transition-fast)}.input.svelte-18ittwb.outlined .input-box:where(.svelte-18ittwb):focus-within{--border-width: 2px;border-color:var(--color-brand);outline:solid 1px var(--color-brand)}.input.svelte-18ittwb.outlined.hide-label label:where(.svelte-18ittwb){opacity:0}:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain) .input-box:where(.svelte-18ittwb){border-radius:var(--br-xs);gap:var(--gap-sm);overflow:hidden}:is(:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain) .input-box:where(.svelte-18ittwb):focus-within,:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain) .input-box:where(.svelte-18ittwb):not(.empty)) label:where(.svelte-18ittwb){top:10px;height:20px;font-size:var(--fs-body-sm);font-weight:500}:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain) .input-box:where(.svelte-18ittwb) .prefix-text:where(.svelte-18ittwb),:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain) .input-box:where(.svelte-18ittwb) .suffix-text:where(.svelte-18ittwb){padding-top:19.5px}:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain) .input-element{padding-top:19.5px;box-sizing:border-box}:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain).hide-label label:where(.svelte-18ittwb){opacity:0}:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain).hide-label .input-element{padding-top:0}:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain).hide-label .prefix-text:where(.svelte-18ittwb),:is(.input.svelte-18ittwb.filled,.input.svelte-18ittwb.plain).hide-label .suffix-text:where(.svelte-18ittwb){padding-top:0}.input.svelte-18ittwb.filled .input-box:where(.svelte-18ittwb):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:var(--color-outline)}.input.svelte-18ittwb.filled .input-box:where(.svelte-18ittwb):focus-within:after{height:3px;background-color:var(--color-brand)}.input.svelte-18ittwb.disabled{color:var(--color-on-disabled)}.input.svelte-18ittwb.error label:where(.svelte-18ittwb),.input.svelte-18ittwb.error .supporting-text:where(.svelte-18ittwb){color:var(--color-error)}.input.svelte-18ittwb.error.outlined .input-box:where(.svelte-18ittwb){outline-color:var(--color-error);border-color:var(--color-error)}.input.svelte-18ittwb.error.filled .input-box:where(.svelte-18ittwb):after{background-color:var(--color-error)}