@layer props{.text-box[data-v-3e308115]:where(kira-component){--size:normal;--square:false}}.text-box:where(kira-component)>div[data-v-3e308115]{border-radius:6px;box-shadow:inset 0 4px 4px color-mix(in oklab,#000,transparent 96%);--height:36px;background-color:var(--inset-bg);border:0;height:36px;overflow:clip;position:relative}@container style(--size: small){.text-box:where(kira-component)>div[data-v-3e308115]{--height:28px;height:28px}}@container style(--size: large){.text-box:where(kira-component)>div[data-v-3e308115]{--height:44px;height:44px}}@container style(--square: true){.text-box:where(kira-component)>div[data-v-3e308115]{border-radius:0}}.text-box:where(kira-component)>div.is-invalid .focus-stripe[data-v-3e308115]{background-color:var(--red)!important;scale:1}.text-box:where(kira-component)>div.is-invalid .leading-icon[data-v-3e308115],.text-box:where(kira-component)>div.is-invalid label[data-v-3e308115]{color:var(--red)!important}.text-box:where(kira-component)>div:focus-within .focus-stripe[data-v-3e308115]{background-color:var(--accent);scale:1}.text-box:where(kira-component)>div:focus-within .leading-icon[data-v-3e308115]{color:var(--accent)}.text-box:where(kira-component)>div.is-disabled[data-v-3e308115]{background-color:color-mix(in oklab,var(--main-fg),transparent 96%);cursor:not-allowed;opacity:.5}.stripe[data-v-3e308115]{height:2px;margin-top:-2px;pointer-events:none;position:absolute;width:100%;z-index:2}.large-stripe[data-v-3e308115]{background-color:color-mix(in oklab,var(--icon-color),transparent 50%);display:none}@container style(--size: large){.large-stripe[data-v-3e308115]{display:block}}.focus-stripe[data-v-3e308115]{background-color:var(--accent);scale:0 1}.wrapper[data-v-3e308115]{align-items:center;display:flex;height:100%}@container style(--size: large){.wrapper[data-v-3e308115]{clip-path:inset(0 0 2px)}}.wrapper>span[data-v-3e308115]:empty{display:none}.wrapper .prefix[data-v-3e308115]{margin-left:12px}.wrapper .suffix.no-trailing-icons[data-v-3e308115]{margin-right:12px}label[data-v-3e308115]{color:var(--icon-color);display:none;margin-left:12px;pointer-events:none;position:absolute;scale:1;transform-origin:left;translate:0;width:100%}@container style(--size: large){label[data-v-3e308115]{display:block}}.leading-icon~label[data-v-3e308115]{margin-left:52px}input[data-v-3e308115]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:6px;color:var(--text-color);display:block;flex-grow:1;font-size:14px;height:100%;margin:0;padding:0;width:0}.prefix:empty~input[data-v-3e308115]{text-indent:12px}input[data-v-3e308115]::-moz-placeholder{color:var(--icon-color)}input[data-v-3e308115]::placeholder{color:var(--icon-color)}input[data-v-3e308115]::-ms-clear,input[data-v-3e308115]::-ms-reveal,input[data-v-3e308115]::-webkit-search-cancel-button{display:none}input:not(:-moz-placeholder)~label[data-v-3e308115]{color:var(--accent);scale:.7;translate:0 -10px}input:focus~label[data-v-3e308115],input:not(:placeholder-shown)~label[data-v-3e308115]{color:var(--accent);scale:.7;translate:0 -10px}.leading-icon~input[data-v-3e308115]{padding-left:40px;text-indent:0!important}@container style(--size: large){.leading-icon~input[data-v-3e308115]{padding-left:52px}input[data-v-3e308115]{padding-top:11px}}@container style(--size: large){input[data-v-3e308115]::-moz-placeholder{color:transparent}input[data-v-3e308115]::placeholder{color:transparent}}input[data-v-3e308115]:invalid::-moz-selection{background-color:var(--red)}input[data-v-3e308115]:invalid::selection{background-color:var(--red)}input[disabled][data-v-3e308115]{cursor:inherit}.leading-icon[data-v-3e308115]{color:var(--icon-color);font-size:24px;margin-left:8px;pointer-events:none;position:absolute}@container style(--size: large){.leading-icon[data-v-3e308115]{margin-left:12px}}.trailing-icons[data-v-3e308115]{align-items:center;display:flex;justify-content:center}input:invalid~.trailing-icons[data-v-3e308115] .icon{color:var(--red)!important}.trailing-icons button[data-v-3e308115-s]{height:var(--height)}[data-v-3e308115] .soft-button{--wrapper-size:var(--height);--ripple-size:calc(var(--height) * 1.3)}