.app-input{border:1px solid var(--border);width:100%;min-width:0;color:var(--foreground);border-radius:.375rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:block}.app-input::placeholder{color:var(--muted-foreground)}.app-input:disabled{cursor:not-allowed;opacity:.5}.app-input:focus-visible{outline:none}.app-input--number{appearance:textfield}.app-input--number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app-input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-input[data-variant=form]{background-color:var(--surface-muted);border-color:var(--border);caret-color:var(--accent);margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem;box-shadow:inset 0 1px #ffffff08}.app-input[data-variant=form]:focus-visible{border-color:var(--brand-yellow);box-shadow:inset 0 1px 0 #ffffff08, 0 0 0 2px color-mix(in srgb, var(--brand-yellow) 35%, transparent)}.app-input[data-variant=input]{background-color:var(--background);border-color:var(--border);padding:.5rem .75rem;font-size:.875rem}.app-input[data-variant=input]:focus-visible{border-color:var(--brand-yellow);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-yellow) 30%, transparent)}.app-input[data-variant=inline]{background-color:var(--background);border-color:var(--border);width:auto;padding:.125rem .5rem;font-size:.875rem}.app-input[data-variant=inline]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-yellow) 35%, transparent)}.app-input[data-variant=compact]{background-color:var(--sp-input-bg,var(--background));border-color:var(--sp-input-border,var(--border));height:1.75rem;min-height:1.75rem;color:var(--sp-input-text,var(--foreground));caret-color:var(--sp-input-text,var(--foreground));padding:0 .5rem;font-size:.75rem;line-height:1}.app-input[data-variant=compact]:focus-visible{border-color:#0ea5e9b3}.app-input[data-variant=compact]::placeholder{color:var(--sp-input-placeholder,var(--muted-foreground))}.app-input[data-variant=stageplot]{background-color:var(--sp-input-bg,var(--background));border-color:var(--sp-input-border,var(--border));height:1.75rem;color:var(--sp-input-text,var(--foreground));caret-color:var(--sp-input-text,var(--foreground));padding:0 .5rem;font-size:.75rem}.app-input[data-variant=stageplot]:focus-visible{border-color:#0ea5e9b3}.app-input[data-variant=stageplot]::placeholder{color:var(--sp-input-placeholder,var(--muted-foreground))}.app-input[data-variant=stageplot-search]{background-color:var(--sp-input-bg,var(--background));border-color:var(--sp-input-border,var(--border));height:1.75rem;color:var(--sp-input-text,var(--foreground));caret-color:var(--sp-input-text,var(--foreground));padding:0 .5rem 0 1.75rem;font-size:.6875rem}.app-input[data-variant=stageplot-search]:focus-visible{border-color:#0ea5e9b3}.app-input[data-variant=stageplot-search]::placeholder{color:var(--sp-input-placeholder,var(--muted-foreground))}.app-input[data-variant=cell]{text-align:center;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.app-input[data-variant=cell]:focus-visible{box-shadow:none;outline:none}