@layer components{.md3-menu-positioner{z-index:var(--md3-popup-z-index,var(--md-ref-z-index-popover));outline:none}.md3-menu-popup{box-sizing:border-box;min-width:112px;max-width:280px;max-height:var(--available-height);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);--_clip-hidden:inset(0 -24px 100% -24px);clip-path:inset(-24px);transition:clip-path var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-fast-spatial), opacity var(--md-sys-motion-duration-short1) linear;outline:none;padding-block:8px;overflow-y:auto}.md3-menu-popup[data-side=top]{--_clip-hidden:inset(100% -24px 0 -24px)}.md3-menu-popup[data-starting-style]{clip-path:var(--_clip-hidden);opacity:0}.md3-menu-popup[data-ending-style]{clip-path:var(--_clip-hidden);opacity:0;transition:clip-path var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate), opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate)}.md3-menu-popup[data-instant]{transition:none}.md3-menu-popup[data-density="-1"]{--_density:-1}.md3-menu-popup[data-density="-2"]{--_density:-2}.md3-menu-popup[data-density="-3"]{--_density:-3}.md3-menu-item{--_icon-color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;isolation:isolate;min-height:calc(var(--_item-height,48px) + var(--_density,0) * 4px);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;align-items:center;gap:12px;padding-inline:12px;text-decoration:none;display:flex;position:relative}.md3-menu-stateLayer{z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.md3-menu-stateLayer:before{content:"";opacity:0;background:currentColor;transition:opacity 15ms linear;position:absolute;inset:0}.md3-menu-item:is([data-highlighted],[data-popup-open]) .md3-menu-stateLayer:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-menu-item:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md3-menu-icon{block-size:24px;inline-size:24px;color:var(--_icon-color);flex-shrink:0;font-size:24px;display:inline-flex}.md3-menu-popup:has(.md3-menu-item>.md3-menu-icon:not([data-indicator])) .md3-menu-item:not(:has(>.md3-menu-icon)){padding-inline-start:48px}.md3-menu-icon>*{block-size:100%;inline-size:100%}.md3-menu-label{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0;overflow:hidden}.md3-menu-trailing{align-items:center;gap:12px;margin-inline-start:auto;display:inline-flex}.md3-menu-trailingText{color:var(--md-sys-color-on-surface-variant)}.md3-menu-item[data-checked]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);--_icon-color:currentColor}.md3-menu-item[data-checked] .md3-menu-trailingText{color:inherit}.md3-menu-item[data-disabled]{cursor:default;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent);--_icon-color:currentColor}.md3-menu-item[data-disabled] .md3-menu-trailingText{color:inherit}.md3-menu-groupLabel{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);padding-block:8px;padding-inline:12px}.md3-menu-separator{background:var(--md-sys-color-outline-variant);height:1px;margin-block:8px}.md3-menu-popup[data-variant=segmented]{--_item-height:44px;box-shadow:none;filter:drop-shadow(0 1px 2px #0000004d)drop-shadow(0 2px 8px #00000026);background:0 0;border-radius:0;flex-direction:column;gap:2px;padding-block:0;display:flex}.md3-menu-popup[data-variant=segmented] .md3-menu-group{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-low);flex-shrink:0;padding:4px}.md3-menu-popup[data-variant=segmented] .md3-menu-group:first-child{border-start-start-radius:var(--md-sys-shape-corner-large);border-start-end-radius:var(--md-sys-shape-corner-large)}.md3-menu-popup[data-variant=segmented] .md3-menu-group:last-child{border-end-end-radius:var(--md-sys-shape-corner-large);border-end-start-radius:var(--md-sys-shape-corner-large)}.md3-menu-popup[data-variant=segmented] .md3-menu-item{border-radius:var(--md-sys-shape-corner-extra-small)}.md3-menu-popup[data-variant=segmented] .md3-menu-group:first-child>.md3-menu-item:first-child,.md3-menu-popup[data-variant=segmented] .md3-menu-group:first-child>:not(.md3-menu-item):first-child>.md3-menu-item:first-child{border-start-start-radius:var(--md-sys-shape-corner-medium);border-start-end-radius:var(--md-sys-shape-corner-medium)}.md3-menu-popup[data-variant=segmented] .md3-menu-group:last-child>.md3-menu-item:last-child,.md3-menu-popup[data-variant=segmented] .md3-menu-group:last-child>:not(.md3-menu-item):last-child>.md3-menu-item:last-child{border-end-end-radius:var(--md-sys-shape-corner-medium);border-end-start-radius:var(--md-sys-shape-corner-medium)}.md3-menu-popup[data-variant=segmented] .md3-menu-item[data-checked]:not([data-disabled]){border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.md3-menu-popup[data-variant=segmented] .md3-menu-separator{margin:2px 12px}}