.MenuIcon_menuIcon__EUaRn{position:relative;width:70px;height:70px;cursor:pointer}.MenuIcon_menuIcon__cheeckbox__ickAM{display:block;width:100%;height:100%;position:relative;cursor:pointer;z-index:2;-webkit-touch-callout:none;position:absolute;opacity:0}.MenuIcon_menuIcon__EUaRn div{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;width:22px;height:12px}.MenuIcon_menuIcon__EUaRn span{position:absolute;display:block;width:100%;height:2px;background-color:var(--bar-bg,#5656b9);border-radius:1px;transition:all .2s cubic-bezier(.1,.82,.76,.965)}.MenuIcon_menuIcon__EUaRn span:first-of-type{top:0}.MenuIcon_menuIcon__EUaRn span:last-of-type{bottom:0}.MenuIcon_menuIcon__EUaRn.MenuIcon_active__BDpMZ span:first-of-type{transform:rotate(45deg);top:5px}.MenuIcon_menuIcon__EUaRn.MenuIcon_active__BDpMZ span:last-of-type{transform:rotate(-45deg);bottom:5px}.MenuIcon_menuIcon__EUaRn.MenuIcon_active__BDpMZ:hover span:first-of-type,.MenuIcon_menuIcon__EUaRn.MenuIcon_active__BDpMZ:hover span:last-of-type,.MenuIcon_menuIcon__cheeckbox__ickAM:checked+div span:first-of-type:hover,.MenuIcon_menuIcon__cheeckbox__ickAM:checked+div span:last-of-type:hover{width:22px}@media (max-width:768px){.MenuIcon_menuIcon__EUaRn:hover span:first-of-type{width:26px}.MenuIcon_menuIcon__EUaRn:hover span:last-of-type{width:12px}}