.header__mobile-menu{align-items:center;display:flex}@media(width>=1024px){.header__mobile-menu{display:none}}.off-canvas-trigger{cursor:pointer;z-index:100;flex-direction:column;justify-content:space-between;width:26px;height:21px;margin-left:20px;display:flex;& span{background-color:var(--color__white);transform-origin:0;width:100%;height:2px;transition:all .2s ease-in-out;display:block}.off-canvas-open &{& span{&:first-child{transform:translateY(1px)rotate(45deg)}&:nth-child(2){opacity:0}&:nth-child(3){transform:rotate(-45deg)}}}}.off-canvas-menu{background-color:var(--color__aa-bright-blue);width:calc(100vw - 50px);max-width:500px;height:100vh;padding:var(--sm-padding);z-index:100;transition:left .3s ease-out;position:fixed;top:0;left:-100vw;box-shadow:0 0 5px #000c;.off-canvas-open &{left:0}}@media(width>=1024px){.off-canvas-menu{display:none}}.off-canvas-menu__menu{margin:0;padding:0;list-style:none}.off-canvas-menu__item{border-bottom:1px solid var(--color__aa-green);padding:var(--xs-padding) 0;margin:0;&.off-canvas-menu__item--button{text-align:center;font-weight:500;border-bottom:0!important}}.off-canvas-menu__link{color:var(--color__white);padding:4px 11px;font-size:17px;font-weight:500;line-height:19px;text-decoration:none;display:block}hr.off-canvas-menu__divider{color:var(--color__white);margin:var(--lg-padding) 0;border:0;position:relative}.off-canvas-body-cover{z-index:99;visibility:hidden;opacity:0;background-color:#00000080;width:100%;height:100%;transition:all .2s ease-out;position:fixed;top:0;left:0;.off-canvas-open &{opacity:1;visibility:visible}}@media(width>=1024px){.off-canvas-body-cover{display:none}}