.app-field{width:100%;min-width:0;display:block;position:relative}.app-field-frame{pointer-events:none;border:1px solid var(--border);background:var(--surface);border-radius:.5rem;min-inline-size:0;margin:0;padding:0 .5rem;transition:border-color .16s,box-shadow .16s;position:absolute;inset:0}.app-field-legend{float:unset;white-space:nowrap;visibility:hidden;width:auto;max-width:.01px;height:11px;padding:0;font-size:.656rem;line-height:11px;transition:max-width .16s cubic-bezier(0,0,.2,1);display:block;overflow:hidden}.app-field-legend>span{opacity:0;visibility:visible;padding:0 .3rem;display:inline-block}.app-field-label{z-index:1;max-width:calc(100% - 2.2rem);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform-origin:0;font-size:.875rem;line-height:1.25rem;transition:top .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1),color .16s;position:absolute;top:50%;left:.85rem;overflow:hidden;transform:translateY(-50%)scale(1)}.app-field:focus-within .app-field-legend,.app-field[data-filled=true] .app-field-legend,.app-field[data-open=true] .app-field-legend{max-width:100%}.app-field:has(.app-input:not(:placeholder-shown)) .app-field-legend{max-width:100%}.app-field:has(textarea:not(:placeholder-shown)) .app-field-legend{max-width:100%}.app-field:focus-within .app-field-label,.app-field[data-filled=true] .app-field-label,.app-field[data-open=true] .app-field-label{color:var(--foreground);top:0;transform:translateY(-50%)scale(.75)}.app-field:has(.app-input:not(:placeholder-shown)) .app-field-label{color:var(--foreground);top:0;transform:translateY(-50%)scale(.75)}.app-field:has(textarea:not(:placeholder-shown)) .app-field-label{color:var(--foreground);top:0;transform:translateY(-50%)scale(.75)}.app-field:has(textarea) .app-field-label{top:.85rem;transform:translateY(0)scale(1)}.app-field:has(textarea):focus-within .app-field-label{top:0;transform:translateY(-50%)scale(.75)}.app-field:has(textarea)[data-filled=true] .app-field-label{top:0;transform:translateY(-50%)scale(.75)}.app-field:has(textarea:not(:placeholder-shown)) .app-field-label{top:0;transform:translateY(-50%)scale(.75)}.app-field:focus-within .app-field-label,.app-field[data-open=true] .app-field-label{color:var(--brand-yellow)}.app-field:focus-within .app-field-frame,.app-field[data-open=true] .app-field-frame{border-color:var(--brand-yellow);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-yellow) 30%, transparent)}.app-field[data-disabled=true]{opacity:.55}.app-field .app-time-field{z-index:1;position:relative}.app-field .app-input[data-variant],.app-field .app-select[data-variant] .app-select-trigger,.app-field .app-date-picker-trigger{z-index:1;width:100%;height:2.75rem;box-shadow:none;color:var(--foreground);background:0 0;border:0;border-radius:.45rem;margin:0;padding:0 .85rem;font-size:.875rem;position:relative}.app-field textarea.app-field-area{z-index:1;width:100%;min-height:8.5rem;box-shadow:none;resize:vertical;font:inherit;color:var(--foreground);background:0 0;border:0;border-radius:.45rem;margin:0;padding:.75rem .85rem;font-size:.875rem;line-height:1.45;display:block;position:relative}.app-field .app-input[data-variant]:focus-visible,.app-field .app-select[data-variant] .app-select-trigger:focus-visible,.app-field .app-date-picker-trigger:focus-visible,.app-field textarea.app-field-area:focus-visible{box-shadow:none;border:0;outline:none}.app-field .app-input::placeholder,.app-field textarea.app-field-area::placeholder{color:#0000}.app-field:focus-within .app-input::placeholder,.app-field:focus-within textarea.app-field-area::placeholder{color:var(--muted-foreground)}.app-field .app-select,.app-field .app-date-picker{width:100%}.app-field:not([data-filled=true]):not(:focus-within):not([data-open=true]) .app-select-value,.app-field:not([data-filled=true]):not(:focus-within):not([data-open=true]) .app-date-picker-trigger-empty>span{opacity:0}@media (prefers-reduced-motion:reduce){.app-field-legend,.app-field-label,.app-field-frame{transition:none}}
