@layer components{.locale-switch{display:flex;gap:var(--space-3xs);align-items:center;& .locale-switch__option{padding:var(--space-3xs)var(--space-xs);border-radius:var(--radius-s);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--size-step--1);font-weight:500;text-decoration:none;&:hover{color:var(--color-text)}}& .locale-switch__option[aria-current=true]{background:var(--color-text);color:var(--color-bg);font-weight:600}}}