.nav-trigger{@media (min-width:1024px){display:none!important}aspect-ratio:22.5/17.5;color:currentColor;display:inline-block;margin:0 .8rem 1.2rem;position:relative;width:2.25rem;span{background:currentcolor;border-radius:2px;display:block;height:3px;position:absolute;transition:top .2s .25s,opacity .2s .25s,transform .2s 0s;width:100%;&:first-child{top:0}&:nth-child(2){top:50%;transform:translateY(-50%)}&:nth-child(3){top:100%;transform:translateY(-100%)}}}.is-menu-open .nav-trigger{span{transition:background .2s,top .2s,opacity .2s,transform .2s .25s;&:nth-child(2){opacity:0}&:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}&:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}}}