.new-navigation.svelte-4y3muz{--radius:50%;justify-content:center;align-items:center;block-size:30em;inline-size:30em;display:inline-flex}.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz){border-radius:var(--radius);block-size:3em;inline-size:3em;color:var(--clr-light-500);cursor:pointer;font-size:clamp(var(--h6), 1.3vw, var(--h3));background-color:#0000;border:none;transition:transform .3s ease-out;position:relative}.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz):focus,.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz):focus-visible{box-shadow:none;border:none;outline:none}.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz):hover{transform:scale(1.05)}.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz) .icon:where(.svelte-4y3muz){opacity:0;pointer-events:none;block-size:2em;inline-size:2em;margin:auto;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;inset:0;transform:scale(.75)}.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz) .icon:where(.svelte-4y3muz).visible{opacity:1;transform:scale(1)}.new-navigation.svelte-4y3muz .main-button:where(.svelte-4y3muz) svg:where(.svelte-4y3muz){block-size:2em;inline-size:2em}.new-navigation.svelte-4y3muz .sub-buttons:where(.svelte-4y3muz){block-size:0;inline-size:0;transition:scale .5s ease-out;position:absolute;inset:50%;translate:-50% -50%}.new-navigation.svelte-4y3muz .sub-buttons:where(.svelte-4y3muz) .sub-btn:where(.svelte-4y3muz){border-radius:var(--radius);cursor:pointer;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;block-size:5em;inline-size:5em;transition:opacity .3s ease-out,transform .3s ease-out;display:flex;position:absolute;transform:scale(0)}.new-navigation.svelte-4y3muz:has(.main-button[aria-expanded=true]:where(.svelte-4y3muz)) .sub-btn:where(.svelte-4y3muz){opacity:1;pointer-events:auto;transform:scale(1)}.new-navigation.svelte-4y3muz .sub-btn[data-index="1"]:where(.svelte-4y3muz){transition-delay:0s}.new-navigation.svelte-4y3muz .sub-btn[data-index="2"]:where(.svelte-4y3muz){transition-delay:50ms}.new-navigation.svelte-4y3muz .sub-btn[data-index="3"]:where(.svelte-4y3muz){transition-delay:.1s}.new-navigation.svelte-4y3muz .sub-btn[data-index="4"]:where(.svelte-4y3muz){transition-delay:.15s}.new-navigation.svelte-4y3muz .first-button:where(.svelte-4y3muz){background:var(--clr-fail-500);color:var(--clr-light-500);translate:0 -5em}.new-navigation.svelte-4y3muz .first-button:where(.svelte-4y3muz) svg:where(.svelte-4y3muz):hover{transform:scale(1.3)}.new-navigation.svelte-4y3muz .second-button:where(.svelte-4y3muz){background:var(--clr-purple-500);color:var(--clr-light-500);translate:7em}.new-navigation.svelte-4y3muz .second-button:where(.svelte-4y3muz) svg:where(.svelte-4y3muz):hover{transform:scale(1.3)}.new-navigation.svelte-4y3muz .third-button:where(.svelte-4y3muz){background:var(--clr-success-500);color:var(--clr-light-500);translate:0 5em}.new-navigation.svelte-4y3muz .third-button:where(.svelte-4y3muz) svg:where(.svelte-4y3muz):hover{transform:scale(1.3)}.new-navigation.svelte-4y3muz .fourth-button:where(.svelte-4y3muz){background:var(--clr-warning-500);color:var(--clr-light-500);translate:-7em}.new-navigation.svelte-4y3muz .fourth-button:where(.svelte-4y3muz) svg:where(.svelte-4y3muz):hover{transform:scale(1.3)}.new-navigation.svelte-4y3muz a:where(.svelte-4y3muz){color:var(--clr-light-500)}