@layer components{[data-ui=menubar]{align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border:1px solid var(--color-surface-container-highest);background-color:var(--color-surface-container-lowest);border-radius:var(--radius-md);width:fit-content;box-shadow:0 5px 20px -10px color-mix(in srgb, var(--color-on-surface) 8%, transparent);display:flex}[data-ui=menubar] [data-ui=menubar-trigger]{padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-sm);background:0 0;background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-expressive-fast-effects), box-shadow var(--transition-expressive-fast-effects), color var(--transition-expressive-fast-effects);cursor:pointer;border:0;outline:0}[data-ui=menubar] [data-ui=menubar-trigger][data-disabled]{opacity:.38}[data-ui=menubar] [data-ui=menubar-trigger]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 35%, transparent)}[data-ui=menubar] [data-ui=menubar-trigger]:not([data-disabled])[data-pressed]{background-color:var(--color-surface-container-high)}@media (hover:hover) and (pointer:fine){[data-ui=menubar] [data-ui=menubar-trigger]:not([data-disabled]):hover{background-color:var(--color-surface-container-high)}}}