.button{--border:#00000021;--highlight:#fff3;--shadow:#0000001a;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#000;outline-offset:2px;height:2.5rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);background-color:#fff;border-style:none;border-radius:.5rem;outline-width:2px;outline-color:#007acc;justify-content:center;align-items:center;gap:.25rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;text-decoration-line:none;display:flex}.button:not(:active):hover{--border:#00000054}.button[aria-disabled=true]{opacity:.5}.button[data-focus-visible]{outline-style:solid}.button:active,.button[data-active]{box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border);padding-top:.125rem}@media (min-width:640px){.button{gap:.5rem}}.button:active:where(.dark,.dark *),.button[data-active]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.menu-wrapper{transform:translate(0,0)}.menu-wrapper:has([data-enter]){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.smooth-transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}