.localeSwitcher{--locale-switcher-fg:var(--color-white);--locale-switcher-border:#fff6;--locale-switcher-active-bg:var(--color-white);--locale-switcher-active-fg:var(--color-secondary);border:1px solid var(--locale-switcher-border);border-radius:999px;align-items:center;gap:.25rem;width:fit-content;padding:.125rem;display:inline-flex}@supports (color:lab(0% 0 0)){.localeSwitcher{--locale-switcher-border:lab(100% 0 0/.4)}}.localeSwitcher .option{font-family:var(--font-primary);font-size:.75rem;font-weight:var(--font-weight-regular);letter-spacing:.0625rem;color:var(--locale-switcher-fg);transition:opacity var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:.375rem .75rem;line-height:1;text-decoration:none;display:inline-flex}.localeSwitcher a.option:hover{opacity:.7;text-decoration:none}.localeSwitcher .option.active{background:var(--locale-switcher-active-bg);color:var(--locale-switcher-active-fg);font-weight:700}
.overlay{z-index:700;background:#0006;background:lab(0% 0 0/.4);position:fixed;inset:0}.menu{z-index:701;background:var(--color-secondary);width:100%;max-width:24.375rem;height:100svh;transition:transform var(--duration-normal) var(--ease);flex-direction:column;gap:4rem;padding:2rem;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.menu.open{transform:translate(0)}.menu .closeRow{align-items:center;width:100%;display:flex}.menu .closeButton{color:var(--color-white);cursor:pointer;transition:opacity var(--duration-fast) var(--ease);background:0 0;border:none;align-items:center;padding:0;display:flex}.menu .closeButton:hover{opacity:.7}.menu .linkList{flex-direction:column;flex:1;gap:3rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.menu .link{font-family:var(--font-primary);font-size:.875rem;font-weight:var(--font-weight-regular);text-transform:uppercase;letter-spacing:.0625rem;color:var(--color-white);transition:opacity var(--duration-fast) var(--ease);line-height:1;text-decoration:none}.menu .link:hover{opacity:.7;text-decoration:none}.menu .actionLink{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.menu .social{align-items:center;gap:2.5rem;display:flex}.menu .socialLink{color:var(--color-white);transition:opacity var(--duration-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:flex}.menu .socialLink:hover{opacity:.7}