.menu-icon.svelte-1usie1u{position:relative;width:50px;height:50px;cursor:pointer}.menu-icon.svelte-1usie1u .menu-icon__cheeckbox:where(.svelte-1usie1u){display:block;width:100%;height:100%;position:relative;cursor:pointer;z-index:2;-webkit-touch-callout:none;position:absolute;opacity:0}.menu-icon.svelte-1usie1u div:where(.svelte-1usie1u){margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;width:22px;height:12px}.menu-icon.svelte-1usie1u span:where(.svelte-1usie1u){position:absolute;display:block;width:100%;height:2px;background-color:var(--bar-bg, currentColor);border-radius:1px;transition:all .2s cubic-bezier(.1,.82,.76,.965)}.menu-icon.svelte-1usie1u span:where(.svelte-1usie1u):first-of-type{top:0}.menu-icon.svelte-1usie1u span:where(.svelte-1usie1u):last-of-type{bottom:0}.menu-icon__cheeckbox.svelte-1usie1u:checked+div:where(.svelte-1usie1u) span:where(.svelte-1usie1u):first-of-type{transform:rotate(45deg);top:5px}.menu-icon__cheeckbox.svelte-1usie1u:checked+div:where(.svelte-1usie1u) span:where(.svelte-1usie1u):last-of-type{transform:rotate(-45deg);bottom:5px}.menu-icon.svelte-1usie1u:hover .menu-icon__cheeckbox:where(.svelte-1usie1u):checked+div:where(.svelte-1usie1u) span:where(.svelte-1usie1u):first-of-type,.menu-icon.svelte-1usie1u:hover .menu-icon__cheeckbox:where(.svelte-1usie1u):checked+div:where(.svelte-1usie1u) span:where(.svelte-1usie1u):last-of-type{width:22px}.menu-icon.svelte-1usie1u:hover span:where(.svelte-1usie1u):first-of-type{width:26px}.menu-icon.svelte-1usie1u:hover span:where(.svelte-1usie1u):last-of-type{width:12px}