.hamburger{--layer-height:2px;--padding:0.5rem;height:calc(1.25rem + var(--padding)*2);padding:var(--padding);width:calc(1.5rem + var(--padding)*2)}.hamburger__inner{height:100%;position:relative;width:100%}.hamburger__inner>div{background-color:currentColor;border-radius:1px;height:var(--layer-height);left:0;position:absolute;top:0;transform:rotate(0deg);transform-origin:center;transition:transform .2s ease-in,top .2s ease-out .2s;width:100%}.hamburger__inner>div:nth-child(2){top:calc(50% - var(--layer-height)/2)}.hamburger__inner>div:nth-child(3){top:calc(100% - var(--layer-height))}.hamburger[aria-expanded=true] .hamburger__inner>div{top:calc(50% - var(--layer-height)/2);transform:rotate(-45deg);transition:top .2s ease-in,transform .2s ease-out .2s}.hamburger[aria-expanded=true] .hamburger__inner>div:nth-child(3){transform:rotate(45deg)}