.links{background-color:inherit;display:flex;flex-direction:column;gap:12px;left:0;padding:10px 30px 30px;position:fixed;right:0;text-align:center;top:64px;transform:translateY(calc(-100% - 64px));transform-origin:0 0;transition:transform .2s;z-index:-1}nav.open .hamburger span{background:#36383f;opacity:1;transform:rotate(45deg) translate(-4px,-12px)}nav.open .hamburger span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}nav.open .hamburger span:nth-last-child(2){transform:rotate(-45deg) translate(-4px,13px)}nav.open .links{transform:none}.hamburger span{background:#fff;border-radius:3px;display:flex;height:2px;margin-bottom:5px;position:relative;transform-origin:5px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:29px;z-index:1}.hamburger span:first-child{transform-origin:0 0}.hamburger span:nth-last-child(2){transform-origin:0 100%}@media (width >= 48rem){.links{flex-direction:row;gap:24px;padding:0;position:static;text-align:initial;transform:none;z-index:0}.hamburger{display:none}}