.menu-button.svelte-1yzuzf5{--ease:cubic-bezier(.48, .02, .03, .98);width:calc(var(--size-font) * 2.125);height:calc(var(--size-font) * 2.125);color:var(--black);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.face.svelte-1yzuzf5{border-radius:inherit;will-change:transform;position:absolute;inset:0}.face.svelte-1yzuzf5:before{content:"";border-radius:inherit;background:var(--button);opacity:.4;transition:opacity .3s var(--ease), background .3s var(--ease);position:absolute;inset:0}.face.svelte-1yzuzf5:after{content:"";border-radius:inherit;background:var(--grey-900);opacity:var(--dark,0);position:absolute;inset:0}.open.svelte-1yzuzf5 .face:where(.svelte-1yzuzf5):before,.open.svelte-1yzuzf5:hover .face:where(.svelte-1yzuzf5):before{background:var(--white);opacity:1}.menu-button.svelte-1yzuzf5:before{content:"";position:absolute;inset:-4px}.menu-button.svelte-1yzuzf5:focus-visible{outline:1px solid var(--black);outline-offset:2px}svg.svelte-1yzuzf5{z-index:1;width:100%;height:100%;display:block;position:relative;overflow:visible}.dot.svelte-1yzuzf5{fill:currentColor;transform:translate(var(--x), var(--y));transition:transform .3s var(--ease)}@media (hover:hover){.menu-button.svelte-1yzuzf5:not(.open):hover .dot:where(.svelte-1yzuzf5){transform:translate(var(--hx), var(--hy))}}.open.svelte-1yzuzf5 .dot:where(.svelte-1yzuzf5){transition-duration:.4s;transform:translate(0)}@media (prefers-reduced-motion:reduce){.dot.svelte-1yzuzf5{transition:none}}