@layer components{[data-input-variant]{--_bg:var(--bgE);--_bg-hover:var(--bgE-hover);--_bg-active:var(--bgE-active);--_bg-disabled:var(--bgE-disabled);--_shadow:var(--shadowE);--_shadow-hover:var(--shadowE-hollow);--_shadow-active:var(--shadowE-hollow);--_outline-active:var(--outlineE);min-width:0;max-width:100%;height:var(--height);padding:0 var(--padding);background-color:var(--_bg);color:var(--textE);font-size:var(--font-size);border:2px solid var(--borderE);outline-offset:3px;box-shadow:var(--_shadow);border-radius:.5rem;outline:2px solid #0000;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}[data-input-variant]:where(:not([readonly])):hover{background-color:var(--_bg-hover);border-color:var(--outlineE);box-shadow:var(--_shadow-hover)}[data-input-variant]:focus-visible{background-color:var(--_bg-active);border-color:var(--outlineE);outline-color:var(--_outline-active);box-shadow:var(--_shadow-active)}[data-input-variant]:disabled{background-color:var(--_bg-disabled);color:var(--textE);border-color:var(--borderE-disabled);box-shadow:none;cursor:not-allowed}[data-input-variant][readonly]{cursor:default;border-style:dashed}:is([data-input-variant]:enabled[aria-invalid=true],[data-input-variant]:enabled:user-invalid){background-color:var(--bgE-danger);border-color:var(--borderE-danger)}[data-input-variant=underlined]{--_bg:transparent;--_bg-hover:transparent;--_bg-active:transparent;--_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}[data-input-variant]::placeholder{color:var(--textE-disabled);font-style:italic}[data-input-variant]:autofill{caret-color:var(--textE);-webkit-text-fill-color:var(--textE)}[data-input-variant]:autofill{caret-color:var(--textE);-webkit-text-fill-color:var(--textE)}[data-input-variant]:has(~[data-field-icon=right]){padding-right:calc(var(--padding) + var(--icon-size))}[data-input-variant]:has(~[data-field-icon=left]){padding-left:calc(var(--padding) + var(--icon-size))}textarea[data-input-variant]{--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);field-sizing:content;resize:vertical;line-height:1.5}textarea[data-input-variant]~[data-field-icon]{top:calc(var(--padding) * 1.75)}}
@layer components{input[type=number][data-input-variant]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-input-variant]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-input-variant]{appearance:textfield;width:100%}.number-input-wrapper{--top-pos:calc(50%);--top-translate:translateY(calc(-200% - 2px));width:100%;min-width:0;display:inline-flex;position:relative}.number-input-wrapper[data-has-steps] input[type=number],.number-input-wrapper[data-has-steps] label{padding-right:calc(var(--padding) + var(--height) / 2 - 2px)}[data-has-steps] input[type=number]:has(~[data-field-icon=right]){padding-right:calc(var(--padding) + var(--icon-size) + var(--height) / 2 - 2px)}}