.b-mobile-menu-toggle__button{align-items:center;background-color:var(--color-yellow);border:0;border-radius:0;cursor:pointer;display:flex;gap:var(--spacer-20);height:57px;justify-content:center;padding:0;position:relative;transition:var(--transition);width:57px;z-index:2}@media (min-width:601px){.b-mobile-menu-toggle__button{height:88px;padding:0 var(--spacer-40);width:auto}}.b-mobile-menu-toggle__button .icon{display:block;height:24px;position:relative;width:34px}.b-mobile-menu-toggle__button .icon span{background-color:var(--color-black);display:block;height:2px;left:0;position:absolute;top:0;transform-origin:center center;transition:var(--transition);width:100%}.b-mobile-menu-toggle__button--active :is(.b-mobile-menu-toggle__button .icon span):first-child{top:calc(50% - 1px);transform:rotate(45deg)}:is(.b-mobile-menu-toggle__button .icon span):nth-child(2){top:11px}.b-mobile-menu-toggle__button--active :is(.b-mobile-menu-toggle__button .icon span):nth-child(2){width:0}:is(.b-mobile-menu-toggle__button .icon span):nth-child(3){top:22px}.b-mobile-menu-toggle__button--active :is(.b-mobile-menu-toggle__button .icon span):nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg)}.b-mobile-menu-toggle__button .text{display:none;font-family:var(--font-family-sans-serif);font-size:var(--font-size-20);font-weight:var(--font-weight-medium);letter-spacing:.02em;line-height:1;transition:var(--transition)}@media (min-width:601px){.b-mobile-menu-toggle__button .text{display:block}}.b-mobile-menu-toggle__button.b-mobile-menu-toggle__button--active{background-color:var(--color-black)}.b-mobile-menu-toggle__button.b-mobile-menu-toggle__button--active .icon span{background-color:var(--color-yellow)}.b-mobile-menu-toggle__button.b-mobile-menu-toggle__button--active .text{color:var(--color-yellow)}.b-mobile-menu-toggle__button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-contrast-dark),0 0 0 5px var(--color-focus-contrast-light);outline:0}.b-mobile-menu-toggle__button:focus{background-color:var(--color-black)}.b-mobile-menu-toggle__button:focus .icon span{background-color:var(--color-yellow)}.b-mobile-menu-toggle__button:focus .text{color:var(--color-yellow)}@media (hover:hover){.b-mobile-menu-toggle__button:hover{background-color:var(--color-black)}.b-mobile-menu-toggle__button:hover .icon span{background-color:var(--color-yellow)}.b-mobile-menu-toggle__button:hover .text{color:var(--color-yellow)}}