@layer m3-components{.m3-menu{--_fs:16px;--_lh:24px;--_ls:.5px;--_h:var(--md-sys-size-touch);--_px:16px;--_gap:12px;--m3-icon-size:var(--md-sys-size-icon-s);--_avail:100vh;--_origin:center;box-sizing:border-box;z-index:var(--md-sys-z-popover);min-width:112px;max-width:calc(min(280px,100vw - 16px));max-height:min(var(--_avail),480px);overscroll-behavior:contain;border-radius:var(--md-sys-shape-menu);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);font-family:var(--md-ref-typeface-plain);transform-origin:var(--_origin);outline:none;padding:8px 4px;overflow-y:auto}.m3-menu--dd{--_avail:var(--reka-dropdown-menu-content-available-height);--_origin:var(--reka-dropdown-menu-content-transform-origin)}.m3-menu[data-side=bottom]{--_ty:-1}.m3-menu[data-side=top]{--_ty:1}.m3-menu[data-side=right]{--_tx:-1}.m3-menu[data-side=left]{--_tx:1}.m3-menu[data-state=open]{animation:m3-menu-in var(--md-sys-motion-t-small-in) both}.m3-menu[data-state=closed]{animation:m3-menu-out var(--md-sys-motion-t-small-out) both}@keyframes m3-menu-in{0%{opacity:0;scale:calc(1 - .04 * var(--md-sys-motion-travel));translate:calc(var(--_tx,0) * 4px * var(--md-sys-motion-travel)) calc(var(--_ty,0) * 4px * var(--md-sys-motion-travel))}}@keyframes m3-menu-out{to{opacity:0;scale:calc(1 - .04 * var(--md-sys-motion-travel));translate:calc(var(--_tx,0) * 4px * var(--md-sys-motion-travel)) calc(var(--_ty,0) * 4px * var(--md-sys-motion-travel))}}.m3-menu__item{--_bg:transparent;--_fg:var(--md-sys-color-on-surface);--_ic:var(--md-sys-color-on-surface-variant);isolation:isolate;align-items:center;gap:var(--_gap);box-sizing:border-box;min-height:var(--_h);padding:0 var(--_px);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--_bg);color:var(--_fg);font:400 var(--_fs)/var(--_lh) var(--md-ref-typeface-plain);letter-spacing:var(--_ls);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-radius var(--md-sys-motion-t-micro),background-color var(--md-sys-motion-t-fx-micro),color var(--md-sys-motion-t-fx-micro);outline:none;margin:0;display:flex;position:relative}.m3-menu__item+.m3-menu__item{margin-top:2px}.m3-menu__item:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-t-state);background:currentColor;position:absolute;inset:0}.m3-menu__item[data-highlighted],.m3-menu__item[data-option][data-state=checked]{border-radius:max(var(--md-sys-shape-nested-min),-4px + var(--md-sys-shape-menu))}.m3-menu__item[data-highlighted]:before{opacity:var(--md-sys-state-focus-opacity)}.m3-menu__item:active:before{opacity:var(--md-sys-state-pressed-opacity);transition-duration:0s}.m3-menu__item .m3-icon{color:var(--_ic)}.m3-menu__item[data-danger]{--_fg:var(--md-sys-color-error);--_ic:var(--md-sys-color-error)}.m3-menu__item[data-option][data-state=checked]{--_bg:var(--md-sys-color-secondary-container);--_fg:var(--md-sys-color-on-secondary-container);--_ic:var(--md-sys-color-on-secondary-container)}.m3-menu__item[data-disabled]{--_fg:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_ic:var(--_fg);pointer-events:none;cursor:default}.m3-menu__lead{width:var(--md-sys-size-icon-s);height:var(--md-sys-size-icon-s);flex:none;justify-content:center;align-items:center;display:inline-flex}.m3-menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.m3-menu__trail{color:var(--md-sys-color-on-surface-variant);font:500 12px/16px var(--md-ref-typeface-plain);letter-spacing:.5px;font-variant-numeric:tabular-nums;flex:none;margin-inline-start:var(--md-sys-space-6)}.m3-menu__sep{background:var(--md-sys-color-outline-variant);height:1px;margin:8px 12px}.m3-menu__heading{padding:8px var(--_px) 4px;color:var(--md-sys-color-on-surface-variant);font:500 12px/16px var(--md-ref-typeface-plain);letter-spacing:.5px}@media (forced-colors:active){.m3-menu{border:1px solid canvastext}.m3-menu__item[data-highlighted]{outline-offset:-2px;outline:2px solid highlight}.m3-menu__item[data-option][data-state=checked]{outline-offset:-1px;outline:1px solid canvastext}}}@layer m3-density{:root[data-density=compact] .m3-menu{--_h:36px;--_fs:14px;--_lh:20px;--_ls:.25px;--_px:12px;--_gap:8px;padding-block:6px}}
