.b2g-demo-languages{position:relative;display:inline-flex;align-items:center;flex-shrink:0;--b2g-language-paper:var(--paper,#251c32);--b2g-language-ink:var(--ink,#f5f3ed);--b2g-language-line:var(--line,#665477);--b2g-language-accent:var(--accent,#c5f75b)}
.b2g-demo-languages .b2g-demo-language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:48px;min-height:44px;white-space:nowrap;cursor:pointer}
.b2g-demo-language-code{font-size:inherit;font-weight:inherit;letter-spacing:.08em}
.b2g-demo-language-chevron{display:block;width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
[aria-expanded="true"]>.b2g-demo-language-chevron{transform:translateY(2px) rotate(225deg)}
.b2g-demo-language-list{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;z-index:1000;display:flex;flex-direction:column;width:190px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:7px;background:var(--b2g-language-paper);color:var(--b2g-language-ink);border:1px solid var(--b2g-language-line);border-radius:10px;box-shadow:0 12px 35px #0003;font:400 14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:normal;text-transform:none;text-align:start}
.b2g-demo-language-list[hidden]{display:none}
.b2g-demo-language-list .b2g-demo-language-option{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;letter-spacing:normal;text-transform:none;text-align:start;cursor:pointer;box-shadow:none;transform:none}
.b2g-demo-language-list .b2g-demo-language-option:hover{background:#80808018}
.b2g-demo-language-list .b2g-demo-language-option[aria-selected="true"]{font-weight:700;background:#80808012}
.b2g-demo-language-check{visibility:hidden;color:var(--b2g-language-accent);font-size:16px;font-weight:700}
[aria-selected="true"]>.b2g-demo-language-check{visibility:visible}
.b2g-demo-languages .b2g-demo-language-trigger:focus-visible,.b2g-demo-language-list .b2g-demo-language-option:focus-visible{outline:2px solid var(--b2g-language-accent);outline-offset:3px}
.b2g-demo-language-list .b2g-demo-language-option:focus-visible{outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.b2g-demo-language-chevron{transition:none}}