.burger{display:flex;justify-content:right;align-items:center;position:relative;padding:20px 0px 20px 50px;background:transparent;border-radius:0.25em;outline:none;height:20px;width:2px;border:none;cursor:pointer;transition:all 250ms ease-out;isolation:isolate;mix-blend-mode:difference}.burger:before,.burger:after{content:"";width:50px;height:2px;position:absolute;background:#fff;transition:all 250ms ease-out;will-change:transform}.burger:before{transform:translateY(-3px)}.burger:after{transform:translateY(3px)}.active.burger:before{transform:translateY(0) rotate(45deg)}.active.burger:after{transform:translateY(0) rotate(-45deg)}.burger:focus{border:none!important;outline:none!important}.overlay{position:fixed;top:0;left:0;clip-path:polygon(0 0,100% 0,100% 0,0 0)}