@layer base{.menubar{background-color:var(--color-base-100);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);border-radius:var(--radius-field,.25rem);align-items:center;gap:.125rem;padding:.25rem;display:inline-flex}.menubar[data-orientation=vertical]{flex-direction:column;align-items:stretch}.menubar-trigger{height:calc(var(--size-field,.25rem) * 7);color:var(--color-base-content);border-radius:calc(var(--radius-field,.25rem) * .75);cursor:pointer;transition-property:background-color,color;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));background-color:#0000;border:0;align-items:center;gap:.375rem;padding-inline:.625rem;font-size:1rem;font-weight:500;display:inline-flex}.menubar-trigger:hover,.menubar-trigger[data-popup-open]{background-color:var(--color-base-200)}.menubar-trigger:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}.menubar-trigger svg{flex-shrink:0;width:1rem;height:1rem}}