@property --menu-option-line{syntax:"<length>";inherits:true;initial-value:0}@layer components{.tabularia-menu{--menu-option-selected-fill:color-mix(in oklch, var(--brand-fill) 18%, var(--surface-panel));--menu-option-radius:var(--radius-2);--menu-gutter:1.1rem;inline-size:100%;min-inline-size:0;display:grid;position:relative}.tabularia-menu-trigger{--button-surface:var(--button-framed-surface);--button-surface-hover:var(--button-framed-surface-hover);--button-surface-active:var(--button-framed-surface-active);--button-border:var(--button-framed-border);--button-hover-border:var(--button-framed-hover-border);--button-active-border:var(--button-framed-active-border);--button-hover-ring-size:1px;--button-hover-ring-color:var(--button-framed-ring-color);--button-disabled-surface:var(--button-framed-disabled-surface);--button-disabled-border:var(--button-framed-disabled-border);text-align:start;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;min-block-size:2.1rem;inline-size:100%;display:grid}.tabularia-menu-value{text-overflow:ellipsis;white-space:nowrap;overflow:clip}.tabularia-menu-caret{--icon-size:var(--text-base);color:var(--content-secondary);transition:transform var(--motion-standard) var(--ease-standard)}.tabularia-menu-trigger[aria-expanded=true] .tabularia-menu-caret{transform:rotate(180deg)}.tabularia-menu-panel{z-index:var(--z-popover);max-block-size:min(20rem,60dvh);inline-size:max-content;min-inline-size:100%;max-inline-size:min(26rem,100dvw - 1rem);padding:var(--overlay-surface-padding);border:1px solid var(--overlay-surface-border);border-radius:var(--overlay-surface-radius);background:var(--overlay-surface-background);box-shadow:var(--overlay-surface-shadow);gap:.1rem;display:grid;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0 auto;overflow-y:auto}.tabularia-menu-panel[hidden]{display:none}.tabularia-menu-panel.is-panel-end{inset-inline:auto 0}.tabularia-menu-panel.is-panel-above{inset-block:auto calc(100% + .25rem)}.tabularia-menu-panel.is-panel-sheet{inset-inline:var(--space-1);border-radius:var(--overlay-surface-radius);inline-size:auto;min-inline-size:0;max-inline-size:none;position:fixed}.tabularia-menu-group-label{padding-block:.3rem;padding-inline:var(--menu-gutter) .6rem;color:var(--content-secondary);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.tabularia-menu-option{--menu-option-inset:.75rem;--menu-option-column-gap:.4rem;--menu-mark-center:calc(( var(--menu-option-inset) + var(--menu-gutter) + var(--menu-option-column-gap) - var(--overlay-surface-padding) - 2px ) / 2);--menu-ring-size:.85rem;--menu-option-line:1lh;grid-template-columns:var(--menu-gutter) minmax(0, 1fr);align-items:start;row-gap:0;column-gap:var(--menu-option-column-gap);min-block-size:2rem;inline-size:100%;border-radius:var(--menu-option-radius);text-align:start;padding-block:.3rem;padding-inline-start:var(--menu-option-inset);display:grid;position:relative}.tabularia-menu-option[aria-selected=true]{--button-surface:var(--menu-option-selected-fill);--button-surface-hover:color-mix(in oklch, var(--brand-fill) 26%, var(--surface-panel))}.tabularia-menu-option:before{content:"";inline-size:var(--menu-ring-size);block-size:var(--menu-ring-size);border:1px solid color-mix(in oklch, var(--text-emphasis) 44%, var(--line-subtle));border-radius:50%;margin-block:auto;position:absolute;inset-block:0;inset-inline-start:calc(var(--menu-mark-center) - var(--menu-ring-size) / 2)}.tabularia-menu-option[aria-selected=true]:after{content:"";background:var(--text-emphasis);border-radius:50%;block-size:.42rem;inline-size:.42rem;margin-block:auto;position:absolute;inset-block:0;inset-inline-start:calc(var(--menu-mark-center) - .42rem / 2)}.tabularia-menu-option[data-tabularia-menu-action]{--icon-size:1rem;--button-surface:var(--overlay-surface-fill);color:var(--content-secondary);margin-block-start:.25rem;position:sticky;inset-block-end:calc(-1 * var(--overlay-surface-padding))}.tabularia-menu-option[data-tabularia-menu-action]:hover,.tabularia-menu-option[data-tabularia-menu-action]:focus-visible{color:var(--content-primary)}.tabularia-menu-option[data-tabularia-menu-action]:before{content:"add";inset-block:calc(.3rem + (var(--menu-option-line) - var(--icon-size)) / 2) auto;inline-size:var(--icon-size);block-size:var(--icon-size);font-family:Material Symbols Outlined;font-size:var(--icon-size);font-feature-settings:"liga";font-variation-settings:"FILL" var(--icon-fill), "wght" var(--icon-weight), "GRAD" var(--icon-grade), "opsz" var(--icon-opsz);-webkit-font-smoothing:antialiased;border:0;border-radius:0;margin-block:0;font-style:normal;font-weight:400;line-height:1;inset-inline-start:calc(var(--menu-mark-center) - var(--icon-size) / 2);overflow:clip}.tabularia-menu-option[data-tabularia-menu-action]:after{content:"";background:var(--line-subtle);block-size:1px;position:absolute;inset-block-start:-.15rem;inset-inline:0}.tabularia-menu-multiple .tabularia-menu-option:before{border-radius:var(--radius-1)}.tabularia-menu-multiple .tabularia-menu-option[aria-selected=true]:before{border-color:var(--text-emphasis);background:var(--text-emphasis)}.tabularia-menu-multiple .tabularia-menu-option[aria-selected=true]:after{border:2px solid var(--brand-on-fill);background:0 0;border-block-start:0;border-inline-end:0;border-radius:0;block-size:.22rem;inline-size:.42rem;transform:translateY(-.05rem)rotate(-45deg)}.tabularia-menu-option-label{overflow-wrap:anywhere;grid-area:1/2}.tabularia-menu-option-detail{color:var(--content-secondary);font-size:var(--text-xs);overflow-wrap:anywhere;text-wrap:pretty;grid-area:2/2;margin-block-start:.1rem;line-height:1.35}}