@layer ui.tokens,ui.base;@layer ui.components{.menu{--menu-item-hover:color-mix(in oklab, var(--ui-color-text) 10%, transparent);--menu-padding:var(--ui-space-2);padding:var(--menu-padding);font-size:var(--ui-text-sm);flex-flow:column wrap;margin:0;list-style:none;display:flex}@scope(.menu) to (.menu){:scope :where(li){flex-flow:column wrap;display:flex;position:relative}:scope :where(li>:is(a,button,label,summary)){align-content:flex-start;align-items:center;gap:var(--ui-space-2);padding:.375rem var(--ui-space-3);border-radius:var(--ui-radius-small);color:inherit;text-align:start;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;text-decoration:none;display:grid}@media (hover:hover){:scope :where(li>:is(a,button,label,summary):hover){background-color:var(--menu-item-hover)}}:scope :where(li[aria-selected=true]>:is(a,button),li>:is(a,button)[aria-current]:not([aria-current=false])){background-color:var(--ui-color-inverse);color:var(--ui-color-on-inverse)}:scope :where(li>:is(a,button):disabled,li>:is(a,button)[aria-disabled=true]){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.menu-title{--menu-title-font-size:var(--ui-text-sm);padding:var(--ui-space-2) var(--ui-space-3);color:var(--ui-color-text-muted);font-size:var(--menu-title-font-size);font-weight:var(--ui-weight-emphasis)}@media (forced-colors:active){:scope :where(li[aria-selected=true]>:is(a,button),li>:is(a,button)[aria-current]:not([aria-current=false])){outline:var(--ui-focus-width) solid Highlight}}}}