.burger{cursor:pointer;background:0 0;border:none;width:15px;height:14px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.burger:before,.burger:after{content:"";background:var(--haiti);border-radius:2px;width:100%;height:2px;display:block;position:absolute;left:0}.burger:before{box-shadow:0 6px 0 var(--haiti);transition:box-shadow var(--duration)calc(var(--duration)/2),top var(--duration)calc(var(--duration)/2),transform var(--duration);top:0}.burger:after{transition:bottom var(--duration)calc(var(--duration)/2),transform var(--duration);bottom:0}.burger.active:before{transition:box-shadow calc(var(--duration)/2),top var(--duration),transform var(--duration)calc(var(--duration)/2);top:6px;transform:rotate(45deg);box-shadow:0 6px #0000}.burger.active:after{transition:bottom var(--duration),transform var(--duration)calc(var(--duration)/2);bottom:6px;transform:rotate(-45deg)}