.burger{z-index:50;cursor:pointer;align-items:center;height:30px;padding-left:20px;padding-right:20px;display:flex;position:absolute;right:0;transform:scale(.9)}.burger line{color:var(--color-text);stroke:currentColor;transform-origin:50%;transition:color .2s ease-in-out}.burger.is-active line:first-child{animation:.3s ease-in-out forwards line-1}.burger.is-active line:nth-child(2){animation:.3s ease-in-out forwards line-2}.burger.is-active line:nth-child(3){animation:.3s ease-in-out forwards line-3}.burger.undo line:first-child{animation:.3s ease-in-out forwards line-1-reverse}.burger.undo line:nth-child(2){animation:.3s ease-in-out forwards line-2-reverse}.burger.undo line:nth-child(3){animation:.3s ease-in-out forwards line-3-reverse}@keyframes line-1{0%{transform:translateY(0)}25%{transform:translateY(3px)}50%{transform:translateY(12px)}to{transform:translateY(10px)translate(-10px)rotate(45deg)scale(1.17851)}}@keyframes line-1-reverse{0%{transform:translateY(10px)translate(-10px)rotate(45deg)scale(1.17851)}25%{transform:translateY(12px)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes line-2{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes line-2-reverse{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes line-3{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(-12px)}to{transform:translateY(-10px)translate(-10px)rotate(-45deg)scale(1.17851)}}@keyframes line-3-reverse{0%{transform:translateY(-10px)translate(-10px)rotate(-45deg)scale(1.17851)}25%{transform:translateY(-12px)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}