/* Three-line menu icon. The accessible name remains on the button. */
.menu-button{position:relative;width:44px;min-width:44px;min-height:44px;padding:0;flex-shrink:0;border:0;background:transparent;color:var(--espresso);cursor:pointer;}
.menu-button .menu-icon{position:absolute;left:50%;top:50%;width:22px;height:16px;transform:translate(-50%,-50%);pointer-events:none;}
.menu-icon>span{position:absolute;left:0;top:7px;width:22px;height:1.5px;border-radius:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease;}
.menu-icon>span:nth-child(1){transform:translateY(-6px);}
.menu-icon>span:nth-child(3){transform:translateY(6px);}
.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(1){transform:rotate(45deg);}
.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(2){opacity:0;}
.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(3){transform:rotate(-45deg);}
.menu-button:hover,.menu-button[aria-expanded="true"]{color:var(--bronze);background:transparent;}
.menu-button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;}
@media(prefers-reduced-motion:reduce){.menu-icon>span{transition:none;}}