@layer components{[data-field]{align-items:center;gap:calc(var(--font-size) / 2);min-width:0;width:calc(var(--height) * 8);grid-template-columns:1fr;max-width:100%;display:grid}[data-field]>label{margin:calc(var(--padding) / 2);font-size:calc(var(--font-size) * 1.1);order:-1}[data-field]>[data-field-error]{min-height:var(--font-size);height:auto;color:var(--textE-danger);font-size:calc(var(--font-size) * .75);overflow-wrap:anywhere;margin:0;line-height:1.2}[data-field^=floating-]{--label-size-active:.75rem;margin-bottom:var(--font-size);display:inline-block;position:relative}[data-field^=floating-] input{width:100%}[data-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-field^=floating-] [data-field-icon=right]~label{padding-right:var(--icon-size)}[data-field^=floating-] [data-has-step] [data-field-icon=right]~label{padding-right:calc(var(--padding) * .75 + var(--height) / 2 - 2px)}[data-field^=floating-] [data-field-icon=left]~label{left:calc(var(--padding) * 2 / 3 + var(--icon-size));max-width:calc(100% - var(--padding) * 2 - var(--icon-size))}[data-field^=floating-] input::placeholder{color:var(--textE-disabled);font-style:italic;transition:color .15s ease-in-out}[data-field^=floating-] input:not(:focus-visible)::placeholder,[data-field^=floating-] input[readonly]::placeholder{color:#0000}:is([data-field^=floating-] input:focus-visible:where(:not([readonly]))~label,[data-field^=floating-] input:not(:placeholder-shown)~label,[data-field^=floating-] input:autofill~label){color:var(--fg);font-size:var(--label-size-active);line-height:var(--label-size-active)}[data-field^=floating-] input:focus-visible~label{color:var(--add-total-color)}[data-field^=floating-] input:disabled~label{color:var(--textE-disabled)}:is([data-field^=floating-] input:enabled[aria-invalid=true]~label,[data-field^=floating-] input:enabled:user-invalid~label){color:var(--borderE-danger)}[data-field^=floating-] input[data-input-variant=outlined]{border:none;outline-color:#0000}[data-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;position:absolute;inset:-.375rem 0 0;overflow:hidden}[data-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-field^=floating-] fieldset>legend>span{padding:0 calc(var(--padding) / 3);display:inline-block}[data-field^=floating-] input[readonly]~fieldset{border-style:dashed}[data-field^=floating-] input[data-input-variant=outlined]:focus-visible:not([readonly])~label,[data-field^=floating-] input[data-input-variant=outlined]:not(:placeholder-shown)~label{top:1px;left:var(--padding)}[data-field^=floating-] input[data-input-variant=outlined]:focus-visible:not([readonly])~fieldset>legend,[data-field^=floating-] input[data-input-variant=outlined]:not(:placeholder-shown)~fieldset>legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}[data-field^=floating-] input[data-input-variant=outlined]:enabled:hover~fieldset,[data-field^=floating-] input[data-input-variant=outlined]:enabled:focus-visible~fieldset{border-color:var(--add-total-color)}[data-field^=floating-] input[data-input-variant=outlined]:disabled~fieldset{border-color:var(--bgE-disabled)}:is([data-field^=floating-] input[data-input-variant=outlined]:enabled[aria-invalid=true]~fieldset,[data-field^=floating-] input[data-input-variant=outlined]:enabled:user-invalid~fieldset){border-color:var(--borderE-danger)}[data-field^=floating-]>[data-field-error]{position:absolute}[data-field=floating-underlined]{--top-pos:calc(50% + .5rem);--top-translate:translateY(calc(-100% - 2px));padding-top:1rem}[data-field=floating-underlined] label{top:var(--top-pos);left:var(--padding);padding:0}[data-field=floating-underlined] input:focus-visible:not([readonly])~label,[data-field=floating-underlined] input:not(:placeholder-shown)~label{top:1rem;left:calc(var(--padding) / 2);transform:var(--top-translate);font-size:calc(var(--font-size) * .8)}[data-field=floating-underlined] input:autofill~label{top:1rem;left:calc(var(--padding) / 2);transform:var(--top-translate);font-size:calc(var(--font-size) * .8)}[data-field=floating-underlined]>[data-field-icon]{top:var(--top-pos)}.field-control{min-width:0;display:grid;position:relative}[data-field-icon]{top:50%;right:calc(var(--padding) * .75);width:var(--icon-width,var(--icon-size));height:var(--icon-width,var(--icon-size));color:var(--textE);pointer-events:none;display:flex;position:absolute;transform:translateY(-50%)}[data-has-steps] [data-field-icon=right]{right:calc(var(--padding) * .75 + var(--height) / 2 - 2px)}[data-field-icon=left]{right:auto;left:calc(var(--padding) * .75)}@media (min-width:640px){[data-field-position=left]{grid-template-columns:auto 1fr}[data-field-position=left]>[data-field-error]{grid-column:2}}}
@layer components{[data-has-steps] .step-button{--_size:calc(var(--height) / 2 - 2px);right:calc(var(--padding) * .5);width:var(--_size);height:var(--_size);padding:calc(var(--_size) / 8);outline:none;margin:0;display:flex;position:absolute}[data-has-steps] .step-button:hover{color:var(--add-mid-color)}[data-has-steps] .step-button:active{color:var(--add-hard-color);transform:scale(.85)}[data-has-steps] .step-button>svg{min-width:calc(var(--_size) * 7 / 8);width:calc(var(--_size) * 7 / 8);min-height:calc(var(--_size) * 7 / 8);height:calc(var(--_size) * 7 / 8)}.step-button.up{top:.15rem}.step-button.down{bottom:.15rem}[data-has-steps][data-at-max] .step-button.up,[data-has-steps][data-at-min] .step-button.down{color:var(--textE-disabled)}[data-has-steps][data-at-max] .step-button.up:active,[data-has-steps][data-at-min] .step-button.down:active{transform:none}}