.menu-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-black);position:relative}.menu-icon{width:20px;height:20px;position:relative}.menu-icon .line{position:absolute;left:1px;width:18px;height:2px;background-color:currentColor;transform-origin:center}.menu-icon .line-1{top:4px}.menu-icon .line-2{top:9px}.menu-icon .line-3{top:14px}.menu-icon .line-4,.menu-icon .line-5{top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);opacity:0}.menu-icon.open .line-1{animation:burger-collapse-1 .28s cubic-bezier(.3,.8,.3,1) forwards}.menu-icon.open .line-2{animation:burger-collapse-2 .28s cubic-bezier(.3,.8,.3,1) .04s forwards}.menu-icon.open .line-3{animation:burger-collapse-3 .28s cubic-bezier(.3,.8,.3,1) .08s forwards}.menu-icon.open .line-4{animation:cross-in-left .34s cubic-bezier(.2,.9,.2,1) .12s forwards}.menu-icon.open .line-5{animation:cross-in-right .34s cubic-bezier(.2,.9,.2,1) .18s forwards}.menu-icon.closed .line-1{animation:burger-return-1 .32s cubic-bezier(.2,.9,.2,1) forwards}.menu-icon.closed .line-2{animation:burger-return-2 .32s cubic-bezier(.2,.9,.2,1) forwards}.menu-icon.closed .line-3{animation:burger-return-3 .32s cubic-bezier(.2,.9,.2,1) forwards}.menu-icon.closed .line-4{animation:cross-out-left .26s ease-out forwards}.menu-icon.closed .line-5{animation:cross-out-right .26s ease-out forwards}@keyframes burger-collapse-1{to{transform:translateY(10px) scaleX(.84);opacity:0}}@keyframes burger-return-1{0%{transform:translateY(-30px) scaleX(.84);opacity:0}50%{transform:translateY(-30px) scaleX(.84);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes burger-collapse-2{to{transform:translateY(10px) scaleX(.9);opacity:0}}@keyframes burger-return-2{0%{transform:translateY(0);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes burger-collapse-3{to{transform:translateY(10px) scaleX(.96);opacity:0}}@keyframes burger-return-3{0%{transform:translateY(30px) scaleX(.96);opacity:0}50%{transform:translateY(30px) scaleX(.96);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cross-in-left{0%{transform:translate(-20px,-20px) rotate(-45deg);opacity:0}70%{transform:translate(-20px,-20px) rotate(8deg);opacity:0}to{transform:translate(-50%,-50%) rotate(45deg);opacity:1}}@keyframes cross-out-left{0%{transform:translate(-50%,-50%) rotate(45deg);opacity:1}to{transform:translate(-50%,-50%) rotate(0);opacity:0}}@keyframes cross-in-right{0%{transform:translate(20px,-20px) rotate(50deg);opacity:0}70%{transform:translate(20px,-20px) rotate(-8deg);opacity:0}to{transform:translate(-50%,-50%) rotate(-45deg);opacity:1}}@keyframes cross-out-right{0%{transform:translate(-50%,-50%) rotate(-45deg);opacity:1}to{transform:translate(-50%,-50%) rotate(0);opacity:0}}