.hamburger{cursor:pointer;width:32px;height:32px;position:relative;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;align-self:center}.hamburger-line,.hamburger-line:after,.hamburger-line:before{width:32px;height:3px;background:white;position:absolute;transition:transform .3s cubic-bezier(.49,-.23,.65,1.13),opacity .3s ease}.hamburger-line:after,.hamburger-line:before{content:""}.hamburger-line:before{transform:translateY(-8px)}.hamburger-line:after{transform:translateY(8px)}.hamburger.open .hamburger-line{opacity:0;transform:scaleX(.5) scaleY(.5)}.hamburger.open .hamburger-line:before{opacity:0;transform:translateY(-8px) scaleX(.5) scaleY(.5)}.hamburger.open .hamburger-line:after{opacity:0;transform:translateY(8px) scaleX(.5) scaleY(.5)}@media (max-width:768px){.hamburger{width:24px;height:24px}.hamburger-line,.hamburger-line:after,.hamburger-line:before{width:24px;height:2px}.hamburger-line:before{transform:translateY(-6px)}.hamburger-line:after{transform:translateY(6px)}.hamburger.open .hamburger-line{opacity:0;transform:scaleX(.5) scaleY(.5)}.hamburger.open .hamburger-line:before{opacity:0;transform:translateY(-6px) scaleX(.5) scaleY(.5)}.hamburger.open .hamburger-line:after{opacity:0;transform:translateY(6px) scaleX(.5) scaleY(.5)}}