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