@layer components{.lang-toggle{anchor-name:--lang-toggle}.lang-toggle .lang-toggle__chevron{block-size:.875rem;inline-size:.875rem;transition:rotate .15s var(--ease)}.lang-toggle:has(+.lang-menu:popover-open) .lang-toggle__chevron{rotate:180deg}.on-dark .lang-toggle:has(+.lang-menu:popover-open){background:color-mix(in srgb, var(--calc) 8%, transparent)}.lang-toggle--footer{anchor-name:--lang-toggle-footer;min-block-size:var(--touch-min);border-color:color-mix(in srgb, var(--calc) 40%, transparent);font:500 .875rem / 1 var(--font-text);letter-spacing:0;border-radius:8px;gap:.625rem;padding:.6875rem .875rem}.lang-toggle--footer svg:first-child{block-size:1.125rem;inline-size:1.125rem}.lang-menu{--ground:var(--calc);--ink:var(--aitana);--ink-muted:var(--mut);--border:var(--linia);--focus:var(--ink);border:1px solid var(--border);background:var(--ground);inline-size:16.25rem;color:var(--ink);inset:calc(var(--header-height) + .25rem) var(--gutter) auto auto;border-radius:10px;margin:0;padding:.625rem;box-shadow:0 18px 40px #2f3b422e}@supports (position-anchor:--x){.lang-menu{position-area:block-end span-inline-start;position-try-fallbacks:flip-block;margin-block:.5rem;inset:auto}}.lang-menu ul{flex-direction:column;gap:.125rem;display:flex}.lang-menu a{align-items:center;gap:var(--space-xs);min-block-size:var(--touch-min);color:var(--ink);font:500 var(--step-0) / 1 var(--font-text);border-radius:6px;padding:.6875rem .875rem;text-decoration:none;display:flex}.lang-menu a:hover{background:var(--crema);color:var(--ink)}.lang-menu a[aria-current=true]{background:var(--crema)}.lang-menu svg{block-size:1.0625rem;inline-size:1.0625rem;margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.lang-menu{transition:opacity var(--motion-out) var(--ease-in), translate var(--motion-out) var(--ease-in), display var(--motion-out) allow-discrete, overlay var(--motion-out) allow-discrete}.lang-menu:not(:popover-open){opacity:0;translate:0 -.375rem}.lang-menu:popover-open{transition-duration:var(--motion-in);transition-timing-function:var(--ease-out)}@starting-style{.lang-menu:popover-open{opacity:0;translate:0 -.375rem}}}#lang-menu{position-anchor:--lang-toggle}#lang-menu-footer{position-anchor:--lang-toggle-footer}.lang-menu__title{font:600 .65625rem / 1 var(--font-text);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);padding:.5rem .875rem .625rem}.lang-menu__code{border:1px solid var(--border);block-size:1.375rem;inline-size:1.875rem;font:700 .65625rem / 1 var(--font-text);letter-spacing:.06em;color:var(--ink-muted);border-radius:4px;flex:none;place-items:center;display:inline-grid}[aria-current=true] .lang-menu__code{border-color:var(--aitana);background:var(--aitana);color:var(--calc)}.lang-suggest{inset:calc(var(--header-height) + var(--space-s)) var(--gutter) auto;z-index:45;align-items:center;gap:var(--space-xs) var(--space-s);max-inline-size:34rem;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-m);font-size:var(--step--1);border-radius:8px;flex-wrap:wrap;margin-inline:auto;line-height:1.45;display:flex;position:fixed;box-shadow:0 12px 32px #00000040}.lang-suggest p{flex:12rem}.lang-suggest .lang-suggest__close svg{block-size:1rem;inline-size:1rem}}