.menu-icon[data-v-68d35315]{cursor:pointer;height:50px;position:relative;width:50px;z-index:10}.menu-icon .menu-icon__cheeckbox[data-v-68d35315]{cursor:pointer;display:block;height:100%;position:relative;width:100%;z-index:2;-webkit-touch-callout:none;opacity:0;position:absolute}.menu-icon div[data-v-68d35315]{bottom:0;height:12px;left:0;margin:auto;position:absolute;right:0;top:0;width:22px}.menu-icon span[data-v-68d35315]{background-color:#fff;border-radius:1px;display:block;height:2px;position:absolute;transition:all .2s cubic-bezier(.1,.82,.76,.965);width:100%}.menu-icon span[data-v-68d35315]:first-of-type{top:0}.menu-icon span[data-v-68d35315]:last-of-type{bottom:0}.menu-icon .menu-icon__cheeckbox:checked+div span[data-v-68d35315]:first-of-type,.menu-icon.active span[data-v-68d35315]:first-of-type{top:5px;transform:rotate(45deg)}.menu-icon .menu-icon__cheeckbox:checked+div span[data-v-68d35315]:last-of-type,.menu-icon.active span[data-v-68d35315]:last-of-type{bottom:5px;transform:rotate(-45deg)}.menu-icon.active:hover span[data-v-68d35315]:first-of-type,.menu-icon.active:hover span[data-v-68d35315]:last-of-type,.menu-icon:hover .menu-icon__cheeckbox:checked+div span[data-v-68d35315]:first-of-type,.menu-icon:hover .menu-icon__cheeckbox:checked+div span[data-v-68d35315]:last-of-type{width:22px}@media (min-width:1024px){.menu-icon:hover span[data-v-68d35315]:first-of-type{width:26px}.menu-icon:hover span[data-v-68d35315]:last-of-type{width:12px}}