.dropdown-trigger.svelte-962c9z{cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;border:1px solid var(--color-foreground-level-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:.25rem;justify-content:space-between;transition:border-color .3s,background-color .3s;max-width:22rem}.dropdown-trigger.svelte-962c9z .name:where(.svelte-962c9z){flex-grow:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-trigger.has-selection.svelte-962c9z{background-color:var(--color-primary-level-1);border-color:var(--color-primary-level-3)}.spinner.svelte-962c9z{padding:1rem;display:flex;justify-content:center}.dropdown-content.svelte-962c9z{background-color:var(--color-background);border:1px solid var(--color-foreground-level-3);border-radius:.5rem;box-shadow:var(--shadow-elevation-4);padding:0;z-index:5;transition:opacity .2s ease-in-out,transform .2s ease-in-out,overlay .2s ease-in-out allow-discrete,display .2s ease-in-out allow-discrete;opacity:0;transform:translateY(.25rem)}.dropdown-content.svelte-962c9z .search-bar:where(.svelte-962c9z){width:100%;box-sizing:border-box;display:flex;border-bottom:1px solid var(--color-foreground-level-3);outline:none}.search-bar.svelte-962c9z input:where(.svelte-962c9z){width:calc(100% - 2rem);border:none;padding:.5rem;outline:none;background:none;font-size:1rem;color:var(--color-foreground)}.dropdown-content.svelte-962c9z:popover-open{opacity:1;transform:translateY(0)}.option.svelte-962c9z{height:2.5rem;flex-shrink:0}@starting-style{.dropdown-content.svelte-962c9z:popover-open{opacity:0;transform:translateY(.25rem)}}.options-list.svelte-962c9z{max-height:15rem;overflow-y:auto;display:flex;flex-direction:column;min-width:0}.dropdown-options.svelte-962c9z button:where(.svelte-962c9z){min-width:0;padding:.5rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-options.svelte-962c9z button:where(.svelte-962c9z):hover{background-color:var(--color-foreground-level-1)}@keyframes svelte-962c9z-fadeIn{0%{opacity:0}to{opacity:1}}.chevron.svelte-962c9z{transform:rotate(0);transition:transform .3s}.chevron.rotated.svelte-962c9z{transform:rotate(-180deg)}