.menubar-module__cvDTrW__root{background:var(--mix-card-50-bg);border:.5px solid oklch(from var(--border)l c h/.6);border-radius:var(--radius);box-shadow:var(--shadow-border-stack);align-items:center;gap:.125rem;padding:.125rem;display:flex}@media (max-width:640px){.menubar-module__cvDTrW__root{gap:.375rem;padding:.375rem}}.menubar-module__cvDTrW__menuRoot{display:inline-block}.menubar-module__cvDTrW__menuTrigger{color:var(--foreground);cursor:pointer;isolation:isolate;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.menubar-module__cvDTrW__menuTrigger:before{content:"";border-radius:calc(var(--radius) - 2px);z-index:-1;transition:background-color .25s var(--ease-out-expo);background-color:#0000;position:absolute;inset:0}.menubar-module__cvDTrW__menuTrigger:focus:before,.menubar-module__cvDTrW__menuTrigger[data-popup-open]:before{background-color:var(--accent)}@media (hover:hover){.menubar-module__cvDTrW__menuTrigger:hover:before,.menubar-module__cvDTrW__menuTrigger[data-popup-open]:hover:before{background-color:var(--accent)}}.menubar-module__cvDTrW__menuTrigger:focus{outline:none}.menubar-module__cvDTrW__menuTrigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.menubar-module__cvDTrW__menuTrigger[data-disabled]{cursor:not-allowed;opacity:.5}@media (max-width:640px){.menubar-module__cvDTrW__menuTrigger{min-height:2.5rem;padding:.5rem 1rem;font-size:.9375rem}}.menubar-module__cvDTrW__menuPositioner{z-index:150;position:absolute;left:0}.menubar-module__cvDTrW__menuPopup{background-color:var(--popover);border:.5px solid oklch(from var(--border)l c h/.8);border-radius:var(--radius);min-width:170px;box-shadow:var(--shadow-border-stack);transform-origin:"top center";transition:transform .25s var(--ease-out-expo),opacity .25s var(--ease-out-expo);flex-direction:column;display:flex}.menubar-module__cvDTrW__menuPopup[data-starting-style],.menubar-module__cvDTrW__menuPopup[data-ending-style]{opacity:0;transform:scale(.95)}@media (max-width:640px){.menubar-module__cvDTrW__menuPopup{max-width:calc(100vw - 2rem);padding:.375rem}}.menubar-module__cvDTrW__shortcut{color:var(--muted-foreground);letter-spacing:.025em;opacity:.6;margin-left:auto;margin-right:4px;font-size:.75rem}@media (max-width:640px){.menubar-module__cvDTrW__shortcut{display:none}}
.menubar-demo-module__x8EwFW__trigger{border:none;border-radius:.4rem}