:root{--wb-ds-viewport--xxs:0px;--wb-ds-viewport--xs:0px;--wb-ds-viewport--sm:700px;--wb-ds-viewport--md:900px;--wb-ds-viewport--lg:1200px;--wb-ds-viewport--xl:1600px;--wb-ds-viewport--xxl:1600px}:host{display:block}.menu-button{align-items:center;display:flex;position:relative}.menu-button__button{--ekz-menu-button__size:2.2rem;background:none;border:0;box-shadow:none;cursor:pointer;outline:none;padding:0;box-sizing:border-box;width:var(--ekz-menu-button__size);height:var(--ekz-menu-button__size)}.menu-button__button:active,.menu-button__button:focus{outline:none}.menu-button__button:after,.menu-button__button:before{background-color:var(--wb-ds-color-text--default);content:"";height:var(--wb-ds-border-width--thick);left:0;position:absolute;right:0;transform:rotate(0);transition:all var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function);width:var(--ekz-menu-button__size)}.menu-button__button:before{top:.5rem}.menu-button__button:after{bottom:.5rem}.menu-button__button--open:before{top:1.1rem;transform:rotate(45deg)}.menu-button__button--open:after{bottom:.9rem;transform:rotate(-45deg)}.menu-button__text{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}