.dx-menubar{box-sizing:border-box;padding:var(--dx-space-1);border-radius:var(--dx-radius-lg);background:var(--primary-color-2);box-shadow:inset 0 0 0 1px var(--primary-color-6);gap:var(--dx-space-1);border:none;display:flex}.dx-menubar-menu{position:relative}.dx-menubar-trigger{padding:var(--dx-space-2) var(--dx-space-3);border-radius:calc(var(--dx-radius-lg) - var(--dx-radius-sm));color:var(--secondary-color-4);cursor:pointer;touch-action:manipulation;transition:background-color var(--dx-motion-duration-fast) var(--dx-motion-ease-out);background:0 0;border:none}.dx-menubar-menu[data-state=open] .dx-menubar-trigger{background-color:var(--light,var(--primary-color-4)) var(--dark,var(--primary-color-7));color:var(--secondary-color-1)}.dx-menubar-trigger[data-disabled=true]{color:var(--secondary-color-5);cursor:not-allowed;opacity:.5}.dx-menubar-trigger:hover:not([data-disabled=true]){background:var(--light,var(--primary-color-4)) var(--dark,var(--primary-color-7));color:var(--secondary-color-1);outline:none}.dx-menubar-trigger:focus-visible{background:var(--light,var(--primary-color-4)) var(--dark,var(--primary-color-7));color:var(--secondary-color-1);outline:none}.dx-menubar-content{z-index:var(--dx-z-overlay);min-width:200px;max-width:calc(100vw - var(--dx-space-8));padding:var(--dx-space-1);border-radius:var(--dx-radius-lg);margin-top:var(--dx-space-2);background:var(--light,var(--primary-color)) var(--dark,var(--primary-color-5));box-shadow:inset 0 0 0 1px var(--light,var(--primary-color-6)) var(--dark,var(--primary-color-7));top:100%;opacity:0;pointer-events:none;transform-origin:top;will-change:transform, opacity;border:none;position:absolute;inset-inline-start:0;overflow:visible}.dx-menubar-menu:first-child .dx-menubar-content{margin-inline-start:calc(-1 * var(--dx-space-1))}.dx-menubar-content[data-state=closed]{animation:dx-menubar-content-animate-out var(--dx-motion-duration-base) var(--dx-motion-ease-in) forwards;pointer-events:none}@keyframes dx-menubar-content-animate-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-2px)}}.dx-menubar-content[data-state=open]{animation:dx-menubar-content-animate-in var(--dx-motion-duration-base) var(--dx-motion-ease-out) forwards;pointer-events:auto}@keyframes dx-menubar-content-animate-in{0%{opacity:0;transform:scale(.95)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.dx-menubar-item{padding:var(--dx-space-2) var(--dx-space-3);border-radius:calc(var(--dx-radius-lg) - var(--dx-radius-sm));color:var(--secondary-color-4);cursor:pointer;font-size:var(--dx-text-sm);touch-action:manipulation;display:block}.dx-menubar-item[data-disabled=true]{color:var(--secondary-color-5);cursor:not-allowed;opacity:.5}.dx-menubar-item:hover:not([data-disabled=true]){background:var(--light,var(--primary-color-4)) var(--dark,var(--primary-color-7));color:var(--secondary-color-1);outline:none}.dx-menubar-item:focus-visible{background:var(--light,var(--primary-color-4)) var(--dark,var(--primary-color-7));color:var(--secondary-color-1);outline:none}