@layer components{[data-uc-field]{min-width:0;width:calc(var(--height) * 7);align-items:center;max-width:100%;display:grid}[data-uc-field] [data-uc-adornment]{width:var(--icon-width,var(--icon-size));height:var(--icon-width,var(--icon-size));margin:0 calc(var(--padding) / 3);color:var(--textE);pointer-events:none;flex-shrink:0}[data-uc-field] label{padding:calc(var(--padding) / 2);font-size:calc(var(--font-size) * 1.1)}[data-uc-field]>[data-uc-field-error]{min-height:var(--font-size);max-height:var(--font-size);color:var(--textE-danger);font-size:calc(var(--font-size) * .75);overflow-wrap:anywhere;line-height:1.2}[data-uc-field^=floating-]{--label-size-active:.75rem;display:inline-block;position:relative}[data-uc-field^=floating-] label{top:50%;left:calc(var(--padding) * 2 / 3);max-width:calc(100% - var(--padding) * 2);padding:0 calc(var(--padding) / 3);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;margin:0;transition:top .2s ease-in-out,left .2s ease-in-out,transform .2s ease-in-out,font-size .2s ease-in-out,color .3s ease-in-out;position:absolute;overflow:hidden;transform:translateY(-50%)}[data-uc-field^=floating-] input:not(:focus-visible)::placeholder,[data-uc-field^=floating-] input[readonly]::placeholder{color:#0000}:is([data-uc-field^=floating-] input:focus-visible:where(:not([readonly]))~label,[data-uc-field^=floating-] input:not(:placeholder-shown)~label,[data-uc-field^=floating-] input:autofill~label){color:var(--fg);font-size:var(--label-size-active);line-height:var(--label-size-active)}[data-uc-field^=floating-] input:focus-visible~label{color:var(--add-total-color)}[data-uc-field^=floating-] input:disabled~label{color:var(--textE-disabled)}:is([data-uc-field^=floating-] input:enabled[aria-invalid=true]~label,[data-uc-field^=floating-] input:enabled:user-invalid~label){color:var(--borderE-danger)}[data-uc-field^=floating-] fieldset{min-width:0;padding:0 var(--padding);border:2px solid var(--add-light-color);pointer-events:none;border-radius:.5rem;margin:0;transition:border-color .3s ease-in-out;position:absolute;inset:-.375rem 0 0;overflow:hidden}[data-uc-field^=floating-] fieldset>legend{float:none;width:auto;max-width:.01px;height:var(--label-size-active);font-size:var(--label-size-active);line-height:var(--label-size-active);white-space:nowrap;visibility:hidden;margin:0;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1);display:block;overflow:hidden}[data-uc-field^=floating-] fieldset>legend>span{padding:0 calc(var(--padding) / 3);display:inline-block}[data-uc-field^=floating-] input[readonly]~fieldset{border-style:dashed}[data-uc-field=floating-outlined]>[data-uc-input-wrapper]{border:none;outline:none}[data-uc-field=floating-outlined] input:focus-visible:not([readonly])~label,[data-uc-field=floating-outlined] input:not(:placeholder-shown)~label{top:1px;left:var(--padding)}[data-uc-field=floating-outlined] input:focus-visible:not([readonly])~fieldset>legend,[data-uc-field=floating-outlined] input:not(:placeholder-shown)~fieldset>legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}[data-uc-field=floating-outlined] input:enabled:hover~fieldset,[data-uc-field=floating-outlined] input:enabled:focus-visible~fieldset{border-color:var(--add-total-color)}[data-uc-field=floating-outlined] input:disabled~fieldset{border-color:var(--bgE-disabled)}:is([data-uc-field=floating-outlined] input:enabled[aria-invalid=true]~fieldset,[data-uc-field=floating-outlined] input:enabled:user-invalid~fieldset){border-color:var(--borderE-danger)}[data-uc-field=floating-underlined]{padding-top:calc(var(--font-size) * .9)}[data-uc-field=floating-underlined] input:focus-visible:not([readonly])~label,[data-uc-field=floating-underlined] input:not(:placeholder-shown)~label{transform:translateY(-300%) translateX(calc(-1 * var(--padding) / 2));font-size:calc(var(--font-size) * .8)}[data-uc-field=floating-underlined] input:autofill~label{transform:translateY(-300%) translateX(calc(-1 * var(--padding) / 2));font-size:calc(var(--font-size) * .8)}@media (forced-colors:active){[data-uc-field^=floating-]{transition:none}[data-uc-field^=floating-] input:enabled:hover~fieldset,[data-uc-field^=floating-] input:enabled:focus-visible~fieldset{border-color:highlight;transition:none}[data-uc-field^=floating-] input:disabled~fieldset{border-color:graytext;transition:none}[data-uc-field^=floating-] input:disabled~label{color:graytext}}@media (min-width:640px){[data-uc-field-position=left]{grid-template-columns:auto 1fr}[data-uc-field-position=left]>[data-uc-field-error]{grid-column:2}}}
@layer components{[data-uc-input-wrapper]{--bg:var(--bgE);--bg-hover:var(--bgE-hover);--bg-active:var(--bgE-active);--bg-disabled:var(--bgE-disabled);--text:var(--textE);--text-disabled:var(--textE);--text-placeholder:var(--textE-disabled);--border:var(--borderE);--border-hover:var(--outlineE);--border-active:var(--outlineE);--border-disabled:var(--borderE-disabled);--shadow:var(--shadowE);--shadow-hover:var(--shadowE-hollow);--shadow-active:var(--shadowE-hollow);--outline:transparent;--outline-active:var(--outlineE);background-color:var(--bg);min-width:0;max-width:100%;color:var(--text);border:2px solid var(--border);outline:2px solid var(--outline);outline-offset:3px;box-shadow:var(--shadow);border-radius:.5rem;align-items:center;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out,outline-color .3s ease-in-out;display:flex;position:relative}[data-uc-input-wrapper]>input{width:100%;min-width:0;max-width:100%;height:var(--height);padding:0 var(--padding);color:inherit;font-size:var(--font-size);border-radius:inherit;cursor:inherit;background-color:#0000;border:none;outline:none;line-height:1.5}[data-uc-input-wrapper]>textarea{--pad-block:calc(var(--padding) * .75);--extra:calc(2 * var(--pad-block) + 4px);min-width:0;max-width:100%;min-height:calc(var(--rows-min) * 1lh + var(--extra));height:auto;max-height:calc(var(--rows-max) * 1lh + var(--extra));padding:var(--pad-block) var(--padding);color:inherit;font-size:var(--font-size);cursor:inherit;field-sizing:content;resize:vertical;background-color:#0000;border:none;border-radius:.5rem;outline:none;line-height:1.5}[data-uc-input-wrapper]>input::placeholder,[data-uc-input-wrapper]>textarea::placeholder{color:var(--text-placeholder);font-style:italic;transition:color .15s ease-in-out}:-webkit-any([data-uc-input-wrapper]>input:autofill,[data-uc-input-wrapper]>textarea:autofill){caret-color:var(--text);-webkit-text-fill-color:var(--text)}:is([data-uc-input-wrapper]>input:autofill,[data-uc-input-wrapper]>textarea:autofill){caret-color:var(--text);-webkit-text-fill-color:var(--text)}[data-uc-input-wrapper]:has(>[data-uc-adornment=left]) input,[data-uc-input-wrapper]:has(>[data-uc-adornment=left]) textarea{padding-left:0}[data-uc-input-wrapper]:has(>[data-uc-adornment=right]) input,[data-uc-input-wrapper]:has(>[data-uc-adornment=right]) textarea{padding-right:0}[data-uc-input-wrapper]:is(:hover,:has(>:hover)){background-color:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-hover)}[data-uc-input-wrapper]:has(>[readonly]){background-color:var(--bg);border-color:var(--border);box-shadow:var(--shadow);cursor:default;border-style:dashed}[data-uc-input-wrapper]:focus-within{background-color:var(--bg-active);border-color:var(--border-active);outline-color:var(--outline-active);box-shadow:var(--shadow-active)}[data-uc-input-wrapper]:has(>:disabled){background-color:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-disabled);box-shadow:none;cursor:not-allowed}[data-uc-input-wrapper]:has(>:enabled[aria-invalid=true],>:enabled:user-invalid){--bg:var(--bgE-danger);--bg-hover:var(--bgE-danger-active);--bg-active:var(--bgE-danger-active);--border:var(--borderE-danger);--border-hover:var(--borderE-danger-active);--border-active:var(--borderE-danger-active)}[data-uc-input-wrapper=underlined]{--bg:var(--add-nothing-color);--bg-hover:var(--add-nothing-color);--bg-active:var(--add-nothing-color);--bg-disabled:transparent;--shadow-hover:var(--shadowE);--shadow-active:3px 3px 10px 5px var(--add-minor-color);--outline-active:transparent;border-width:0 0 2px;border-radius:0}@media (forced-colors:active){[data-uc-input-wrapper]{outline:none;transition:none}[data-uc-input-wrapper]:is(:hover,:has(>:hover)){border-color:highlight}[data-uc-input-wrapper]:has(>[readonly]){border-color:var(--border)}[data-uc-input-wrapper]:focus-within{outline-offset:3px;border-color:highlight;outline:2px solid highlight}[data-uc-input-wrapper]:has(>:disabled){color:graytext;border-color:graytext}}}