.rax-nav-button.svelte-xpzty4{--rax-nav-button-border: color-mix(in srgb, var(--color-nav-button-accent) 18%, transparent);--rax-nav-button-background-start: color-mix( in srgb, var(--color-nav-button-accent) 22%, transparent );--rax-nav-button-background-mid: color-mix( in srgb, var(--color-nav-button-accent) 12%, var(--color-nav-button-surface-mid) );--rax-nav-button-background-end: color-mix( in srgb, var(--color-nav-button-accent) 5%, var(--color-nav-button-surface-end) );--rax-nav-button-highlight-soft: color-mix(in srgb, white 12%, transparent);--rax-nav-button-highlight-strong: color-mix(in srgb, white 14%, transparent);--rax-nav-button-sheen: color-mix(in srgb, var(--color-nav-button-accent) 8%, transparent);--rax-nav-button-indicator-shadow: color-mix( in srgb, var(--color-nav-button-indicator) 72%, transparent );--rax-nav-button-border-hover: color-mix( in srgb, var(--color-nav-button-accent) 28%, var(--color-nav-button-text) );--rax-nav-button-border-active: color-mix( in srgb, var(--color-nav-button-accent) 46%, var(--color-nav-button-text) );--rax-nav-button-active-start: color-mix( in srgb, var(--color-nav-button-accent) 34%, transparent );--rax-nav-button-active-mid: color-mix( in srgb, var(--color-nav-button-accent) 24%, var(--color-nav-button-surface-mid) );--rax-nav-button-active-end: color-mix( in srgb, var(--color-nav-button-accent) 10%, var(--color-nav-button-surface-end) );--rax-nav-button-active-highlight: color-mix(in srgb, white 24%, transparent);--rax-nav-button-glow: color-mix(in srgb, var(--color-nav-button-accent) 16%, transparent);--rax-nav-button-glow-active: color-mix( in srgb, var(--color-nav-button-accent) 26%, transparent );border-radius:999px 999px 999px .8rem;border:1px solid var(--rax-nav-button-border);background:linear-gradient(135deg,var(--rax-nav-button-background-start),var(--rax-nav-button-background-mid) 56%,var(--rax-nav-button-background-end)),radial-gradient(circle at 24% 18%,var(--rax-nav-button-highlight-strong),transparent 38%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-text-control);letter-spacing:.08em;color:var(--color-nav-button-text);box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent),inset 0 -1px color-mix(in srgb,black 35%,transparent),0 10px 22px color-mix(in srgb,var(--color-site-bg) 64%,transparent);transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}.rax-nav-button.svelte-xpzty4:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,var(--rax-nav-button-highlight-soft),transparent 42%,var(--rax-nav-button-sheen));pointer-events:none}.rax-nav-button.svelte-xpzty4:after{content:"";position:absolute;top:50%;right:.72rem;width:.42rem;height:.42rem;margin-top:-.21rem;border-radius:999px;background:var(--color-nav-button-indicator);box-shadow:0 0 12px var(--rax-nav-button-indicator-shadow);opacity:.88;pointer-events:none}.rax-nav-button.svelte-xpzty4 span:where(.svelte-xpzty4){position:relative;z-index:1}.rax-nav-button.svelte-xpzty4:hover,.rax-nav-button.svelte-xpzty4:focus-visible{transform:translateY(-2px) scale(1.01);filter:brightness(1.12);border-color:var(--rax-nav-button-border-hover);box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent),inset 0 -1px color-mix(in srgb,black 35%,transparent),0 16px 30px color-mix(in srgb,var(--color-site-bg) 56%,transparent),0 0 18px var(--rax-nav-button-glow)}.rax-nav-button[data-active=true].svelte-xpzty4{border-color:var(--rax-nav-button-border-active);background:linear-gradient(135deg,var(--rax-nav-button-active-start),var(--rax-nav-button-active-mid) 56%,var(--rax-nav-button-active-end)),radial-gradient(circle at 24% 18%,var(--rax-nav-button-active-highlight),transparent 38%);box-shadow:inset 0 1px color-mix(in srgb,white 22%,transparent),inset 0 -1px color-mix(in srgb,black 35%,transparent),0 16px 30px color-mix(in srgb,var(--color-site-bg) 58%,transparent),0 0 22px var(--rax-nav-button-glow-active);filter:brightness(1.08)}.rax-nav-button[data-active=true].svelte-xpzty4:after{background:var(--color-nav-button-indicator-active);box-shadow:0 0 14px color-mix(in srgb,var(--color-nav-button-indicator-active) 92%,transparent)}