.mirror-input[data-disabled=true]{cursor:var(--mirror-input-disabled-cursor,not-allowed)}.m-input{--m-input-padding:calc(var(--spacing)*4);--m-input-padding-label:var(--spacing);--m-input-padding-slot:var(--spacing);--m-input-gap-label:var(--spacing);--m-input-font-size:var(--app-font-size-text-lg);--m-input-font-size-label:var(--app-font-size-text-2xs);--m-input-symbol:calc(var(--spacing)*4.5);--m-input-blur:1rem;font-family:var(--app-font-family-text);outline-color:var(--app-color-primary-border-muted);outline-offset:calc(var(--app-dimension-border)*-1);outline-style:solid;outline-width:var(--app-dimension-border);padding-inline:var(--m-input-padding)}.m-input *{transition:all .1s linear}.m-input[data-size=xs]{--m-input-padding:calc(var(--spacing)*2);--m-input-gap-label:calc(var(--spacing)*.5);--m-input-font-size:var(--app-font-size-text-sm);--m-input-font-size-label:var(--app-font-size-text-3xs);--m-input-symbol:calc(var(--spacing)*3.5)}.m-input[data-size=sm]{--m-input-padding:calc(var(--spacing)*3);--m-input-gap-label:calc(var(--spacing)*.75);--m-input-font-size:var(--app-font-size-text-md);--m-input-font-size-label:var(--app-font-size-text-2xs);--m-input-symbol:calc(var(--spacing)*4)}.m-input[data-size=md]{--m-input-padding:calc(var(--spacing)*4);--m-input-gap-label:var(--spacing);--m-input-font-size:var(--app-font-size-text-lg);--m-input-font-size-label:var(--app-font-size-text-2xs);--m-input-symbol:calc(var(--spacing)*4.5)}.m-input[data-size=lg]{--m-input-padding:calc(var(--spacing)*5);--m-input-gap-label:calc(var(--spacing)*1.25);--m-input-font-size:var(--app-font-size-text-xl);--m-input-font-size-label:var(--app-font-size-text-2xs);--m-input-symbol:calc(var(--spacing)*5)}.m-input .m-input__target{border-radius:inherit;outline-style:solid;outline-color:#0000;position:absolute;inset:0}.m-input .m-input__field{height:100%;max-height:100%;padding-inline:var(--m-input-padding-label);flex-direction:column-reverse;justify-content:center;align-items:center;gap:0;width:100%;display:flex;position:relative}.m-input:not([data-simple=true]) .m-input__control{align-items:flex-end;width:100%;height:0;display:flex;position:relative}.m-input[data-focused=true]{outline-color:var(--app-color-focus-border)}.m-input:has(.m-input__field:focus-within){outline-color:var(--app-color-focus-border)}.m-input[data-focused=true] .m-input__field{gap:var(--m-input-gap-label)}.m-input:has(.m-input__field:focus-within) .m-input__field{gap:var(--m-input-gap-label)}.m-input[data-focused=true] .m-input__target{outline-color:var(--app-color-focus-outline);outline-width:var(--app-dimension-outline-focus)}.m-input:has(.m-input__field:focus-within) .m-input__target{outline-color:var(--app-color-focus-outline);outline-width:var(--app-dimension-outline-focus)}.m-input:has(input:not(:-moz-placeholder-shown)) .m-input__field{gap:var(--m-input-gap-label)}.m-input[data-filled=true] .m-input__field{gap:var(--m-input-gap-label)}.m-input:has(input:not(:placeholder-shown)) .m-input__field{gap:var(--m-input-gap-label)}.m-input:not([data-simple=true]) .m-input__control:has(input:not(:-moz-placeholder-shown))+.m-input__label{cursor:auto;font-size:var(--m-input-font-size-label);font-weight:var(--app-font-weight-text);height:auto}.m-input:not([data-simple=true]) .m-input__field:focus-within>.m-input__label,.m-input:not([data-simple=true])[data-filled=true] .m-input__label{cursor:auto;font-size:var(--m-input-font-size-label);font-weight:var(--app-font-weight-text);height:auto}.m-input:not([data-simple=true]) .m-input__control:has(input:not(:placeholder-shown))+.m-input__label{cursor:auto;font-size:var(--m-input-font-size-label);font-weight:var(--app-font-weight-text);height:auto}.m-input:not([data-simple=true]) .m-input__control:has(input:not(:-moz-placeholder-shown)){height:var(--m-input-font-size)}.m-input:not([data-simple=true]) .m-input__field:focus-within>.m-input__control,.m-input:not([data-simple=true])[data-filled=true] .m-input__control{height:var(--m-input-font-size)}.m-input:not([data-simple=true]) .m-input__control:has(input:not(:placeholder-shown)){height:var(--m-input-font-size)}.m-input .m-input__control input{appearance:none;font-size:var(--m-input-font-size);font-weight:var(--app-font-weight-text);height:0;letter-spacing:var(--app-letter-spacing);text-transform:var(--app-text-case);background:0 0;width:100%;line-height:normal;display:block}.m-input .m-input__control input::placeholder{color:#0000}.m-input .m-input__control input:autofill{-webkit-text-fill-color:var(--app-color-primary-fg-solid);caret-color:var(--app-color-primary-fg-solid);-webkit-background-clip:text!important;background-clip:text!important}.m-input .m-input__control input:not(:-moz-placeholder-shown){outline:none;height:1lh}.m-input .m-input__control input:focus,.m-input .m-input__control input:not(:placeholder-shown){outline:none;height:1lh}.m-input .m-input__control input[type=number]{-moz-appearance:textfield}.m-input .m-input__control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.m-input .m-input__control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.m-input .m-input__label{cursor:text;font-size:var(--m-input-font-size);font-weight:var(--app-font-weight-text);align-items:center;width:100%;height:100%;line-height:normal;display:flex}.m-input .m-input__end,.m-input .m-input__start{cursor:default;white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.m-input:is(:has(svg),[data-icon-start=true],[data-icon-end=true]) svg{width:var(--m-input-symbol)}.m-input[data-slot-start=true]:not([data-icon-start=true],[data-icon-end=true]){padding-left:calc(var(--m-input-padding-slot) + var(--app-dimension-border))}.m-input[data-slot-end=true]:not([data-icon-start=true],[data-icon-end=true]){padding-right:calc(var(--m-input-padding-slot) + var(--app-dimension-border))}.m-input>.m-input__end,.m-input>.m-input__start{color:var(--app-color-primary-fg-muted)}.m-input .m-input__control{color:var(--app-color-primary-fg-solid);background:0 0}.m-input .m-input__label{color:var(--app-color-primary-fg-muted)}:-moz-any(.m-input:has(input:not(:-moz-placeholder-shown))>.m-input__end,.m-input:has(input:not(:-moz-placeholder-shown))>.m-input__start),.m-input[data-filled=true]>.m-input__end,.m-input[data-filled=true]>.m-input__start{color:var(--app-color-primary-fg-solid)}:is(.m-input:has(input:not(:placeholder-shown))>.m-input__end,.m-input:has(input:not(:placeholder-shown))>.m-input__start),.m-input[data-filled=true]>.m-input__end,.m-input[data-filled=true]>.m-input__start{color:var(--app-color-primary-fg-solid)}.m-input:has(input:not(:placeholder-shown))>.m-input__end{color:var(--app-color-primary-fg-solid)}.m-input:has(input:not(:placeholder-shown))>.m-input__start{color:var(--app-color-primary-fg-solid)}.m-input[data-simple=true] .m-input__field{height:100%;transition:color .1s linear}.m-input[data-simple=true] .m-input__control{position:absolute;inset:0}.m-input[data-simple=true] .m-input__control input{font-size:var(--m-input-font-size);font-weight:var(--app-font-weight-text);height:100%;inset-block:0;inset-inline:var(--m-input-padding-label);line-height:normal;transition:color .1s linear;position:absolute}.m-input[data-simple=true] .m-input__label{font-size:var(--m-input-font-size);font-weight:var(--app-font-weight-text);transform:unset;line-height:normal}.m-input[data-simple=true] .m-input__control:has(input:not(:-moz-placeholder-shown))+.m-input__label{display:none}.m-input[data-simple=true] .m-input__field:focus-within>.m-input__label,.m-input[data-simple=true][data-filled=true] .m-input__label{display:none}.m-input[data-simple=true] .m-input__control:has(input:not(:placeholder-shown))+.m-input__label{display:none}.m-input[data-blur=true]{-webkit-backdrop-filter:blur(var(--m-input-blur));backdrop-filter:blur(var(--m-input-blur))}.m-input[data-error=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true]){background:var(--app-color-danger-bg-subtle);outline-color:var(--app-color-danger-border-muted)}:is(.m-input[data-error=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true])>.m-input__end,.m-input[data-error=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true])>.m-input__start){color:var(--app-color-danger-fg-muted);pointer-events:none}.m-input[data-error=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true]) .m-input__control{color:var(--app-color-danger-fg-on-subtle);background:0 0}.m-input[data-error=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true]) .m-input__label{color:var(--app-color-danger-fg-muted)}:is(.m-input[data-error=true][data-filled=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true])>.m-input__end,.m-input[data-error=true][data-filled=true]:not(:has(.m-input__field:focus-within)):not([data-focused=true])>.m-input__start){color:var(--app-color-danger-fg-on-subtle)}.m-input[data-disabled=true]{cursor:not-allowed;outline-color:var(--app-color-disabled-border-subtle);background:0 0}.m-input:has(input:disabled){cursor:not-allowed;outline-color:var(--app-color-disabled-border-subtle);background:0 0}.m-input[data-disabled=true] .m-input__field,.m-input[data-disabled=true]>.m-input__end,.m-input[data-disabled=true]>.m-input__start{pointer-events:none}.m-input:has(input:disabled) .m-input__field{pointer-events:none}.m-input:has(input:disabled)>.m-input__end{pointer-events:none}.m-input:has(input:disabled)>.m-input__start{pointer-events:none}.m-input[data-disabled=true] .m-input__label{color:var(--app-color-disabled-fg-muted);cursor:not-allowed}.m-input:has(input:disabled) .m-input__label{color:var(--app-color-disabled-fg-muted);cursor:not-allowed}.m-input[data-disabled=true]>.m-input__end,.m-input[data-disabled=true]>.m-input__start{color:var(--app-color-disabled-fg-muted)}.m-input:has(input:disabled)>.m-input__end{color:var(--app-color-disabled-fg-muted)}.m-input:has(input:disabled)>.m-input__start{color:var(--app-color-disabled-fg-muted)}.m-input[data-disabled=true] .m-input__control{color:var(--app-color-disabled-fg-solid);background:0 0}.m-input:has(input:disabled) .m-input__control{color:var(--app-color-disabled-fg-solid);background:0 0}.m-input[data-disabled=true][data-filled=true]>.m-input__end,.m-input[data-disabled=true][data-filled=true]>.m-input__start{color:var(--app-color-disabled-fg-solid)}