.app-select{width:100%;min-width:0;display:block;position:relative}.app-select-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.app-select-trigger:disabled{cursor:not-allowed;opacity:.5}.app-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-select-chevron{opacity:.65;flex-shrink:0;width:1rem;height:1rem;transition:transform .22s cubic-bezier(.33,.08,.18,1)}.app-select--open .app-select-chevron{transform:rotate(180deg)}.app-select-list{overscroll-behavior:contain;border:1px solid var(--border);background-color:var(--surface);border-radius:.5rem;margin:0;padding:.25rem;list-style:none;overflow-y:auto;box-shadow:0 8px 22px #03071224}.app-select-list--portal{--dropdown-ease:cubic-bezier(.33, .08, .18, 1);--dropdown-ease-exit:cubic-bezier(.4, 0, .2, 1);transform-origin:top;opacity:1;clip-path:inset(0);transition:opacity .16s var(--dropdown-ease), transform .2s var(--dropdown-ease), clip-path .2s var(--dropdown-ease);transform:translateY(0)}.app-select-list--portal[data-state=open]{opacity:1;clip-path:inset(0);transform:translateY(0)}@starting-style{.app-select-list--portal[data-state=open]{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-10px)}}.app-select-list--portal[data-state=closed]{opacity:0;clip-path:inset(0 0 100%);pointer-events:none;transition-duration:.15s;transition-timing-function:var(--dropdown-ease-exit);transform:translateY(-10px)}.app-select-list--portal[data-placement=top]{transform-origin:bottom}.app-select-list--portal[data-placement=top][data-state=open]{clip-path:inset(0);transform:translateY(0)}@starting-style{.app-select-list--portal[data-placement=top][data-state=open]{clip-path:inset(100% 0 0);transform:translateY(10px)}}.app-select-list--portal[data-placement=top][data-state=closed]{clip-path:inset(100% 0 0);transform:translateY(10px)}.app-select-option{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem .625rem .5rem 2rem;transition:background-color .22s;display:flex;position:relative}.app-select-option-indicator{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex;position:absolute;left:.5rem}.app-select-option-indicator svg{width:1rem;height:1rem}.app-select-option-label{flex:1;min-width:0}.app-select-option:hover:not(:disabled),.app-select-option:focus-visible{background-color:color-mix(in srgb, var(--surface-muted) 85%, transparent);outline:none}.app-select-option:disabled{cursor:not-allowed;opacity:.45}.app-select-option--selected{background-color:color-mix(in srgb, var(--brand-yellow) 14%, transparent);color:var(--brand-yellow)}.app-select-option--selected:hover:not(:disabled),.app-select-option--selected:focus-visible{background-color:color-mix(in srgb, var(--brand-yellow) 20%, transparent)}.app-select[data-variant=form] .app-select-trigger{border:1px solid var(--border);background-color:var(--surface-muted);color:var(--foreground);border-radius:.375rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem;box-shadow:inset 0 1px #ffffff08}.app-select[data-variant=form] .app-select-trigger: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);outline:none}.app-select[data-variant=input] .app-select-trigger{border:1px solid var(--border);background-color:var(--background);color:var(--foreground);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.app-select[data-variant=input] .app-select-trigger:focus-visible{border-color:var(--brand-yellow);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-yellow) 30%, transparent);outline:none}.app-select[data-variant=inline] .app-select-trigger{border:1px solid var(--border);background-color:var(--background);color:var(--foreground);border-radius:.25rem;padding:.125rem .5rem;font-size:.875rem}.app-select[data-variant=inline] .app-select-trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-yellow) 35%, transparent);outline:none}.app-select[data-variant=ghost] .app-select-trigger{color:inherit;background-color:#0000;border:1px solid #0000;border-radius:.25rem;padding:.125rem .25rem;font-size:.75rem}.app-select[data-variant=ghost] .app-select-trigger:focus-visible{border-color:color-mix(in srgb, var(--brand-yellow) 35%, transparent);outline:none}.app-select[data-variant=small]{width:auto;min-width:5.75rem}.app-select[data-variant=small] .app-select-trigger{border:1px solid var(--border);background-color:var(--surface);height:2.25rem;color:var(--foreground);border-radius:.55rem;padding:0 .55rem 0 .7rem;font-size:.8125rem;font-weight:550}.app-select[data-variant=small] .app-select-trigger:focus-visible{border-color:var(--brand-yellow);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-yellow) 30%, transparent);outline:none}.app-select[data-variant=small] .app-select-prefix{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);flex:none;font-size:.65rem;font-weight:650}.app-select[data-variant=small] .app-select-list,.app-select-list--portal[data-variant=small]{min-width:10rem}.app-select[data-variant=small] .app-select-option,.app-select-list--portal[data-variant=small] .app-select-option{padding-block:.4rem;padding-right:.55rem;font-size:.8125rem}.app-select[data-variant=ghost] .app-select-list,.app-select-list--portal[data-variant=ghost]{min-width:10rem}.app-select[data-variant=sidebar] .app-select-trigger{letter-spacing:.01em;height:100%;min-height:0;color:inherit;background-color:#0000;border:0;border-radius:0;padding:0;font-size:.9rem;font-weight:550}.app-select[data-variant=sidebar] .app-select-trigger:focus-visible{outline:none}.app-select[data-variant=sidebar] .app-select-chevron{opacity:.7;width:.9rem;height:.9rem}.app-select-list--portal[data-variant=sidebar]{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--nav-border,var(--border)));background:color-mix(in srgb, var(--surface) 96%, transparent);min-width:12.5rem;box-shadow:0 8px 22px color-mix(in srgb, var(--foreground) 7%, transparent), 0 1px 0 color-mix(in srgb, var(--foreground) 4%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:.5rem;padding:.2rem}.app-select-list--portal[data-variant=sidebar] .app-select-option{letter-spacing:.01em;color:var(--muted-foreground);border-radius:.375rem;padding:.5rem .7rem .5rem 2rem;font-size:.9rem;font-weight:550}.app-select-list--portal[data-variant=sidebar] .app-select-option:hover:not(:disabled),.app-select-list--portal[data-variant=sidebar] .app-select-option:focus-visible{color:var(--foreground);background-color:color-mix(in srgb, var(--accent) 10%, transparent)}.app-select-list--portal[data-variant=sidebar] .app-select-option--selected{color:var(--foreground);background-color:color-mix(in srgb, var(--accent) 14%, transparent)}.app-select-list--portal[data-variant=sidebar] .app-select-option--selected:hover:not(:disabled),.app-select-list--portal[data-variant=sidebar] .app-select-option--selected:focus-visible{background-color:color-mix(in srgb, var(--accent) 18%, transparent)}.app-select[data-variant=compact] .app-select-trigger{border:1px solid var(--sp-input-border,var(--border));background-color:var(--sp-input-bg,var(--background));height:1.75rem;min-height:1.75rem;color:var(--sp-input-text,var(--foreground));border-radius:.375rem;padding:0 .5rem;font-size:.75rem;line-height:1}.app-select[data-variant=compact] .app-select-trigger:focus-visible{border-color:#0ea5e9b3;outline:none}.app-select[data-variant=compact] .app-select-list,.app-select-list--portal[data-variant=compact]{border-color:var(--sp-input-border,var(--border));background-color:var(--sp-input-bg,var(--surface))}.app-select[data-variant=compact] .app-select-option,.app-select-list--portal[data-variant=compact] .app-select-option{padding-block:.375rem;padding-right:.5rem;font-size:.75rem}.app-select[data-variant=stageplot] .app-select-trigger{border:1px solid var(--sp-input-border,var(--border));background-color:var(--sp-input-bg,var(--background));height:1.75rem;color:var(--sp-input-text,var(--foreground));border-radius:.375rem;padding:0 .5rem;font-size:.75rem}.app-select[data-variant=stageplot] .app-select-trigger:focus-visible{border-color:#0ea5e9b3;outline:none}.app-select[data-variant=stageplot] .app-select-list,.app-select-list--portal[data-variant=stageplot]{border-color:var(--sp-input-border,var(--border));background-color:#18181b}.app-select[data-variant=stageplot] .app-select-option,.app-select-list--portal[data-variant=stageplot] .app-select-option{padding-block:.375rem;color:var(--sp-input-text,var(--foreground));padding-right:.5rem;font-size:.75rem}.app-select[data-variant=form] .app-select-option,.app-select[data-variant=input] .app-select-option,.app-select[data-variant=inline] .app-select-option,.app-select-list--portal[data-variant=form] .app-select-option,.app-select-list--portal[data-variant=input] .app-select-option,.app-select-list--portal[data-variant=inline] .app-select-option{padding:.5rem .625rem .5rem 2rem;font-size:.875rem}.app-select[data-variant=ghost] .app-select-option,.app-select-list--portal[data-variant=ghost] .app-select-option{padding:.375rem .5rem .375rem 1.85rem;font-size:.75rem}@media (max-width:768px){.app-select-list--portal{max-width:calc(100vw - 1rem)}}@media (prefers-reduced-motion:reduce){.app-select-list--portal{transition:none!important}.app-select-list--portal[data-state=closed],.app-select-list--portal[data-state=open]{clip-path:none;opacity:1;transform:none}.app-select-list--portal[data-state=closed]{opacity:0}}
