@layer components.dropdown{:host{contain:layout style;display:inline-block;position:relative}:host([open]){z-index:var(--z-index-dropdown,10)}e-hover-indicator{left:0;right:0;top:var(--indicator-top,0);height:var(--indicator-height,0);background:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 15%, transparent) 0%, color-mix(in srgb, var(--color-primary) 5%, transparent) 50%, color-mix(in srgb, var(--color-primary) 15%, transparent) 100%);pointer-events:none;z-index:0;opacity:0;position:absolute}@media (prefers-reduced-motion:no-preference){e-hover-indicator{transition:top .15s cubic-bezier(.4,0,.2,1),height .15s cubic-bezier(.4,0,.2,1),opacity .1s}}e-hover-indicator[active]{opacity:1}e-dropdown-trigger{cursor:pointer;padding:var(--s-2,.25rem);border-radius:var(--border-radius,4px);justify-content:center;align-items:center;display:inline-flex}e-dropdown-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}e-dropdown-menu{background:var(--color-surface,#fff);border:1px solid var(--color-border,#ddd);border-radius:var(--border-radius,4px);min-width:160px;z-index:var(--z-index-dropdown,10);margin-top:var(--s-2,.25rem);display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}:host([open]) e-dropdown-menu{display:block}@media (prefers-reduced-motion:no-preference){e-dropdown-menu{transform-origin:100% 0}:host([open]) e-dropdown-menu{animation:.15s ease-out dropdown-fade-in}@keyframes dropdown-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}:host([invisible]){visibility:hidden}::slotted(e-dropdown-item){justify-content:space-between;align-items:center;gap:var(--s-1,.5rem);padding:var(--s-1,.5rem) var(--s0,1rem);cursor:pointer;white-space:nowrap;color:var(--color-text,#333);z-index:1;display:flex;position:relative}::slotted(e-dropdown-item:hover){background:color-mix(in srgb, var(--color-primary) 10%, transparent)}::slotted(e-dropdown-item:focus-visible){outline:2px solid var(--color-primary);outline-offset:-2px}::slotted(e-dropdown-item:first-child){border-radius:var(--border-radius,4px) var(--border-radius,4px) 0 0}::slotted(e-dropdown-item:last-child){border-radius:0 0 var(--border-radius,4px) var(--border-radius,4px)}::slotted(e-dropdown-item:only-child){border-radius:var(--border-radius,4px)}::slotted(e-dropdown-item[data-active]){color:var(--color-primary)}@media (forced-colors:active){e-dropdown-trigger:focus-visible{outline:2px solid canvastext}e-dropdown-menu{background:canvas;border:2px solid canvastext}e-hover-indicator{background:highlight}::slotted(e-dropdown-item:focus-visible){outline:2px solid highlight}::slotted(e-dropdown-item:hover){color:highlighttext;background:highlight}}}