.button{--border:rgb(0 0 0/13%);--highlight:rgb(255 255 255/20%);--shadow:rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:white;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:black;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:hsl(204 100% 40%);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)}.button:not(:active):hover{--border:rgb(0 0 0/33%)}.button[aria-disabled=true]{opacity:.5}.button[data-focus-visible]{outline-style:solid}.button:active,.button[data-active]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}@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:translateZ(0)}.menu-wrapper:has([data-enter]){transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.smooth-transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}