.dropdown{display:inline-block;position:relative}.dropdown[data-align=left] .dropdown-menu{left:0}.dropdown[data-align=right] .dropdown-menu{right:0}.dropdown[data-align=center] .dropdown-menu{left:50%;transform:translate(-50%)}.dropdown-trigger{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--white-ghost-100);background-color:var(--black-oil-1000);border:2px solid var(--white-ghost-100);cursor:pointer;transition:all var(--transition-fast);border-radius:2rem;display:inline-flex}.dropdown-trigger:hover:not(:disabled){background:var(--color-bg-secondary)}.dropdown-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.dropdown-trigger:active:not(:disabled){transform:translateY(1px)}.dropdown-trigger[aria-expanded=true]:not(:disabled){background:var(--color-bg-secondary)}.dropdown-trigger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-menu{top:calc(100% + var(--dropdown-offset,4px));z-index:1000;min-width:12rem;padding:var(--spacing-1);background-color:var(--black-oil-900);border:2px solid var(--white-ghost-100);border-radius:.5rem;margin:0;list-style:none;animation:.15s dropdown-fade-in;position:absolute;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--white-ghost-100);text-align:left;cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;background-color:#0000;border:none;border-radius:.375rem;outline:none;display:flex}.dropdown-item:hover:not(:disabled){background-color:var(--black-oil-800);color:var(--white-ghost-100)}.dropdown-item:focus-visible{background-color:var(--black-oil-800);outline:2px solid var(--color-border-focus);outline-offset:2px}.dropdown-item:active:not(:disabled){background-color:var(--black-oil-700)}.dropdown-item--disabled,.dropdown-item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item--destructive{color:var(--safety-orange-500)}.dropdown-item--destructive:hover:not(:disabled){background-color:var(--safety-orange-1000);color:var(--safety-orange-100)}.dropdown-item--destructive:focus-visible{background-color:var(--safety-orange-1000)}.dropdown-item svg,.dropdown-item .icon{flex-shrink:0;width:1rem;height:1rem}.dropdown-separator{height:1px;margin:var(--spacing-1) 0;background-color:var(--white-ghost-100);border:none}.dropdown-label{padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--white-ghost-300);text-transform:uppercase;letter-spacing:.05em}.dropdown-shortcut{padding-left:var(--spacing-4);font-size:var(--font-size-sm);color:var(--white-ghost-300);margin-left:auto}@media (max-width:640px){.dropdown-menu{min-width:10rem;max-width:calc(100vw - 2rem)}}@media (prefers-reduced-motion:reduce){.dropdown-menu{animation:none}.dropdown-trigger,.dropdown-item{transition:none}}