.menu-icon{background:var(--brand-color-1);cursor:pointer;border-radius:100px;width:40px;height:4px;transition:background .3s;position:relative}.menu-icon:before,.menu-icon:after{content:"";background:var(--brand-color-1);border-radius:100px;width:40px;height:4px;transition:bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);position:absolute;left:0}.menu-icon:before{bottom:14px}.menu-icon:after{bottom:-14px}.menu-icon.open{background:0 0}.menu-icon.open:before{bottom:0;transform:rotate(45deg)}.menu-icon.open:after{bottom:0;transform:rotate(-45deg)}.menu-icon.open:after,.menu-icon.open:before{background:#fff;transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s}