@layer xui{.xui-menubar{align-items:center;gap:var(--xui-spacing-md);padding:var(--xui-spacing-xs) var(--xui-spacing-md);border:1px solid var(--xui-content-border-color);border-radius:var(--xui-content-border-radius);background:var(--xui-content-background);color:var(--xui-content-color);display:flex}.xui-menubar__list{align-items:center;gap:var(--xui-spacing-xs);flex:1;margin:0;padding:0;list-style:none;display:flex}.xui-menubar__item-wrapper{position:relative}.xui-menubar__item{align-items:center;gap:var(--xui-spacing-sm);padding:var(--xui-spacing-sm) var(--xui-spacing-md);border-radius:var(--xui-radius-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.xui-menubar__item:hover{background:var(--xui-content-hover-background)}.xui-menubar__item:focus-visible{outline:var(--xui-focus-ring-width) var(--xui-focus-ring-style) var(--xui-focus-ring-color);outline-offset:calc(var(--xui-focus-ring-offset) * -1)}.xui-menubar__item--active{background:var(--xui-highlight-background);color:var(--xui-highlight-color)}.xui-menubar__item--active:hover{background:var(--xui-highlight-focus-background);color:var(--xui-highlight-focus-color)}.xui-menubar__item[aria-disabled=true]{cursor:default;opacity:var(--xui-disabled-opacity);pointer-events:none}.xui-menubar__arrow{border-bottom:2px solid;border-right:2px solid;width:.4rem;height:.4rem;transform:rotate(45deg)translateY(-25%)}.xui-menubar__submenu{top:calc(100% + var(--xui-anchor-gutter));z-index:1;min-width:12rem;padding:var(--xui-spacing-xs);border:1px solid var(--xui-overlay-border-color);border-radius:var(--xui-overlay-border-radius);background:var(--xui-overlay-background);box-shadow:var(--xui-overlay-shadow);position:absolute;inset-inline-start:0}}