.menu-button{inline-size:var(--menu-button-size-md);block-size:var(--menu-button-size-md);color:var(--menu-button-color);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-button.menu-button--sm{inline-size:var(--menu-button-size-sm);block-size:var(--menu-button-size-sm)}.menu-button.menu-button--lg{inline-size:var(--menu-button-size-lg);block-size:var(--menu-button-size-lg)}.menu-button:focus-visible{outline:var(--menu-button-focus-ring-width) solid var(--menu-button-focus-ring-color);outline-offset:var(--menu-button-focus-ring-offset)}.menu-button__icon .icon__line{transform-box:fill-box;transform-origin:50%;transition:transform var(--menu-button-transition-duration) var(--menu-button-transition-easing), opacity var(--menu-button-transition-duration) var(--menu-button-transition-easing)}.menu-button[aria-expanded=true] .icon__line:first-child{transform:translateY(var(--menu-button-line-shift)) rotate(45deg)}.menu-button[aria-expanded=true] .icon__line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-button[aria-expanded=true] .icon__line:nth-child(3){transform:translateY(calc(-1 * var(--menu-button-line-shift))) rotate(-45deg)}