.component-menu-button{display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:center;width:min(calc(2.5rem + 0.625 * (100vw - 22.5rem) / 77.5),3.125rem);height:min(calc(2.5rem + 0.625 * (100vw - 22.5rem) / 77.5),3.125rem);cursor:pointer;transition-duration:250ms;transition-property:background-color,color,border-color,opacity;border-width:clamp(0.0625rem,calc(0.0625rem + 0 * (100vw - 22.5rem) / 77.5),0.0625rem);border-style:solid;border-radius:min(calc(0.25rem + 0.25 * (100vw - 22.5rem) / 77.5),0.5rem)}.component-menu-button.is-style-dark{color:#000;border-color:rgba(0,0,0,.04);background-color:rgba(0,0,0,.04)}.component-menu-button.is-style-dark:hover,.component-menu-button.is-style-dark:focus{color:#fff;border-color:#000;background-color:#000}.component-menu-button.is-style-light{color:#fff;border-color:hsla(0,0%,100%,.1);background-color:hsla(0,0%,100%,.1)}.component-menu-button.is-style-light:hover,.component-menu-button.is-style-light:focus{color:#000;border-color:#fff;background-color:#fff}.component-menu-button .icon-wrapper.is-close{display:none}.component-menu-button .icon-wrapper svg{display:block;width:min(calc(2.5rem + 0.625 * (100vw - 22.5rem) / 77.5),3.125rem);height:min(calc(2.5rem + 0.625 * (100vw - 22.5rem) / 77.5),3.125rem);color:inherit;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}