@scope([data-example]){:scope:is([data-example=menu\/basic],[data-example=menu\/submenu],[data-example=menu\/shortcuts],[data-example=menu\/icons],[data-example=menu\/checkboxes],[data-example=menu\/radio-group],[data-example=menu\/disabled],[data-example=menu\/animation]){justify-content:flex-start;min-height:20rem}:scope[data-example=menu\/disabled]{min-height:24rem}[data-slot=menu-content] [data-slot=menu-trigger][data-open]:not([data-highlighted]){background:var(--tint)}[data-slot=menu-content] [data-slot=menu-trigger]>svg:last-child{opacity:.7;width:14px;height:14px;margin-inline-start:auto}[data-slot=menu-content] [data-slot=menu-trigger]>svg:last-child:is([dir=rtl],[dir=rtl] *){rotate:180deg}[data-slot=menu-content] [data-slot=menu-trigger][data-highlighted]>svg:last-child{opacity:1}[data-slot=menu-item]{position:relative}[data-slot=menu-item]>svg:first-child,[data-slot=menu-item]>[data-slot=menu-item-icon]{color:var(--muted)}[data-slot=menu-item]:is([data-highlighted],[data-destructive])>svg:first-child,[data-slot=menu-item]:is([data-highlighted],[data-destructive])>[data-slot=menu-item-icon],[data-slot=menu-item][data-disabled]>svg:first-child{color:inherit}[data-slot=menu-item]>svg:last-child:not(:first-child){margin-inline-start:auto}[data-slot=menu-item]>[data-slot=stack]{align-items:flex-start;gap:0;padding-block:2px}[data-slot=menu-item] [data-slot=hint]{font-size:var(--text-xs)}a[data-slot=menu-item]{color:inherit;text-decoration:none}a[data-slot=menu-item]>svg{width:14px;height:14px;margin-inline-start:auto}a[data-slot=menu-item]:not([data-highlighted])>svg{visibility:hidden}[data-slot=menu-checkbox-item]{position:relative}[data-slot=menu-checkbox-item]>svg:first-child{color:var(--muted)}[data-slot=menu-checkbox-item]:is([data-highlighted],[data-checked])>svg:first-child{color:inherit}[data-slot=menu-checkbox-item]>svg:last-child:not(:first-child){width:14px;height:14px;margin-inline-start:auto}[data-slot=menu-checkbox-item]:not([data-checked])>svg:last-child:not(:first-child){visibility:hidden}[data-slot=menu-checkbox-item][data-checked]>[data-slot=stack]{font-weight:500}[data-slot=menu-radio-item]{position:relative}[data-slot=menu-radio-item]>svg:first-child{color:var(--muted)}[data-slot=menu-radio-item]:is([data-highlighted],[data-checked])>svg:first-child{color:inherit}[data-slot=menu-radio-item]>svg:last-child:not(:first-child){width:14px;height:14px;margin-inline-start:auto}[data-slot=menu-radio-item]:not([data-checked])>svg:last-child:not(:first-child){visibility:hidden}[data-slot=menu-radio-item][data-checked]>[data-slot=stack]{font-weight:500}[data-slot=menu-content]:has([data-slot=menu-item-indicator]) :is([data-slot=menu-item],[data-slot=menu-checkbox-item],[data-slot=menu-radio-item],[data-slot=menu-trigger],[data-slot=menu-group-label]){padding-inline-start:30px;position:relative}[data-slot=menu-item-indicator]{place-items:center;width:14px;height:14px;display:grid;position:absolute;inset-inline-start:10px}[data-slot=menu-item-indicator][data-unchecked]{visibility:hidden}[data-slot=menu-item-indicator] svg{width:14px;height:14px}[data-slot=menu-radio-item]>[data-slot=menu-item-indicator] svg:has(>circle:only-child){fill:currentColor;width:8px;height:8px}[data-slot=menu-radio-item]>[data-slot=menu-item-indicator]:empty:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}[data-slot=menu-item-icon]{display:flex}[data-slot=menu-content]>[data-slot=row]{flex-wrap:nowrap;padding:6px 10px}[data-slot=menu-content]>[data-slot=row]>[data-slot=stack]{align-items:flex-start;gap:0}[data-slot=menu-content][data-presentation=sheet]{border-radius:var(--radius-popup) var(--radius-popup) 0 0;max-height:none;padding:var(--space-6) var(--space-2) max(env(safe-area-inset-bottom), var(--space-3))}[data-slot=menu-content][data-presentation=sheet]:before{background:var(--line-faint);content:"";border-radius:999px;width:36px;height:4px;position:absolute;inset-block-start:var(--space-2);inset-inline-start:50%;translate:-50%}[data-slot=menu-content][data-presentation=sheet] :is([data-slot=menu-item],[data-slot=menu-checkbox-item],[data-slot=menu-radio-item],[data-slot=menu-trigger]){min-height:40px;padding-inline:var(--space-3)}[data-slot=menu-content][data-presentation=sheet] [data-slot=menu-content]{min-width:0;box-shadow:none;background:0 0;padding:0;padding-inline-start:var(--space-6)}[data-slot=menu-content][data-presentation=sheet] [data-slot=menu-trigger][data-open]>svg:last-child{rotate:90deg}[data-slot=menu-context-trigger]{box-sizing:border-box;border:1px dashed var(--line);border-radius:var(--radius-surface);background:var(--surface-1);width:24rem;max-width:100%;height:9rem;color:var(--muted);font-size:var(--text-sm);text-align:center;-webkit-user-select:none;user-select:none;place-items:center;display:grid}[data-slot=menu-context-trigger][data-open]{border-color:var(--ink);background:var(--tint);color:var(--ink)}ul:has([data-slot=menu-trigger]){box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:20rem;max-width:100%;box-shadow:var(--shadow-1);gap:0;margin:0;padding:0;list-style:none}ul:has([data-slot=menu-trigger])>li{padding-block:var(--space-1);padding-inline:var(--space-3) var(--space-1);flex-wrap:nowrap}ul:has([data-slot=menu-trigger])>li+li{border-top:1px solid var(--line-faint)}ul:has([data-slot=menu-trigger]) [data-slot=hint]{margin-inline-start:auto}:scope[data-example=menu\/animation] [data-slot=menu-content][data-presentation=sheet] [data-slot=menu-trigger]>svg:last-child{transition:rotate var(--duration)}}