/* fonts:start · written by tools/update_fonts.py (self-hosted, see site/fonts/) */
@font-face { font-family: 'Atkinson Hyperlegible'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/atkinson-hyperlegible-400-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Atkinson Hyperlegible'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/atkinson-hyperlegible-400-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/atkinson-hyperlegible-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/atkinson-hyperlegible-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/atkinson-hyperlegible-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/atkinson-hyperlegible-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 500 800; font-display: swap; src: url(fonts/bricolage-grotesque-500-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 500 800; font-display: swap; src: url(fonts/bricolage-grotesque-500-800-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/jetbrains-mono-400-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/jetbrains-mono-400-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/jetbrains-mono-400-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/jetbrains-mono-400-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* fonts:end */
/* ---------- Tokens: dark-first (the brand is a charcoal disc with honey gold) ---------- */
:root {
  color-scheme: dark;
  --bg: #141317;
  --bg-2: #1b1a1f;
  --surface: #222027;
  --surface-2: #2a2830;
  --line: #36333d;
  --text: #f3eee4;
  --muted: #a9a298;
  --honey: #ffb300;
  --honey-ink: #ffc738;      /* honey used as text on the ground */
  --on-honey: #1d1402;
  --comb: rgba(255, 179, 0, .07);
  --danger: #ef5a67;
  --ok: #3ccf7e;
  --warn: #ff9d2e;
  /* the Discord scene keeps its own dark palette in both themes */
  --dc-bg: #313338; --dc-side: #2b2d31; --dc-rail: #1e1f22; --dc-text: #dbdee1; --dc-muted: #949ba4;
  --dc-embed: #2b2d31; --dc-hover: #35373c;
  --shadow: 0 24px 60px -24px rgba(0, 0, 0, .7);
  --logo: url(logo.png);
  --display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --body: "Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #fdfaf3; --bg-2: #f6f1e5; --surface: #ffffff; --surface-2: #f3eee2; --line: #e4dccb;
    --text: #1c1811; --muted: #685f50; --honey: #ffb300; --honey-ink: #8f5800; --on-honey: #1d1402;
    --comb: rgba(199, 124, 2, .08); --danger: #c62f3d; --ok: #1d8a4f; --warn: #b85f00;
    --shadow: 0 24px 50px -28px rgba(80, 55, 10, .45);
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #fdfaf3; --bg-2: #f6f1e5; --surface: #ffffff; --surface-2: #f3eee2; --line: #e4dccb;
  --text: #1c1811; --muted: #685f50; --honey: #ffb300; --honey-ink: #8f5800; --on-honey: #1d1402;
  --comb: rgba(199, 124, 2, .08); --danger: #c62f3d; --ok: #1d8a4f; --warn: #b85f00;
  --shadow: 0 24px 50px -28px rgba(80, 55, 10, .45);
}

/* ---------- Base ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font: 17px/1.6 var(--body);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--honey-ink); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--honey); outline-offset: 3px; border-radius: 6px; }
h1, h2, h3 { font-family: var(--display); line-height: 1.08; text-wrap: balance; margin: 0; letter-spacing: -.02em; }
p { margin: 0; }
code, kbd {
  font: 600 .84em/1.3 var(--mono); background: var(--surface-2); color: var(--text);
  padding: .14em .42em; border-radius: 6px; border: 1px solid var(--line); white-space: nowrap;
}
.wrap { max-width: 1160px; margin: 0 auto; padding-inline: max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right)); }
.eyebrow {
  font: 700 12.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--honey-ink);
}
.lede { color: var(--muted); font-size: 1.12rem; max-width: 60ch; }

/* ---------- Nav ---------- */
.nav {
  position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20;
  background: color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.nav .wrap { display: flex; align-items: center; gap: 18px; min-height: 66px; flex-wrap: wrap; padding-block: 8px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); margin-right: auto; }
.logo { display: block; width: 36px; height: 36px; border-radius: 50%; background: var(--logo) center/cover; flex: none; }
.brand b { font: 800 1.2rem/1 var(--display); letter-spacing: -.02em; }
.brand small { font: 600 11px/1 var(--mono); color: var(--muted); border: 1px solid var(--line); padding: 3px 6px; border-radius: 99px; }
.tabs { display: flex; gap: 4px; }
.tab {
  font: 700 15px/1 var(--body); color: var(--muted); text-decoration: none;
  padding: 10px 14px; border-radius: 10px;
}
.tab:hover { color: var(--text); background: var(--surface); }
.tab[aria-current="page"] { color: var(--text); background: var(--surface-2); }
.theme-btn {
  width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--line);
  background: transparent; color: var(--text); cursor: pointer; display: grid; place-items: center;
}
.theme-btn svg { width: 18px; height: 18px; }

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
  font: 700 16px/1 var(--body); padding: 15px 22px; border-radius: 12px; border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn-honey { background: var(--honey); color: var(--on-honey); box-shadow: 0 10px 30px -12px rgba(255, 179, 0, .7); }
.btn-ghost { color: var(--text); border-color: var(--line); background: var(--surface); }
@media (hover: hover) { /* on touch screens a tap would leave the hover state stuck */
  .btn-honey:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -12px rgba(255, 179, 0, .8); }
  .btn-ghost:hover { border-color: var(--honey-ink); }
}
.btn-sm { padding: 10px 14px; font-size: 14.5px; border-radius: 10px; }
.btn svg { width: 18px; height: 18px; flex: none; }

/* ---------- Hero ---------- */
.hero {
  position: relative; overflow: hidden; border-bottom: 1px solid var(--line);
  background:
    radial-gradient(700px 380px at 85% 10%, rgba(255, 179, 0, .13), transparent 70%),
    var(--bg);
}
.hero::before { /* honeycomb, very faint */
  content: ""; position: absolute; inset: 0; pointer-events: none; background: var(--comb);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.17V48.5L28 64.67 0 48.5V16.17Z M28 64.67V97' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") 0 0/56px 97px repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.17V48.5L28 64.67 0 48.5V16.17Z M28 64.67V97' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") 0 0/56px 97px repeat;
}
.hero::after { content: ""; position: absolute; inset: 45% 0 0 0; pointer-events: none; background: linear-gradient(transparent, var(--bg)); }
.hero .wrap {
  position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 56px; align-items: center; padding-block: 72px 80px;
}
.hero h1 { font-size: clamp(2.5rem, 5.4vw, 4.4rem); font-weight: 800; margin-block: 18px 22px; }
.hero h1 em { font-style: normal; color: var(--honey-ink); }
.hero .lede { font-size: 1.2rem; }
.cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.early-badge {
  display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; padding: 6px 12px; border-radius: 99px;
  font: 600 12.5px/1 var(--mono); color: var(--honey-ink); background: var(--comb); border: 1px solid color-mix(in srgb, var(--honey) 45%, transparent);
}
.hero .early-badge + .eyebrow { display: block; }
.early-note { margin-top: 14px; color: var(--muted); font-size: 15px; }
.trust { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 26px; color: var(--muted); font-size: 14.5px; }
.trust span { display: inline-flex; align-items: center; gap: 7px; }
.trust svg { width: 16px; height: 16px; color: var(--ok); }

/* ---------- The Discord scene ---------- */
.scene { position: relative; }
.dc {
  display: grid; grid-template-columns: max-content minmax(0, 1fr); border-radius: 16px; overflow: hidden;
  background: var(--dc-bg); color: var(--dc-text); box-shadow: var(--shadow);
  border: 1px solid rgba(255, 255, 255, .06); font: 14.5px/1.45 var(--body);
}
.dc-side { background: var(--dc-side); padding: 14px 8px; display: flex; flex-direction: column; gap: 2px; }
.dc-server { font: 700 14.5px/1 var(--body); color: #f2f3f5; padding: 4px 8px 14px; border-bottom: 1px solid var(--dc-rail); margin-bottom: 10px; }
.dc-cat { font: 700 11px/1 var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--dc-muted); padding: 10px 8px 6px; }
.dc-ch { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 6px; color: var(--dc-muted); white-space: nowrap; }  /* one line; the sidebar grows to fit */
.dc-ch .hash { font-size: 18px; line-height: 1; opacity: .8; width: 16px; flex: none; text-align: center; }
.dc-ch.trap { color: #ffd166; background: rgba(255, 179, 0, .1); }
.dc-ch.active { background: var(--dc-hover); color: #f2f3f5; }
.dc-main { display: flex; flex-direction: column; min-width: 0; }
.dc-head { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--dc-rail); font-weight: 700; color: #f2f3f5; }
.dc-head { white-space: nowrap; } /* the channel name stays on one line; the topic shortens instead */
.dc-head span { font-weight: 400; color: var(--dc-muted); font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }
.dc-feed { padding: 14px 16px 6px; display: flex; flex-direction: column; gap: 14px; }
.msg { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; }
.avatar { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font: 700 15px/1 var(--body); color: #fff; }
.avatar .logo { width: 38px; height: 38px; }
.who { font-weight: 700; color: #f2f3f5; }
.who .tag { font: 700 10px/1 var(--body); background: #5865f2; color: #fff; padding: 2px 5px; border-radius: 4px; margin-left: 5px; vertical-align: 2px; }
.who time { font-weight: 400; font-size: 12px; color: var(--dc-muted); margin-left: 6px; }
.embed {
  margin-top: 6px; background: var(--dc-embed); border-left: 4px solid var(--c, #ffb300);
  border-radius: 4px; padding: 10px 14px 12px; max-width: 460px;
}
.embed .et { font-weight: 700; color: #f2f3f5; margin-bottom: 6px; }
.embed .ed { color: var(--dc-text); font-size: 13.5px; }
.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-top: 8px; font-size: 13px; }
.fields b { display: block; color: #f2f3f5; font-size: 12.5px; }
.fields .wide { grid-column: 1 / -1; }
.fields code { background: #1e1f22; border-color: #1e1f22; color: var(--dc-text); white-space: normal; display: block; padding: 6px 8px; font-weight: 400; font-size: 12px; }
.embed .ef { font-size: 11.5px; color: var(--dc-muted); margin-top: 8px; display: flex; align-items: center; gap: 6px; }
.embed .ed p { margin: 0 0 8px; }
.embed .ed p:last-child { margin-bottom: 0; }
.embed .ef-icon.logo { width: 18px; height: 18px; }
/* Discord inline styles: mention, inline code, timestamp */
.fields > div { min-width: 0; }  /* long values wrap inside their column instead of spilling into the next */
.embed .mention { display: inline-block; max-width: 100%; overflow-wrap: anywhere; color: #c9cdfb; background: rgba(88, 101, 242, .3); border-radius: 3px; padding: 0 2px; font-weight: 500; }
.embed .ic { display: block; width: fit-content; max-width: 100%; overflow-wrap: anywhere; margin-top: 2px; font: 11.5px/1.4 var(--mono); color: var(--dc-text); background: #1e1f22; border: 1px solid #2b2d31; border-radius: 4px; padding: 0 3px; }
.embed .tsc { background: rgba(255, 255, 255, .07); border-radius: 3px; padding: 0 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.dc-btn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 600 13px/1 var(--body); color: #fff; background: #4e5058; padding: 8px 14px; border-radius: 4px; }
.spam-text { color: var(--dc-text); }
.spam-text .link { color: #00a8fc; }
.banned-note { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font: 700 12px/1 var(--mono); color: #fff; background: #da373c; padding: 5px 8px; border-radius: 5px; }

.dc-log { border-top: 1px dashed rgba(255,255,255,.08); background: #2e3035; }
.dc-log .dc-head { border-bottom: none; padding-bottom: 0; }

/* ---------- Docs: Server Settings → Roles mock-up ---------- */
.dcr {
  display: grid; grid-template-columns: 170px minmax(0, 1fr); margin: 18px 0 20px; border-radius: 12px; overflow: hidden;
  background: var(--dc-bg); color: var(--dc-text); border: 1px solid rgba(255, 255, 255, .06);
  box-shadow: var(--shadow); font: 14px/1.4 var(--body);
}
.dcr-side { background: var(--dc-side); padding: 18px 8px; display: flex; flex-direction: column; gap: 2px; }
.dcr-server { font: 700 11px/1.2 var(--body); letter-spacing: .04em; text-transform: uppercase; color: var(--dc-muted); padding: 0 10px 8px; }
.dcr-item { padding: 6px 10px; border-radius: 4px; color: var(--dc-muted); font-size: 14px; }
.dcr-item.active { background: #404249; color: #fff; }
.dcr-main { padding: 18px 20px 20px; min-width: 0; }
.dcr-title { font: 700 18px/1.2 var(--body); color: #f2f3f5; }
.dcr-sub { margin: 6px 0 14px; font-size: 13px; color: var(--dc-muted); }
.dcr-head, .dcr-row { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.dcr-head { padding: 0 10px 8px; border-bottom: 1px solid #3f4147; font: 700 11px/1 var(--body); letter-spacing: .04em; text-transform: uppercase; color: var(--dc-muted); }
.dcr-head span:first-child { grid-column: 1 / 3; }
.dcr-row { padding: 9px 10px; border-bottom: 1px solid #3f4147; border-radius: 4px; }
.dcr-grip { color: #6d6f78; font-size: 12px; letter-spacing: -2px; line-height: 1; }
.dcr-name { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-width: 0; font-weight: 600; color: #f2f3f5; }
.dcr-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--rc); flex: none; }
.dcr-count { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--dc-muted); }
.dcr-count svg { width: 15px; height: 15px; }
.dcr-app { font: 700 10px/1 var(--body); background: #5865f2; color: #fff; padding: 3px 5px; border-radius: 4px; }
.dcr-note { font: 600 11.5px/1.3 var(--body); padding: 3px 8px; border-radius: 999px; }
.dcr-row.staff .dcr-note { background: rgba(60, 207, 126, .14); color: #6ee7a3; }
.dcr-row.bot { background: rgba(255, 179, 0, .1); outline: 2px solid var(--honey); outline-offset: -2px; border-bottom-color: transparent; }
.dcr-row.bot .dcr-note { background: var(--honey); color: var(--on-honey); }
.dcr-row.banned .dcr-note { background: rgba(239, 90, 103, .14); color: #ff9aa4; }
.dcr-zone { display: flex; align-items: center; gap: 8px; margin: 12px 0 4px; padding: 0 10px; font: 700 11px/1.3 var(--body); letter-spacing: .04em; text-transform: uppercase; }
.dcr-zone::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .35; }
.dcr-zone.safe { color: #6ee7a3; margin-top: 4px; }
.dcr-zone.ban { color: #ff9aa4; }
@media (max-width: 640px) {
  .dcr { grid-template-columns: minmax(0, 1fr); }
  .dcr-side { display: none; }
  .dcr-main { padding: 16px 12px; }
  .dcr-row, .dcr-head { padding-left: 6px; padding-right: 6px; gap: 8px; }
  .dcr-note { font-size: 11px; }
}

/* scene animation: plays once on load, rests fully visible */
.play .spam { animation: in .45s ease both .5s; }
.play .spam .spam-text { animation: struck .4s ease both 1.9s; }
.play .banned-note { animation: pop .35s cubic-bezier(.2, 1.4, .5, 1) both 1.7s; }
.play .dc-log { animation: in .5s ease both 2.3s; }
@keyframes in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes pop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@keyframes struck { from { opacity: 1; text-decoration: none; } to { opacity: .45; text-decoration: line-through; text-decoration-color: #da373c; } }
.spam .spam-text { opacity: .45; text-decoration: line-through; text-decoration-color: #da373c; }
/* Replay: the scene replays when it scrolls back into view, or on click/tap. A hint shows on hover only. */
#scene { position: relative; cursor: pointer; }
#scene:focus-visible { outline: 3px solid var(--honey); outline-offset: 3px; }
.replay-hint {
  position: absolute; right: 12px; bottom: 12px; font: 600 12px/1 var(--mono); color: #f2f3f5;
  background: rgba(17, 18, 20, .82); border: 1px solid rgba(255, 255, 255, .12); border-radius: 99px;
  padding: 7px 11px; opacity: 0; transform: translateY(4px); transition: opacity .2s, transform .2s; pointer-events: none;
}
.replay-hint .rh-tap { display: none; }
@media (hover: hover) {
  #scene:hover .replay-hint { opacity: 1; transform: none; }
}
@media (hover: none) {  /* touch screens can't hover: always show it, and say "Tap" */
  .replay-hint { opacity: 1; transform: none; }
  .replay-hint .rh-click { display: none; }
  .replay-hint .rh-tap { display: inline; }
}
#scene:focus-visible .replay-hint { opacity: 1; transform: none; }

/* ---------- Sections ---------- */
section.band { padding-block: 96px; border-bottom: 1px solid var(--line); }
section.band.alt { background: var(--bg-2); }
.sec-head { display: grid; gap: 14px; margin-bottom: 48px; max-width: 760px; }
.sec-head h2 { font-size: clamp(2rem, 3.6vw, 2.9rem); font-weight: 800; }

.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: step; }
.step { position: relative; padding: 28px 24px 26px; border-top: 3px solid var(--honey); background: var(--surface); border-radius: 0 0 14px 14px; }
.step .n { font: 800 3.2rem/1 var(--display); color: var(--honey-ink); opacity: .9; }
.step h3 { font-size: 1.35rem; margin: 14px 0 8px; }
.step p { color: var(--muted); }

.features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.feature { background: var(--bg); padding: 30px 26px; display: grid; gap: 10px; align-content: start; }
section.alt .feature { background: var(--bg-2); }
.feature svg { width: 28px; height: 28px; color: var(--honey-ink); }
.feature h3 { font-size: 1.2rem; }
.feature p { color: var(--muted); font-size: 16px; }
.feature .cmds { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
/* The experimental feature sits apart from the grid, so the grid's rows stay full (8 cards: 4, 2 or 1 per row) */
.feature-exp {
  margin-top: 20px; grid-template-columns: auto minmax(0, 1fr); gap: 16px 22px; align-items: start;
  border: 1px dashed color-mix(in srgb, var(--honey) 55%, var(--line)); border-radius: 16px;
}
section.alt .feature-exp { background: color-mix(in srgb, var(--honey) 5%, var(--bg-2)); }
.feature-exp .early-badge { margin-bottom: 10px; }
.feature-exp p { margin-top: 8px; max-width: 75ch; }

.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.checklist { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 14px; }
.checklist li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; }
.checklist svg { width: 22px; height: 22px; color: var(--honey-ink); margin-top: 2px; }
.scan-card { background: var(--dc-bg); color: var(--dc-text); border-radius: 16px; padding: 18px; box-shadow: var(--shadow); font-size: 14.5px; }
.score { display: flex; align-items: center; gap: 16px; margin: 6px 0 12px; }
.ring { --p: 84; width: 72px; height: 72px; border-radius: 50%; flex: none;
  background: conic-gradient(#3ccf7e calc(var(--p) * 1%), #1e1f22 0); display: grid; place-items: center; }
.ring span { width: 56px; height: 56px; border-radius: 50%; background: var(--dc-embed); display: grid; place-items: center; font: 800 20px/1 var(--display); color: #f2f3f5; font-variant-numeric: tabular-nums; }
.scan-list { display: grid; gap: 10px; margin-top: 10px; }
.scan-list b { color: #f2f3f5; display: block; font-size: 13px; margin-bottom: 2px; }
.scan-list div { font-size: 13.5px; }
.scan-list small { color: var(--dc-muted); display: block; font-size: 12.5px; }
.example-tag { font: 600 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--dc-muted); }

#faq .sec-head, #faq .sec-head .lede { max-width: none; }  /* as wide as the questions below */
.faq { display: grid; gap: 10px; }
.faq details { background: var(--bg); border: 1px solid var(--line); border-radius: 14px; }
.faq details[open] { border-color: color-mix(in srgb, var(--honey) 45%, var(--line)); }
.faq summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 18px 22px; min-height: 44px; font: 700 1.08rem/1.35 var(--display);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; flex: none; font: 700 1.5rem/1 var(--mono); color: var(--honey-ink); transition: transform .2s ease; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq p { padding: 0 22px 20px; color: var(--muted); max-width: 72ch; }
.final { text-align: left; padding-block: 88px; }
.final .box {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; align-items: center;
  background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 34px;
}
.final .logo { width: 88px; height: 88px; }
.final h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; }
.final p { color: var(--muted); margin-top: 8px; }

footer { padding-block: 34px; color: var(--muted); font-size: 14.5px; }
footer .wrap { display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center; }
footer .grow { margin-right: auto; }

/* ---------- Docs ---------- */
.docs { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 56px; padding-block: 48px 90px; }
.toc { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 90px); align-self: start; max-height: calc(100vh - 110px); overflow: auto; }
.toc h4 { margin: 0 0 10px; }
.toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; border-left: 1px solid var(--line); }
.toc a { display: block; color: var(--muted); text-decoration: none; padding: 6px 12px; margin-left: -1px; border-left: 2px solid transparent; font-size: 15px; }
.toc a:hover { color: var(--text); }
.toc a.on { color: var(--text); border-left-color: var(--honey); font-weight: 700; }
.toc-toggle { display: none; } /* phones and tablets only, see Responsive */
.nowrap { white-space: nowrap; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.doc { max-width: 790px; }
.doc > header { margin-bottom: 40px; display: grid; gap: 14px; }
.doc > header h1 { font-size: clamp(2.2rem, 4vw, 3.1rem); font-weight: 800; }
.doc section { padding-top: 20px; margin-bottom: 52px; }
.doc h2 { font-size: 1.85rem; font-weight: 800; margin-bottom: 16px; display: flex; gap: 12px; align-items: baseline; }
.doc h2 .lock { font: 600 12px/1 var(--mono); color: var(--muted); border: 1px solid var(--line); border-radius: 99px; padding: 5px 8px; letter-spacing: .02em; }
.doc h3 { font-size: 1.25rem; margin: 30px 0 10px; }
.doc p, .doc li { max-width: 68ch; }
.doc p + p { margin-top: 14px; }
.doc ul, .doc ol.num { padding-left: 1.3em; display: grid; gap: 8px; margin: 14px 0; }
.doc ol.num li::marker { font: 700 1em var(--display); color: var(--honey-ink); }
.table { overflow-x: auto; margin: 18px 0; border: 1px solid var(--line); border-radius: 12px; }
table { border-collapse: collapse; width: 100%; font-size: 15px; min-width: 560px; }
th, td { text-align: left; vertical-align: top; padding: 11px 14px; border-bottom: 1px solid var(--line); }
th { font: 700 12px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: var(--surface); }
tr:last-child td { border-bottom: none; }
td:first-child { white-space: nowrap; }
td code { white-space: nowrap; }
.num-col { font-variant-numeric: tabular-nums; color: var(--muted); }
.lang-head + tbody td:nth-child(-n+2) { white-space: nowrap; }
/* Flags as images: Windows shows flag emoji as two letters ("PT"), so the languages table uses
   inline SVGs from flag-icons (MIT, github.com/lipis/flag-icons); Spain uses its civil flag. */
.flag { display: inline-block; width: 20px; height: 15px; margin-right: 8px; vertical-align: -2px; flex: none;
  background-size: cover; background-position: center; background-repeat: no-repeat;
  border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); }
.flag-gb { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0ibTc1IDAgMjQ0IDE4MUw1NjIgMGg3OHY2Mkw0MDAgMjQxbDI0MCAxNzh2NjFoLTgwTDMyMCAzMDEgODEgNDgwSDB2LTYwbDIzOS0xNzhMMCA2NFYweiIvPjxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Im00MjQgMjgxIDIxNiAxNTl2NDBMMzY5IDI4MXptLTE4NCAyMCA2IDM1TDU0IDQ4MEgwek02NDAgMHYzTDM5MSAxOTFsMi00NEw1OTAgMHpNMCAwbDIzOSAxNzZoLTYwTDAgNDJ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI0MSAwdjQ4MGgxNjBWMHpNMCAxNjB2MTYwaDY0MFYxNjB6Ii8+PHBhdGggZmlsbD0iI0M4MTAyRSIgZD0iTTAgMTkzdjk2aDY0MHYtOTZ6TTI3MyAwdjQ4MGg5NlYweiIvPjwvc3ZnPg=="); }
.flag-fr { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWZyIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+PHBhdGggZmlsbD0iIzAwMDA5MSIgZD0iTTAgMGgyMTMuM3Y0ODBIMHoiLz48cGF0aCBmaWxsPSIjZTEwMDBmIiBkPSJNNDI2LjcgMEg2NDB2NDgwSDQyNi43eiIvPjwvc3ZnPg=="); }
.flag-es { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIj48cGF0aCBmaWxsPSIjQUExNTFCIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz48cGF0aCBmaWxsPSIjRjFCRjAwIiBkPSJNMCAxMjBoNjQwdjI0MEgweiIvPjwvc3ZnPg=="); }
.flag-de { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PHBhdGggZmlsbD0iI2ZjMCIgZD0iTTAgMzIwaDY0MHYxNjBIMHoiLz48cGF0aCBmaWxsPSIjMDAwMDAxIiBkPSJNMCAwaDY0MHYxNjBIMHoiLz48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDE2MGg2NDB2MTYwSDB6Ii8+PC9zdmc+"); }
.flag-tr { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXRyIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZTMwYTE3IiBkPSJNMCAwaDY0MHY0ODBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDA3IDI0Ny41YzAgNjYuMi01NC42IDExOS45LTEyMiAxMTkuOXMtMTIyLTUzLjctMTIyLTEyMCA1NC42LTExOS44IDEyMi0xMTkuOCAxMjIgNTMuNyAxMjIgMTE5LjkiLz48cGF0aCBmaWxsPSIjZTMwYTE3IiBkPSJNNDEzIDI0Ny41YzAgNTMtNDMuNiA5NS45LTk3LjUgOTUuOXMtOTcuNi00My05Ny42LTk2IDQzLjctOTUuOCA5Ny42LTk1LjggOTcuNiA0Mi45IDk3LjYgOTUuOXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtNDMwLjcgMTkxLjUtMSA0NC4zLTQxLjMgMTEuMiA0MC44IDE0LjUtMSA0MC43IDI2LjUtMzEuOCA0MC4yIDE0LTIzLjItMzQuMSAyOC4zLTMzLjktNDMuNSAxMi0yNS44LTM3eiIvPjwvZz48L3N2Zz4="); }
.flag-sa { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXNhIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJzYS1hIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg1LjMgMGg2ODIuNnY1MTJILTg1LjN6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjc2EtYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwKXNjYWxlKC45Mzc1KSI+PHBhdGggZmlsbD0iIzE2NWQzMSIgZD0iTS0xMjggMGg3Njh2NTEyaC03Njh6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTY1LjUgMTQ1LjFjLS44IDEyLTIgMzMgOC4zIDM1LjIgMTIuMyAxLjIgNS41LTIwLjggMTAtMjQuOC44LTIgMi4zLTIgMi40LjV2MTguN2MwIDYgNCA3LjggNyA5IDMuMi0uMiA1LjQgMCA2LjYgM2wxLjYgMzIuM3M3LjQgMi4yIDcuOC0xOC4xYy4zLTEyLTIuNC0yMS45LS44LTI0LjIgMC0yLjMgMy0yLjQgNS0xLjMgMy4yIDIuMiA0LjYgNSA5LjYgNCA3LjYtMi4yIDEyLjItNS45IDEyLjMtMTEuN2E0NyA0NyAwIDAgMC0zLjUtMTYuNmMuNC0xLTEuNC0zLjctMS00LjcgMS4zIDIuMiAzLjQgMiAzLjggMC0xLjMtNC4yLTMuMy04LjMtNi41LTEwLTIuNy0yLjQtNi43LTItOCAzLS44IDUuNyAyIDEyLjQgNi4xIDE4IC45IDIuMSAyLjEgNS43IDEuNiA4LjktMi4yIDEuMy00LjQuNy02LjMtMS4yIDAgMC02LTQuNS02LTUuNiAxLjYtMTAuMi4zLTExLjQtLjYtMTQuMy0uNi0zLjktMi41LTUuMi00LTcuOC0xLjUtMS42LTMuNS0xLjYtNC41IDAtMi43IDQuNi0xLjQgMTQuNS41IDE5IDEuNCA0LjEgMy41IDYuNyAyLjUgNi43LS44IDIuMy0yLjUgMS43LTMuOC0xYTY2LjYgNjYuNiAwIDAgMS0yLjEtMTcuNGMtLjUtNC42LTEuMS0xNC40LTQuMi0xNy0xLjgtMi40LTQuNS0xLjItNS41IDFhODIuNCA4Mi40IDAgMCAwIC4zIDEzLjRjMiA3LjQgMi43IDE0IDMuNyAyMS41LjMgMTAuMS01LjggNC40LTUuNS0uN2E0NSA0NSAwIDAgMC0uMy0xOS40Yy0xLTIuNi0yLjEtMy4yLTQuNi0yLjgtMS45IDAtNi44IDUuMy04LjIgMTQuMyAwIDAtMS4yIDQuNi0xLjcgOC43LS43IDQuNi0zLjcgOC01LjktLjYtMS44LTYuMy0zLTIxLjYtNi0xOHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtOTkgMTk0LjItMzIgMTUuNGMuMy03LjMgMTUuMS0yMC40IDI1LjMtMjAuNSA2LjUuMSA0LjkgMi41IDYuNiA1LjF6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkzLjMgMjA0LjJjLTE2LjggNDMuNSAzOS41IDQ5LjYgNDUuOCAxLjguNi0yIDMtMy45IDMuNC0uNy0xLjMgNDMuMy00My42IDQ2LjItNTAuOCAzMi42YTQxLjkgNDEuOSAwIDAgMS0yLjUtMTQuNmMtMS04LjUtNS41LTUuMi02LjIgMy4yLS43IDQuNy0uNSA2LS41IDEwLjUgMi4yIDM0LjIgNTYuNyAxOS41IDY1LjYtOC43IDQuNy0xNS42LS44LTI3LjEgMS43LTI3LjEgNS40IDUuOCAxMyAuOCAxNC43LTEuMi43LTEgMi41LTEuNyAzLjctLjQgNC4yIDMgMTEuNiAxLjYgMTMuMi0zLjcuOS01LjMgMS42LTEwLjcgMS44LTE2LjItMy41IDEtNiAxLjctNi4zIDMuMmwtLjcgNC42Yy0uMyAxLjUtMy4yIDEuNS0zLjQtLjQtMS4zLTYtNi43LTYuNy0xMCAyLjUtMi4xIDEuOC02LjEgMi4yLTYuNS0uNS41LTYuMi0yLTctNy00LjFsLTQuOC0zNi4yYzIgMCA0IDEuNSA1LjktLjktMi02LjUtNi41LTE5LjctOS0yMC43LTEuMS0xLjQtMi4xLS41LTMuNy0uMS0yLjYuOC01IDMtNC4yIDcuNCAzIDE4LjggNSAzMy4xIDguMSA1MiAuNSAyLjEtMS4zIDUtMy43IDQuNy00LTIuNy01LTguMi0xMi04LTUgMC0xMC42IDUuNS0xMS4zIDEwLjctLjkgNC4yLTEuMiA4LjcgMCAxMi4zIDMuNSA0LjIgNy43IDMuOCAxMS40IDIuOSAzLTEuMyA1LjUtNC4zIDYuNi0zLjYuNy45LjEgMTAuOS0xNC4zIDE4LjUtOC43IDQtMTUuNyA0LjgtMTkuNC0yLjMtMi4zLTQuNS4yLTIxLjQtNS42LTE3LjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTY1IDE2MGMzLjMtMS4yIDE5LjMtMTkuNiAxOS4zLTE5LjZsLTIuNC0yYy0uOS0uNy0uOC0xLjUgMC0yLjIgNC0yLjQgMi43LTcuNC43LTkuOGE5LjcgOS43IDAgMCAwLTguNy4xYy0yLjggMi43LTMuNCA3LTEuMiA5LjYgMi4xIDEgNC4yIDMuMiAyLjggNC40LTYuNiA3LTI0LjUgMTkuMS0yMi40IDE5LjUuNC42IDExLjUuNiAxMS44IDB6bS05NyA2NWMtNiA5LjYtNi41IDIzLjktMy4yIDI4LjIgMS44IDIgNC43IDIuOSA2LjggMi4yIDMuOC0xLjYgNS41LTkuMyA0LjYtMTItMS4zLTItMi4zLTIuMy0zLjYtLjctMi42IDUuNC0zLjcgMS43LTQtMS4zYTcwIDcwIDAgMCAxIC44LTE1LjJjLjctNC4yIDAtMy0xLjQtMS4ybTI1Ny4xLTE1LjNjLTUuOC0xMi42LTEzLjktMjUtMTYuNC0yOS43YTU1Ny42IDU1Ny42IDAgMCAwLTI0LjgtMzZjLTYuMi03LjQgMTAuMiAzLjEtMi0xMS43bC04LjktNy41Yy0yLTEuNC02LjgtNC03LjYuMi0uNCAzLjgtLjIgNS44LjQgOC45LjUgMiAzLjUgNS41IDUgNy41YTU2NSA1NjUgMCAwIDEgNTMuOCA4Ni41YzIuNi0xLjMgMi0xNi4xLjUtMTguMiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yOTkuNiAyNTEuNWMtMS4yIDEuMyAyLjggNi44IDggNi44IDguNi0xIDE2LjItNS44IDIzLjItMTguNmEzMyAzMyAwIDAgMCA1LjMtMTQuMiAzMTcgMzE3IDAgMCAwLTUuOC03Mi40Yy0uMy0yIDAtNC40LjItNSAuNi0uNyAyLjUgMCAzLjUtMS43IDEuNS0xLjUtNC0xNC03LTE4LjctMS0yLjItMS41LTMuNi0zLjMuMmEyNyAyNyAwIDAgMC0zIDEzLjZjNC4xIDI4LjUgNS40IDUzLjQgOCA4MS45LjMgMi44LS4xIDYuOC0yIDguNGE4MC4yIDgwLjIgMCAwIDEtMjcuMSAxOS43bTExNi41LS4xYy02LjIgMy42LTYuMiA3LjctMS4yIDcuOCA4LjYtMSAxOC44LTEuNyAyNS44LTEyLjNhNDEgNDEgMCAwIDAgNC4yLTE2IDMwMyAzMDMgMCAwIDAtNC43LTcxLjRjLS4yLTItMS4xLTYuNy0uOC03LjMuNi0xLjQgMy40LjEgNC40LTEuNSAxLjQtMS41LTcuMy0xMi43LTEwLjQtMTcuNS0xLTIuMi0xLjQtMy42LTMuMy4yYTIyLjMgMjIuMyAwIDAgMC0xLjggMTMuNmM0LjYgMzEgOCA1NC4yIDguNyA4MS42LS40IDIuNi0uNSA0LTEuNyA3LjMtMi43IDMuNC01LjcgNy44LTguNSA5LjktMi44IDItOC44IDQtMTAuNyA1LjYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDIwLjcgMjIzLjdjMC03LjMuMS0xMy41LS4xLTE5YTM0IDM0IDAgMCAwLTMtMTMuNWMtMS44LTQuMS0uNy03LjQtMS42LTExLjgtLjgtNC40LS42LTExLTEuOC0xNi4xLS40LTItMS40LTguNS0xLjEtOS4yLjUtMS40IDIuNCAwIDMuNC0xLjYgMS40LTEuNS01LTE4LTguMi0yMi43LTEuMS0yLjEtMy4zLTEuNC01LjggMi0yLjUgMi4zLTEuNiA3LjQtLjYgMTIuMyA2LjEgMzIuMyAxMC44IDYxLjYgOS44IDkyLjMtLjQgMi42IDktNy44IDktMTIuN20tNDUuNy00MGMtMy45LS4yLTEyLTcuNy0xNC40LTEyYTggOCAwIDAgMSAuNC02LjVjMS41LTEgMy43LTIgNS40LTEgMCAwIDEuNyAyLjQgMS40IDIuNyAyIDEgMyAuNSAzLjItLjQuMS0xLjUtLjYtMi40LS42LTQgLjktNC42IDYtNS4zIDgtMi40IDEuNCAxLjggMiA1LjUgMi4xIDggMCAxLjMtMi0uMi0zLjMgMC0xLjEuNC0xLjQgMS44LTEuNSAzLS4yIDMuMy0uNiA4LjYtLjcgMTIuNXptLTcxLjggNDhjMS05LjgtLjQtMjcuMy0uNS0zMy4xQTQ3NyA0NzcgMCAwIDAgMjk5IDE1NGMtMS4yLTguNCAzLjQuOSAyLjgtNC0xLjUtOC4zLTYuMS0xNC0xMS42LTIxLjUtMS43LTIuNS0xLjctMy00LjQuNi0zIDYuNy0uNCAxMS40LjQgMTYuNyAzLjkgMTcuMiA2LjIgMzMgNy4zIDQ4LjdhMzkzLjQgMzkzLjQgMCAwIDEgLjQgNDljMyAuMSA3LjYtNC43IDkuMy0xMS44Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQzNCAyMTZjLTYuOS0xMS42LTE3LjItMjQtMjAtMjguN2E2NTggNjU4IDAgMCAwLTI5LjItMzcuOGMtOC41LTkgNC0xLjUtMS42LTguNS00LjctNS4xLTYtNi44LTEwLjEtOS45LTItMS4zLTMuMi0zLjgtNCAuNWE4MyA4MyAwIDAgMC0uMiAxMS4yYzAgMS43IDEuOCA1IDMuNCA3IDIwLjcgMjUuNSA0My40IDUxLjUgNjEuNiA4NC4yIDIuNi0xLjMgMS43LTE2IDAtMTh6Ii8+PHBhdGggZmlsbD0iIzE2NWQzMSIgZD0iTTEyMi42IDE5NC43Yy0uNS45LTEuNiAyLTEuMiAzLjEuNyAxIDEuNCAxLjMgMi42IDEuMyAxLjEgMCAyLjcuMyAzLS4zLjYtLjcgMS0yIC42LTMuMy0xLjItMy00LjQtMS44LTUtLjgiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzU0LjIgMzYyLjVjOS4yLjQgMTUuMi41IDIzLjMgMS40bDkuNi0xYzEwLjYtMSAxMSAxNS4xIDExIDE1LjEgMCA5LjUtMy43IDEwLTguNCAxMS0yLjcuNC00LTEuNi01LjUtMy42YTE0IDE0IDAgMCAxLTcgLjRjLTMuOS0uMi03LjctLjItMTEuNS0uNS00LS4zLTYuMi41LTEwLjMuMS0uOCAxLjMtMiAzLjEtNC40IDIuNi0yLS4zLTQuNS02LTMuOC0xMC41IDEuNS0zLjIgMS0yLjEgMS0zLjUtMzcuNi0xLTc1LjUtMi43LTExMi4zLTIuMi0yOC44LjEtNTcuMiAxLjMtODUuNyAyLjUtMTUuMi0uMi0yNi44LTIuNi0zNC44LTE0LjMuOCAwIDM4LjggMi4xIDQ5LjkgMS40IDIwLjUtLjIgMzkuMy0xLjkgNjAuMi0yLjUgNDEuMi43IDgyLjEuNyAxMjMuMyAzLjYtNC0yLjctNC05IDItMTAuNi41LS40LjggMy4xIDEuNyAzIDQuOS0uMyAyLjcgNi4zIDEuNyA3LjZNMTg4LjYgMTM1LjNjLTYuMiAxNy44IDMuNiAzNy40IDEwLjQgMzUuNSA1IDIgOC03LjQgMTAtMTcuNiAxLjUtMi45IDIuNS0zLjIgMy4yLTEuNy0uMiAxMy42IDEgMTYuNyA0LjUgMjAuOCA3LjggNiAxNC4zLjggMTQuOC4zbDYtNi4xYzEuNC0xLjUgMy4yLTEuNSA1LjEtLjMgMS45IDEuNyAxLjYgNC42IDUuNiA2LjYgMy40IDEuNCAxMC41LjQgMTIuMi0yLjUgMi4yLTMuOSAyLjgtNS4yIDMuOC02LjYgMS42LTIuMSA0LjMtMS4yIDQuMy0uNS0uMyAxLjItMS45IDIuMy0uOCA0LjUgMiAxLjQgMi40LjUgMy41LjIgNC0yIDctMTAuNiA3LTEwLjYuMS0zLjItMS43LTMtMi45LTIuMmwtMy4xIDIuMWMtMiAuMy01LjcgMS42LTcuNi0xLjMtMS45LTMuNC0xLjktOC4zLTMuMy0xMS44IDAtLjItMi42LTUuNS0uMi01LjggMS4yLjIgMy43LjkgNC4xLTEuMiAxLjItMi4xLTIuNi04LTUuMy0xMS0yLjMtMi41LTUuNS0yLjgtOC42LS4yLTIuMiAyLTEuOSA0LjItMi4zIDYuM2E5LjggOS44IDAgMCAwIDIgOC43YzIuMiA0LjIgNi4xIDkuNyA0LjggMTcuNSAwIDAtMi4zIDMuNi02LjMgMy4xLTEuNy0uMy00LjQtMS01LjgtMTEuOC0xLjEtOCAuMi0xOS40LTMuMi0yNC43LTEuMy0zLjMtMi4yLTYuNC01LjItLjktLjggMi4yLTQuMyA1LjUtMS44IDEyLjJhMzYgMzYgMCAwIDEgMiAxOWMtMS41IDIuMi0xLjggMi45LTMuNyA1LTIuNiAzLTUuNSAyLjItNy43IDEuMS0yLTEuMy0zLjYtMi00LjYtNi41LjItNyAuNi0xOC41LS43LTIwLjktMS45LTMuOC01LTIuNC02LjMtMS4yYTQ3LjcgNDcuNyAwIDAgMC0xMS41IDIzLjVjLTEuOCA1LjgtMy43IDQuMS01IDEuOC0zLjItMy0zLjUtMjYuNy03LjQtMjIuOCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMDcuNCAxNzQuMWMyLjktMiAxLjYtMy40IDUuOC44YTcyIDcyIDAgMCAxIDkuMiAzMS4zYy0uMiAyLjYgMS42IDQuMiAyLjUgMy42LjQtNiAxNS4xLTE0LjQgMjguNi0xNS42IDItLjUgMS00LjQgMS4zLTYuNC0uOC03LjUgNC4yLTE0LjMgMTEuMi0xNC44IDkuNiAxLjQgMTIuOCA2LjUgMTMgMTQuMi0xLjEgMTUtMTYuNyAxNy41LTI1LjQgMTguNy0xLjMuNS0xLjkgMS4xIDAgMS44bDM2LjYuMiAxLjkgMWMuMiAxLS42LjItMiAyLjZhMjkuNSAyOS41IDAgMCAwLTMuNyAxMS41Yy0xMC45IDMuNi0yMi4yIDUtMzMuNiA2LjUtNCAyLTYgNC43LTUuMiA3LjcgMS40IDMuMyAxMC4yIDYuNyAxMC4yIDYuOCAxLjcgMSAzLjYgMy41LS41IDguNi0xNy44LS44LTMxLjctOC40LTM2LjUtMTkuMS0xLjQtMS4xLTMgMC00IDEuNC03IDktMTMuOCAxNy0yNS43IDIxLjQtNyAxLjgtMTQuMy0xLjEtMTcuNy01LjctMi4zLTIuNy0yLjItNS42LTMtNi4yLTMuOSAxLjctMzYuOSAxNS43LTMyLjcgOS4xIDgtOC41IDIyLTE0LjkgMzQuMi0yMy4zLjktMi45IDIuNS0xMi41IDcuMy0xNS42LjMgMC0uNyA1LjYtLjYgOCAwIDItLjIgMi43LjIgMi4yLjktLjUgMTUuNy0xMi4yIDE3LTE1LjggMS40LTIgLjMtNy4yLjMtNy40LTIuOC03LjItNi43LTcuOC04LjEtMTEuNC0xLjMtNC43LS43LTEwLjEgMi0xMS43IDIuNC0yLjEgNS4yLTEuOSA3LjkuNSAzIDIuNyA1LjYgOCA2LjQgMTEuOS0uNSAxLjUtNC0xLTUtLjNhMTYgMTYgMCAwIDEgMy43IDcuOGMyIDguMiAxLjQgMTEuNC0uNiAxNi43LTYuNiAxMy45LTE1IDE4LTIyLjQgMjMuMi0uMiAwLS4zIDMuNSAyLjQgNS40IDEgMSA0LjkgMS41IDkuNCAwYTU0LjUgNTQuNSAwIDAgMCAyMi4zLTIzLjMgNTEgNTEgMCAwIDAtMi40LTIyLjJjLTIuOS02LjctNi4zLTE2LjItNi4zLTE2LjQtLjEtNC4yLjItNS42IDItNy43bS05NS44LTM4LjZjNC4yIDIgMTIuMiAxLjEgMTEuOC01LjdsLS4yLTMuMWMtLjgtMi0zLjItMS41LTMuNy41LS4yLjcuMyAxLjgtLjMgMi4xLS40LjQtMS43LjItMS43LTEuNyAwLS42LS40LTEuMi0uNy0xLjYtLjItLjItLjQtLjItLjktLjItLjYgMC0uNi4xLS45LjYtLjEuNS0uMyAxLS4zIDEuNiAwIC43LS40LjktLjggMS0uNiAwLS41IDAtMS0uMi0uMi0uMy0uNS0uNC0uNS0xbC0uMy0xLjZjLS4yLS4zLS42LS41LTEtLjYtMi4zIDAtMi41IDIuNy0yLjMgMy43LS4yLjItLjMgNC45IDIuOCA2LjIiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjM1LjEgMTg3LjdjNC4yIDIgMTQuMy45IDExLjgtNS42bC0uMi0zLjJjLS45LTItMy4yLTEuNS0zLjcuNi0uMi42LjMgMS43LS40IDItLjMuNC0xLjcuMi0xLjYtMS42IDAtLjYtLjQtMS4zLS43LTEuNy0uMy0uMS0uNC0uMi0xLS4yLS41IDAtLjUuMi0uOC43LS4yLjUtLjMgMS0uMyAxLjYtLjEuNi0uNC44LS45IDEtLjUgMC0uNCAwLS44LS4zLS4zLS4zLS42LS40LS42LS45bC0uMy0xLjZjLS4yLS4zLS42LS41LTEtLjYtMi4zIDAtMi41IDIuNi0yLjQgMy42LS4xLjItLjIgNSAzIDYuMnptNzItMjEuNmM0LjIgMiAxMi4xIDEuMSAxMS44LTUuNmwtLjItMy4yYy0uOS0yLTMuMi0xLjUtMy43LjUtLjIuNy4zIDEuOC0uNCAyLjItLjMuMy0xLjcuMS0xLjYtMS44IDAtLjYtLjQtMS4yLS43LTEuNi0uMy0uMi0uNC0uMi0xLS4yLS41IDAtLjUuMi0uOC43bC0uMyAxLjVjLS4xLjctLjQgMS0uOSAxcy0uNCAwLS44LS4yYy0uMy0uMy0uNi0uNC0uNi0uOXMtLjEtMS4zLS4zLTEuN2MtLjItLjMtLjYtLjQtMS0uNS0yLjMgMC0yLjUgMi42LTIuNCAzLjYtLjEuMi0uMiA0LjkgMyA2LjJ6bTM3LjMgNTQuM2MtNy4zIDguMy00LjEgMjItMi40IDI1IDIuNCA0LjggNC4zIDcuOSA5IDEwLjMgNC4zIDMuMSA3LjcgMS4yIDkuNS0xIDQuMy00LjUgNC40LTE2IDYuNC0xOC4yIDEuNC00LjIgNS0zLjUgNi43LTEuNmExNi41IDE2LjUgMCAwIDAgNi4yIDUuM2M0IDMuNSA4LjggNC4yIDEzLjYgMSAzLjItMS45IDUuMy00LjIgNy4yLTguOSAyLTUuNiAxLTMxLjYuNS00N2wtNC4yLTIxLjVjMC0uMi0uNS0xMC4yLTEtMTIuNSAwLTEtLjMtMS4zLjctMS4yIDEuMSAxIDEuMiAxIDIgMS4zIDEgLjIgMi0xLjcgMS4zLTMuM2wtMTAtMTguNmMtLjgtLjgtMS45LTEuNi0zLjIuMmE3LjMgNy4zIDAgMCAwLTIuNCA1LjVjLjMgNC40IDEgOC45IDEuMyAxMy4zbDQgMjIuNmMxLjMgMTYgMS42IDI5LjIgMi45IDQ1LjMtLjIgNi44LTIuMyAxMi43LTQuMyAxMy42IDAgMC0zIDEuNy01LS4yLTEuNS0uNi03LjQtOS45LTcuNC05LjktMy0yLjctNS0yLTcuMSAwLTYgNS44LTguNiAxNi40LTEyLjcgMjMuOC0xIDEuNy00IDMtNy4yLS4xLTguMi0xMS4zLTMuNC0yNy4zLTQuNC0yMy4yTTMwOSAxMjYuN2MzLjggMS41IDYuNCA5LjIgNS42IDEzLS44IDQuNS0yLjggOS41LTQuMiA4LjktMS42LS42IDEtNC42LS41LTguOC0uOC0yLjgtNi03LjgtNS40LTkuMi0xLTMuMSAyLjItNC41IDQuNS00eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zNTYuNiAyMjVjLjctOS4yLS42LTE0LjgtLjgtMjAuMnMtNi4xLTQ2LjYtNy4zLTUwLjZjLTEuNS03LjggNS43LTEgNC45LTUuNi0yLjUtNS42LTguNi0xMy45LTEwLjUtMTguOC0xLjItMi0uNy00LTMuMy0uNWE0Mi4zIDQyLjMgMCAwIDAtMi4zIDE5LjJjNi4yIDMyLjMgMTIuNSA1OS4xIDExLjUgODkuOCAzIDAgNi4zLTYuNyA3LjgtMTMuM202NC40LTg1LjNjMy41IDEuNyA1LjUgMTEuMyA1LjEgMTQtLjcgNS0yLjUgMTAuNC0zLjggOS43LTEuNS0uNi4zLTcuNC0uNC05LjUtLjgtMy01LjUtOC40LTUtMTAtMS0zLjQgMi00LjggNC4xLTQuMm0tMjU1LjcgNjcuOWMzLjMgMS4zIDUuMyA4LjMgNSAxMC4zLS44IDMuNy0yLjUgNy43LTMuOCA3LjEtMS4zLS40LjMtNS40LS4zLTctLjMtMy43LTQuOS01LjctNC44LTcuMy0uOC0zIDItMy41IDQtMy4xeiIvPjxwYXRoIGZpbGw9IiMxNjVkMzEiIGQ9Ik0yNDQuOSAyMTguMmM0LjIuMiA2LjMgMy42IDIuNCA1LTQgMS4zLTcuNyAyLjQtNy44IDggMS41IDgtMiA1LjItNCA0LjItMi40LTEuOC05LjItNi0xMC4yLTE1LS4xLTIuMSAxLjYtNCA0LjMtNCA0IDEuMSAxMCAxLjIgMTUuMyAxLjgiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNzcuNCAxMjQuNGM0LjggMS40IDUuMSA4LjYgNC44IDEwLjctLjcgMy44LTIuNCA3LjktMy42IDcuNC0xLjQtLjUgMC01LjctLjctNy4zLS43LTIuMi00LjgtNi40LTQuNC03LjYtLjktMi41IDItMy43IDMuOS0zLjJtOTUuOSAzMy42Yy0zLjggMi01LjIgOC0yLjkgMTEuNiAyLjIgMyA1LjYgMS45IDYgMS45IDMuNy40IDUuOS02LjkgNS45LTYuOXMuMS0yLTQuMiAxLjljLTEuOS4zLTItLjQtMi41LTEuNGE5IDkgMCAwIDEgLjUtNS43Yy43LTEuOC0uNy0yLjYtMi44LTEuNG0yOC0zNi40Yy0yIDEuMy01LjcgNS4yLTUuOCA5LjYtLjEgMi41LS42IDIuNSAxIDQgMS4zIDEuOCAyLjQgMS43IDQuOC40YTUuMSA1LjEgMCAwIDAgMi4zLTMuNGMuNi0yLjgtMyAxLjQtMy40LTEuOC0uOC0zIDEuNS00LjIgMy43LTcgMC0yIDAtMy4zLTIuNy0xLjh6bTIyLjQgNGE1OS41IDU5LjUgMCAwIDAtMS42IDExLjFjLS42IDIuOCAzIDQgNC41LjQgMi40LTYuNSAyLjQtOS4zIDIuNi0xMi0uNy00LjMtMy42LTQuMi01LjUuNW0xNDIgNzIuM2MuNC0uNSAyMC0xNC40IDIwLTE0LjQgMi0uNyAxLjUgNy4yLjYgNy4xYTc3LjggNzcuOCAwIDAgMS0yMC43IDE0LjNjLTEgLjctMS45LTUuMyAwLTd6bTE3LjctLjJjMy41IDEuNyA0LjkgMTEuOCA0LjUgMTQuNSAwIDUuNC0zLjMgOS42LTQuNyA5LTEuNC0uNy4yLTYuNy0uNS04LjgtLjgtMy0zLjctOC41LTMuMi0xMC4xLTEtMy40IDEuOC01LjIgNC00LjZ6bS0xMTYgNDMuNGEyNiAyNiAwIDAgMSA1LjYtNC45YzItMSAzLjguOCAzLjcuNy4zIDItMS4yIDMuNy0uNyA2LjMuNCAxIC43IDIuMiAyLjYgMS44IDMuMS0yLjUgNi0yLjcgOS0yLjggMi41LjEgMi42IDQuMiAxIDQuMi01LjcgMS4yLTguMiAyLjgtMTIuMyA0LjMtMiAxLjItMy42LS4zLTMuNi0uNHMtMS4xLTEuMS0uNC0zLjdjLjItMi0uNi0zLjItMi40LTMtMS4yLjgtMi40IDEuMi0zLS4zLS4zLTEtLjQtMS42LjUtMi4ybTEzNi42IDUuNGMuOCAxIDEuNCAyLS4xIDMuOGwtMy43IDMuMmMtLjYgMS0xIDIuOCAxIDMuMyAzLjYgMSAxMi00LjUgMTItNC42IDEuNC0xIDEtMyAuOC0zLS44LS45LTIuNi0uMy0zLjgtLjUtLjYgMC0yLjUtLjItMS42LTJhMTEuNCAxMS40IDAgMCAwIDEuNi0yLjljLjUtMS4yIDAtMi0yLTIuNy0yLjEtLjQtMy0uMi01LjMgMC0xLjIuMi0xLjYuOC0xLjkgMi4zLjEgMi4zIDEuNSAyLjIgMyAzeiIvPjxwYXRoIGZpbGw9IiMxNjVkMzEiIGQ9Ik0yNjguMSAxODkuN2MtLjUgMS0yLjMgMS00IDBzLTIuNy0yLjYtMi4xLTMuNSAyLjMtLjkgNCAwIDIuNiAyLjYgMi4xIDMuNW0tODktNTMuNmMtMSAuMy0yLjQtLjYtMy0ycy0uMy0yLjYuNy0yLjkgMi4zLjcgMyAyIC4zIDIuNy0uOCAzek0zNTUuMiAzNzVjOS40LjQgMTguMiAwIDI3LjUuNSAxLjcgMS41LjUgNS0uNiA0LjhsLTcuOC0uM2MtLjEtMy03LjctMi41LTcuNS4xLTQuMS41LTcuOC0uMS0xMi0uMy0xLjItMS41LTEtNC4yLjQtNC44Ii8+PC9nPjwvc3ZnPg=="); }
.flag-br { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWJyIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PGcgc3Ryb2tlLXdpZHRoPSIxcHQiPjxwYXRoIGZpbGw9IiMyMjllNDUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+PHBhdGggZmlsbD0iI2Y4ZTUwOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMzIxLjQgNDM2IDMwMS41LTE5NS43TDMxOS42IDQ0IDE3LjEgMjQwLjd6Ii8+PHBhdGggZmlsbD0iIzJiNDlhMyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNDUyLjggMjQwYzAgNzAuMy01Ny4xIDEyNy4zLTEyNy42IDEyNy4zQTEyNy40IDEyNy40IDAgMSAxIDQ1Mi44IDI0MCIvPjxwYXRoIGZpbGw9IiNmZmZmZWYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTI4My4zIDMxNi4zLTQtMi4zLTQgMiAuOS00LjUtMy4yLTMuNCA0LjUtLjUgMi4yLTQgMS45IDQuMiA0LjQuOC0zLjMgM204NiAyNi4zLTMuOS0yLjMtNCAyIC44LTQuNS0zLjEtMy4zIDQuNS0uNSAyLjEtNC4xIDIgNC4yIDQuNC44LTMuNCAzLjFtLTM2LjItMzAtMy40LTItMy41IDEuOC44LTMuOS0yLjgtMi45IDQtLjQgMS44LTMuNiAxLjYgMy43IDMuOS43LTMgMi43bTg3LTguNS0zLjQtMi0zLjUgMS44LjgtMy45LTIuNy0yLjggMy45LS40IDEuOC0zLjUgMS42IDMuNiAzLjguNy0yLjkgMi42bS04Ny4zLTIyLTQtMi4yLTQgMiAuOC00LjYtMy4xLTMuMyA0LjUtLjUgMi4xLTQuMSAyIDQuMiA0LjQuOC0zLjQgMy4ybS0xMDQuNi0zNS00LTIuMi00IDIgMS00LjYtMy4zLTMuMyA0LjYtLjUgMi00LjEgMiA0LjIgNC40LjgtMy4zIDMuMW0xMy4zIDU3LjItNC0yLjMtNCAyIC45LTQuNS0zLjItMy4zIDQuNS0uNiAyLjEtNCAyIDQuMiA0LjQuOC0zLjMgMy4xbTEzMi02Ny4zLTMuNi0yLTMuNiAxLjguOC00LTIuOC0zIDQtLjUgMS45LTMuNiAxLjcgMy44IDQgLjctMyAyLjdtLTYuNyAzOC4zLTIuNy0xLjYtMi45IDEuNC42LTMuMi0yLjItMi4zIDMuMi0uNCAxLjUtMi44IDEuMyAzIDMgLjUtMi4yIDIuMm0tMTQyLjIgNTAuNC0yLjctMS41LTIuNyAxLjMuNi0zLTIuMS0yLjIgMy0uNCAxLjQtMi43IDEuMyAyLjggMyAuNi0yLjMgMk00MTkgMjk5LjhsLTIuMi0xLjEtMi4yIDEgLjUtMi4zLTEuNy0xLjYgMi40LS4zIDEuMi0yIDEgMiAyLjUuNS0xLjkgMS41Ii8+PHBhdGggZmlsbD0iI2ZmZmZlZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMjE5LjMgMjg3LjYtMi43LTEuNS0yLjcgMS4zLjYtMy0yLjEtMi4yIDMtLjQgMS40LTIuNyAxLjMgMi44IDMgLjYtMi4zIDIiLz48cGF0aCBmaWxsPSIjZmZmZmVmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yMTkuMyAyODcuNi0yLjctMS41LTIuNyAxLjMuNi0zLTIuMS0yLjIgMy0uNCAxLjQtMi43IDEuMyAyLjggMyAuNi0yLjMgMm00Mi4zIDMtMi42LTEuNC0yLjcgMS4zLjYtMy0yLjEtMi4yIDMtLjQgMS40LTIuNyAxLjMgMi44IDMgLjUtMi4zIDIuMW0tNC44IDE3LTIuNi0xLjUtMi43IDEuNC42LTMtMi4xLTIuMyAzLS40IDEuNC0yLjcgMS4zIDIuOCAzIC42LTIuMyAybTg3LjQtMjIuMi0yLjYtMS42LTIuOCAxLjQuNi0zLTItMi4zIDMtLjMgMS40LTIuNyAxLjIgMi44IDMgLjUtMi4yIDIuMW0tMjUuMSAzLTIuNy0xLjUtMi43IDEuNC42LTMtMi0yLjMgMy0uMyAxLjQtMi44IDEuMiAyLjkgMyAuNS0yLjIgMi4xbS02OC44LTUuOC0xLjctMS0xLjcuOC40LTEuOS0xLjMtMS40IDEuOS0uMi44LTEuNy44IDEuOCAxLjkuMy0xLjQgMS4zbTE2Ny44IDQ1LjQtMi42LTEuNS0yLjcgMS40LjYtMy0yLjEtMi4zIDMtLjQgMS40LTIuNyAxLjMgMi44IDMgLjYtMi4zIDJtLTIwLjggNi0yLjItMS40LTIuMyAxLjIuNS0yLjYtMS43LTEuOCAyLjUtLjMgMS4yLTIuMyAxIDIuNCAyLjUuNC0xLjkgMS44bTEwLjQgMi4zLTItMS4yLTIuMSAxIC40LTIuMy0xLjYtMS43IDIuMy0uMyAxLjEtMiAxIDIgMi4zLjUtMS43IDEuNm0yOS4xLTIyLjgtMi0xLTIgMSAuNS0yLjMtMS42LTEuNyAyLjMtLjMgMS0yIDEgMi4xIDIuMS40LTEuNiAxLjZtLTM4LjggNDEuOC0yLjUtMS40LTIuNyAxLjIuNi0yLjgtMi0yIDMtLjMgMS4zLTIuNSAxLjIgMi42IDMgLjUtMi4zIDEuOW0uNiAxNC4yLTIuNC0xLjQtMi40IDEuMy42LTIuOC0xLjktMiAyLjctLjQgMS4yLTIuNSAxLjEgMi42IDIuNy41LTIgMm0tMTktMjMuMS0xLjktMS4yLTIgMSAuNC0yLjItMS41LTEuNyAyLjItLjIgMS0yIDEgMiAyLjIuNC0xLjYgMS42bS0xNy44IDIuMy0yLTEuMi0yIDEgLjUtMi4yLTEuNi0xLjcgMi4zLS4yIDEtMiAxIDIgMi4xLjQtMS42IDEuNm0tMzAuNC0yNC42LTItMS4xLTIgMSAuNS0yLjMtMS42LTEuNiAyLjItLjMgMS0yIDEgMiAyLjIuNS0xLjYgMS41bTMuNyA1Ny0xLjYtLjktMS44LjkuNC0yLTEuMy0xLjQgMS45LS4yLjktMS43LjggMS44IDEuOS4zLTEuNCAxLjNtLTQ2LjItODYuNi00LTIuMy00IDIgLjktNC41LTMuMi0zLjMgNC41LS42IDIuMi00IDEuOSA0LjIgNC40LjgtMy4zIDMuMSIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQ0NC40IDI4NS44YTEyNC42IDEyNC42IDAgMCAwIDUuOC0xOS44Yy02Ny44LTU5LjUtMTQzLjMtOTAtMjM4LjctODMuN2ExMjQuNSAxMjQuNSAwIDAgMC04LjUgMjAuOWMxMTMtMTAuOCAxOTYgMzkuMiAyNDEuNCA4Mi42Ii8+PHBhdGggZmlsbD0iIzMwOWUzYSIgZD0ibTQxNCAyNTIuNCAyLjMgMS4zYTMuNCAzLjQgMCAwIDAtLjMgMi4yIDMgMyAwIDAgMCAxLjQgMS43Yy43LjUgMS40LjggMiAuNy42IDAgMS0uMyAxLjMtLjdhMS4zIDEuMyAwIDAgMCAuMi0uOSAyLjMgMi4zIDAgMCAwLS41LTFjLS4yLS4zLS43LTEtMS41LTEuOGE3LjcgNy43IDAgMCAxLTEuOC0zIDMuNyAzLjcgMCAwIDEgMi00LjQgMy44IDMuOCAwIDAgMSAyLjMtLjIgNyA3IDAgMCAxIDIuNiAxLjJjMS40IDEgMi4zIDIgMi42IDMuMmE0LjEgNC4xIDAgMCAxLS42IDMuM2wtMi40LTEuNWMuMy0uNi40LTEuMi4yLTEuNy0uMS0uNS0uNS0xLTEuMi0xLjRhMy4yIDMuMiAwIDAgMC0xLjgtLjcgMSAxIDAgMCAwLS45LjVjLS4yLjMtLjIuNi0uMSAxcy42IDEuMiAxLjYgMi4yYzEgMSAxLjYgMS45IDIgMi41YTMuOSAzLjkgMCAwIDEtLjMgNC4yIDQuMSA0LjEgMCAwIDEtMS45IDEuNSA0IDQgMCAwIDEtMi40LjNjLS45LS4yLTEuOC0uNi0yLjgtMS4zLTEuNS0xLTIuNC0yLjEtMi43LTMuM2E1LjQgNS40IDAgMCAxIC42LTR6bS0xMS42LTcuNiAyLjUgMS4zYTMuNCAzLjQgMCAwIDAtLjIgMi4yIDMgMyAwIDAgMCAxLjQgMS42Yy44LjUgMS40LjcgMiAuNi42IDAgMS0uMyAxLjMtLjhhMS4zIDEuMyAwIDAgMCAuMi0uOGMwLS4zLS4yLS43LS41LTFhMzQuNiAzNC42IDAgMCAwLTEuNi0xLjhjLTEuMS0xLjEtMS44LTItMi0yLjhhMy43IDMuNyAwIDAgMSAuNC0zLjEgMy42IDMuNiAwIDAgMSAxLjYtMS40IDMuOCAzLjggMCAwIDEgMi4yLS4zIDcgNyAwIDAgMSAyLjYgMWMxLjUgMSAyLjQgMiAyLjcgMy4xYTQuMSA0LjEgMCAwIDEtLjQgMy40bC0yLjUtMS40Yy4zLS43LjQtMS4yLjItMS43cy0uNi0xLTEuMy0xLjRhMy4yIDMuMiAwIDAgMC0xLjktLjYgMSAxIDAgMCAwLS44LjVjLS4yLjMtLjIuNi0uMSAxcy43IDEuMiAxLjcgMi4yYzEgMSAxLjcgMS44IDIgMi40YTMuOSAzLjkgMCAwIDEgMCA0LjIgNC4yIDQuMiAwIDAgMS0xLjggMS42IDQgNCAwIDAgMS0yLjQuMyA4IDggMCAwIDEtMi45LTEuMSA2IDYgMCAwIDEtMi44LTMuMiA1LjQgNS40IDAgMCAxIC40LTRtLTE0LjItMy44IDcuMy0xMiA4LjggNS41LTEuMiAyLTYuNC00LTEuNiAyLjcgNiAzLjctMS4zIDItNi0zLjctMiAzLjMgNi43IDQtMS4yIDJ6bS0yMC43LTE3IDEuMS0yIDUuNCAyLjctMi41IDVjLS44LjItMS44LjMtMyAuMmE5LjQgOS40IDAgMCAxLTMuMy0xIDcuNyA3LjcgMCAwIDEtMy0yLjYgNiA2IDAgMCAxLTEtMy41IDguNiA4LjYgMCAwIDEgMS0zLjcgOCA4IDAgMCAxIDIuNi0zIDYuMiA2LjIgMCAwIDEgMy42LTEuMWMxIDAgMiAuMyAzLjIgMSAxLjYuNyAyLjYgMS43IDMuMSAyLjhhNSA1IDAgMCAxIC4zIDMuNWwtMi43LS44YTMgMyAwIDAgMC0uMi0yYy0uMy0uNi0uOC0xLTEuNi0xLjRhMy44IDMuOCAwIDAgMC0zLjEtLjNjLTEgLjMtMS45IDEuMi0yLjYgMi42LS43IDEuNC0xIDIuNy0uNyAzLjhhMy43IDMuNyAwIDAgMCAyIDIuNGMuNS4zIDEuMS41IDEuNy41YTYgNiAwIDAgMCAxLjggMGwuOC0xLjZ6bS05MC4yLTIyLjMgMi0xNCA0LjIuNyAxLjEgOS44IDMuOS05IDQuMi42LTIgMTMuOC0yLjctLjQgMS43LTEwLjktNC40IDEwLjUtMi43LS40LTEuMS0xMS4zLTEuNiAxMXptLTE0LjEtMS43IDEuMy0xNCAxMC4zIDEtLjIgMi40LTcuNS0uNy0uMyAzIDcgLjctLjMgMi40LTctLjctLjMgMy44IDcuOC43LS4yIDIuNHoiLz48ZyBzdHJva2Utb3BhY2l0eT0iLjUiPjxwYXRoIGZpbGw9IiMzMDllM2EiIGQ9Ik0yMTYuNSAxOTEuM2MwLTEuNS4zLTIuNi43LTMuNmE2LjcgNi43IDAgMCAxIDEuNC0xLjkgNS40IDUuNCAwIDAgMSAxLjgtMS4yYzEtLjMgMi0uNSAzLS41IDIuMSAwIDMuNy44IDUgMmE3LjQgNy40IDAgMCAxIDEuNiA1LjVjMCAyLjItLjcgNC0yIDUuM2E2LjUgNi41IDAgMCAxLTUgMS43IDYuNiA2LjYgMCAwIDEtNC44LTIgNy4zIDcuMyAwIDAgMS0xLjctNS4zIi8+PHBhdGggZmlsbD0iI2Y3ZmZmZiIgZD0iTTIxOS40IDE5MS4zYzAgMS41LjMgMi43IDEgMy42LjcuOCAxLjYgMS4zIDIuOCAxLjNhMy41IDMuNSAwIDAgMCAyLjgtMS4xYy43LS44IDEtMiAxLjEtMy43IDAtMS42LS4yLTIuOC0xLTMuNmEzLjUgMy41IDAgMCAwLTIuNy0xLjMgMy42IDMuNiAwIDAgMC0yLjggMS4yYy0uOC44LTEuMSAyLTEuMiAzLjYiLz48L2c+PGcgc3Ryb2tlLW9wYWNpdHk9Ii41Ij48cGF0aCBmaWxsPSIjMzA5ZTNhIiBkPSJtMjMzIDE5OC41LjItMTRoNmMxLjUgMCAyLjUuMiAzLjIuNS43LjIgMS4yLjcgMS42IDEuM3MuNiAxLjQuNiAyLjNhMy44IDMuOCAwIDAgMS0xIDIuNiA0LjUgNC41IDAgMCAxLTIuNyAxLjJsMS41IDEuMmMuNC40LjkgMS4yIDEuNSAyLjNsMS43IDIuOGgtMy40bC0yLTMuMi0xLjQtMmEyLjEgMi4xIDAgMCAwLS45LS42IDUgNSAwIDAgMC0xLjQtLjJoLS42djUuOHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjM2IDE5MC41aDJjMS40IDAgMi4zIDAgMi42LS4yLjMgMCAuNi0uMy44LS41cy4zLS43LjMtMWMwLS42LS4xLTEtLjQtMS4yLS4yLS4zLS42LS41LTEtLjZoLTJsLTIuMy0uMXoiLz48L2c+PGcgc3Ryb2tlLW9wYWNpdHk9Ii41Ij48cGF0aCBmaWxsPSIjMzA5ZTNhIiBkPSJtMjQ5IDE4NS4yIDUuMi4zYzEuMSAwIDIgLjEgMi42LjNhNC43IDQuNyAwIDAgMSAyIDEuNCA2IDYgMCAwIDEgMS4yIDIuNGMuMy45LjQgMiAuMyAzLjNhOS4zIDkuMyAwIDAgMS0uNSAzYy0uNCAxLTEgMS44LTEuNyAyLjRhNSA1IDAgMCAxLTIgMWMtLjYuMi0xLjUuMi0yLjUuMmwtNS4zLS4zeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0yNTEuNyAxODcuNy0uNSA5LjNoMy44Yy41IDAgLjktLjIgMS4yLS41LjMtLjMuNi0uNy44LTEuMy4yLS42LjQtMS41LjQtMi42bC0uMS0yLjVhMy4yIDMuMiAwIDAgMC0uOC0xLjQgMi43IDIuNyAwIDAgMC0xLjItLjcgMTMgMTMgMCAwIDAtMi4zLS4zeiIvPjwvZz48ZyBzdHJva2Utb3BhY2l0eT0iLjUiPjxwYXRoIGZpbGw9IiMzMDllM2EiIGQ9Im0zMTcuNiAyMTAuMiAzLjMtMTMuNiA0LjQgMSAzLjIgMWMuNy40IDEuMyAxIDEuNiAxLjkuNC44LjQgMS43LjIgMi44LS4yLjgtLjUgMS41LTEgMmEzLjkgMy45IDAgMCAxLTMgMS40Yy0uNyAwLTEuNy0uMi0zLS41bC0xLjctLjUtMS4yIDUuMnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMzIzIDE5OS42LS44IDMuOCAxLjUuNGMxIC4yIDEuOC40IDIuMi4zYTEuOSAxLjkgMCAwIDAgMS42LTEuNWMwLS41IDAtLjktLjItMS4zYTIgMiAwIDAgMC0xLS45bC0xLjktLjUtMS4zLS4zeiIvPjwvZz48ZyBzdHJva2Utb3BhY2l0eT0iLjUiPjxwYXRoIGZpbGw9IiMzMDllM2EiIGQ9Im0zMzAuNiAyMTQuMSA0LjctMTMuMiA1LjUgMmMxLjUuNSAyLjQgMSAzIDEuNC41LjUuOSAxIDEgMS44cy4yIDEuNSAwIDIuM2MtLjQgMS0xIDEuNy0xLjggMi4yLS44LjQtMS44LjUtMyAuMy40LjUuOCAxIDEgMS42bC44IDIuNy42IDMuMS0zLjEtMS4xLTEtMy42YTE5LjUgMTkuNSAwIDAgMC0uNy0yLjQgMi4xIDIuMSAwIDAgMC0uNi0uOGMtLjItLjMtLjYtLjUtMS4zLS43bC0uNS0uMi0yIDUuNnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMzM2IDIwNy40IDEuOS43YzEuMy41IDIuMS43IDIuNS43LjMgMCAuNiAwIC45LS4zLjMtLjIuNS0uNS42LS45LjItLjQuMi0uOCAwLTEuMmExLjcgMS43IDAgMCAwLS44LS45bC0yLS43LTItLjctMS4yIDMuM3oiLz48L2c+PGcgc3Ryb2tlLW9wYWNpdHk9Ii41Ij48cGF0aCBmaWxsPSIjMzA5ZTNhIiBkPSJNMzQ3IDIxMy42YTkgOSAwIDAgMSAxLjctMy4yIDYuNiA2LjYgMCAwIDEgMS44LTEuNSA2IDYgMCAwIDEgMi0uN2MxIDAgMiAwIDMuMS40YTYuNSA2LjUgMCAwIDEgNC4yIDMuM2MuOCAxLjYuOCAzLjUuMiA1LjdhNy40IDcuNCAwIDAgMS0zLjQgNC41Yy0xLjUuOS0zLjMgMS01LjIuNGE2LjYgNi42IDAgMCAxLTQuMi0zLjMgNy4zIDcuMyAwIDAgMS0uMi01LjYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzQ5LjggMjE0LjRjLS40IDEuNS0uNSAyLjggMCAzLjhzMS4yIDEuNiAyLjMgMmMxIC4zIDIgLjIgMy0uNCAxLS41IDEuNi0xLjYgMi4xLTMuMi41LTEuNS41LTIuNyAwLTMuN2EzLjUgMy41IDAgMCAwLTIuMi0yIDMuNiAzLjYgMCAwIDAtMyAuM2MtMSAuNi0xLjcgMS42LTIuMiAzLjIiLz48L2c+PGcgc3Ryb2tlLW9wYWNpdHk9Ii41Ij48cGF0aCBmaWxsPSIjMzA5ZTNhIiBkPSJtMzc0LjMgMjMzLjEgNi40LTEyLjQgNS4zIDIuN2ExMCAxMCAwIDAgMSAyLjcgMS45Yy41LjUuOCAxLjEuOCAxLjlzMCAxLjUtLjQgMi4yYTMuOCAzLjggMCAwIDEtMiAyYy0xIC4yLTIgLjItMy4xLS4yLjQuNi42IDEuMi44IDEuNy4yLjYuMyAxLjUuNCAyLjhsLjIgMy4yLTMtMS41LS40LTMuN2EyMCAyMCAwIDAgMC0uMy0yLjUgMiAyIDAgMCAwLS41LTFsLTEuMi0uNy0uNS0uMy0yLjcgNS4yeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0zODAuNSAyMjcuMiAxLjkgMWMxLjIuNiAyIDEgMi4zIDEgLjMgMCAuNyAwIDEtLjIuMy0uMS41LS40LjctLjguMi0uNC4zLS44LjItMS4yYTIgMiAwIDAgMC0uNy0xIDIzLjcgMjMuNyAwIDAgMC0xLjgtMWwtMi0xeiIvPjwvZz48ZyBzdHJva2Utb3BhY2l0eT0iLjUiPjxwYXRoIGZpbGw9IiMzMDllM2EiIGQ9Ik00MjYuMSAyNTguN2E4LjkgOC45IDAgMCAxIDIuNS0yLjYgNi42IDYuNiAwIDAgMSAyLjItLjkgNS41IDUuNSAwIDAgMSAyLjIgMGMxIC4yIDEuOS42IDIuOCAxLjJhNi42IDYuNiAwIDAgMSAzIDQuNGMuMyAxLjctLjIgMy42LTEuNCA1LjVhNy4zIDcuMyAwIDAgMS00LjUgMy4zIDYuNSA2LjUgMCAwIDEtNS4yLTEuMSA2LjYgNi42IDAgMCAxLTMtNC40Yy0uMy0xLjguMi0zLjYgMS40LTUuNCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MjguNiAyNjAuM2MtMSAxLjMtMS4zIDIuNS0xLjEgMy42YTMuNiAzLjYgMCAwIDAgMS42IDIuNWMxIC43IDIgLjkgMyAuNiAxLS4zIDItMSAyLjktMi40LjktMS40IDEuMy0yLjYgMS4xLTMuNi0uMS0xLS43LTEuOS0xLjYtMi42cy0yLS44LTMtLjVjLTEgLjItMiAxLTMgMi40eiIvPjwvZz48cGF0aCBmaWxsPSIjMzA5ZTNhIiBkPSJtMzAxLjggMjA0LjUgMi4zLTkuOCA3LjIgMS43LS4zIDEuNi01LjMtMS4yLS41IDIuMiA0LjkgMS4xLS40IDEuNy00LjktMS4yLS42IDIuNyA1LjUgMS4zLS40IDEuNnoiLz48L2c+PC9zdmc+"); }
.flag-pt { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZmxhZy1pY29ucy1wdCIgdmlld0JveD0iMCAwIDY0MCA0ODAiPjxwYXRoIGZpbGw9InJlZCIgZD0iTTI1NiAwaDM4NHY0ODBIMjU2eiIvPjxwYXRoIGZpbGw9IiMwNjAiIGQ9Ik0wIDBoMjU2djQ4MEgweiIvPjxnIGZpbGw9IiNmZjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iLjYiPjxwYXRoIGQ9Ik0zMzkuNSAzMDYuMmMtMzIuMy0xLTE4MC05My4yLTE4MS0xMDhsOC4xLTEzLjVjMTQuNyAyMS4zIDE2NS43IDExMSAxODAuNiAxMDcuOHoiLz48cGF0aCBkPSJNMTY0LjkgMTgyLjhjLTIuOSA3LjggMzguNiAzMy40IDg4LjQgNjMuOCA0OS45IDMwLjMgOTIuOSA0OSA5NiA0Ni40bDEuNS0yLjhjLS42IDEtMiAxLjMtNC4zLjYtMTMuNS0zLjktNDguNi0yMC05Mi4xLTQ2LjQtNDMuNi0yNi40LTgxLjQtNTAuNy04Ny4zLTYxYTYuMyA2LjMgMCAwIDEtLjYtMy4xaC0uMmwtMS4yIDIuMnptMTc1LjMgMTIzLjhjLS41IDEtMS42IDEtMy41LjgtMTItMS4zLTQ4LjYtMTkuMS05MS45LTQ1LTUwLjQtMzAuMi05Mi01Ny42LTg3LjQtNjQuOGwxLjItMi4yLjIuMWMtNCAxMi4yIDgyLjEgNjEuNCA4Ny4yIDY0LjYgNDkuOCAzMC44IDkxLjggNDguOSA5NS41IDQ0LjJ6Ii8+PHBhdGggZD0iTTI1Ni4yIDIwNy4yYzMyLjItLjMgNzItNC40IDk1LTEzLjZsLTUtOGMtMTMuNSA3LjUtNTMuNSAxMi41LTkwLjMgMTMuMi00My40LS40LTc0LjEtNC41LTg5LjUtMTQuOGwtNC42IDguNmMyOC4yIDEyIDU3LjIgMTQuNSA5NC40IDE0LjYiLz48cGF0aCBkPSJNMzUyLjUgMTkzLjhjLS44IDEuMy0xNS44IDYuNC0zNy44IDEwLjJhMzgxLjIgMzgxLjIgMCAwIDEtNTguNiA0LjMgNDE2LjEgNDE2LjEgMCAwIDEtNTYuMi0zLjZjLTIzLjEtMy42LTM1LTguNi0zOS41LTEwLjRsMS4xLTIuMmMxMi43IDUgMjQuNyA4IDM4LjcgMTAuMkE0MTEuNSA0MTEuNSAwIDAgMCAyNTYgMjA2YTM5MS44IDM5MS44IDAgMCAwIDU4LjMtNC4zYzIyLjUtMy43IDM0LjgtOC40IDM2LjYtMTAuNXptLTQuNC04LjFjLTIuNCAyLTE0LjYgNi4zLTM2IDkuN2EzODguMiAzODguMiAwIDAgMS01NS44IDRjLTIyIDAtNDAuMS0xLjYtNTMuOC0zLjYtMjEuOC0yLjgtMzMuNC04LTM3LjYtOS40bDEuMy0yLjJjMy4zIDEuNyAxNC40IDYuMiAzNi41IDkuM2EzODUgMzg1IDAgMCAwIDUzLjYgMy40IDM4NCAzODQgMCAwIDAgNTUuNC00YzIxLjUtMyAzMy4xLTguNCAzNC45LTkuOHpNMTUwLjMgMjQ2YzE5LjggMTAuNyA2My45IDE2IDEwNS42IDE2LjQgMzggLjEgODcuNC01LjggMTA1LjktMTUuNmwtLjUtMTAuN2MtNS44IDktNTguOCAxNy43LTEwNS44IDE3LjQtNDctLjQtOTAuNy03LjYtMTA1LjMtMTd2OS41Ii8+PHBhdGggZD0iTTM2Mi44IDI0NC41djIuNWMtMi44IDMuNC0yMC4yIDguNC00MiAxMmE0MzQgNDM0IDAgMCAxLTY1LjQgNC40IDQwMCA0MDAgMCAwIDEtNjItNC4zIDE1NSAxNTUgMCAwIDEtNDQuNC0xMnYtMi45YzkuNyA2LjQgMzUuOSAxMS4yIDQ0LjcgMTIuNiAxNS44IDIuNCAzNi4xIDQuMiA2MS43IDQuMiAyNi45IDAgNDguNC0xLjkgNjUtNC40IDE1LjctMi4zIDM4LTguMiA0Mi40LTEyLjFtMC05djIuNWMtMi44IDMuMy0yMC4yIDguMy00MiAxMS45YTQzNCA0MzQgMCAwIDEtNjUuNCA0LjUgNDE0IDQxNCAwIDAgMS02Mi00LjMgMTU1IDE1NSAwIDAgMS00NC40LTEydi0zYzkuNyA2LjUgMzYgMTEuMiA0NC43IDEyLjZhNDA4IDQwOCAwIDAgMCA2MS43IDQuM2MyNi45IDAgNDguNS0yIDY1LTQuNSAxNS43LTIuMiAzOC04LjEgNDIuNC0xMm0tMTA3IDY4LjhjLTQ1LjYtLjItODQuNy0xMi40LTkzLTE0LjRsNiA5LjRhMjQ5LjggMjQ5LjggMCAwIDAgODcuNCAxNC4zYzM0LjctMSA2NS0zLjcgODYuMy0xNC4xbDYuMi05LjhjLTE0LjUgNi45LTY0IDE0LjYtOTMgMTQuNiIvPjxwYXRoIGQ9Ik0zNDQuOSAyOTcuM2ExNDMgMTQzIDAgMCAxLTIuOCA0Yy0xMCAzLjYtMjYgNy40LTMyLjYgOC40YTI5NS41IDI5NS41IDAgMCAxLTUzLjcgNWMtNDAuNC0uNi03My41LTguNS04OS0xNS4zbC0xLjMtMi4xLjItLjQgMi4xLjlhMjg2LjUgMjg2LjUgMCAwIDAgODguMiAxNC41YzE4LjggMCAzNy41LTIuMSA1Mi42LTQuOCAyMy4yLTQuNyAzMi42LTguMiAzNS41LTkuOGwuNy0uNHptNS4zLTguOGEyODcuMiAyODcuMiAwIDAgMS0yIDMuNWMtNS40IDItMjAgNi4yLTQxLjMgOS4yLTE0IDEuOS0yMi43IDMuOC01MC42IDQuM2EzNDcuNCAzNDcuNCAwIDAgMS05NC4yLTE0TDE2MSAyODlhMzkwIDM5MCAwIDAgMCA5NS40IDE0YzI1LjUtLjUgMzYuNC0yLjQgNTAuMy00LjMgMjQuOC0zLjggMzcuMy04IDQxLTkuMWEyLjkgMi45IDAgMCAwIDAtLjJsMi42LTF6Ii8+PHBhdGggZD0iTTM1MC44IDIzNy42Yy4xIDMwLTE1LjMgNTctMjcuNiA2OC44YTk5LjMgOTkuMyAwIDAgMS02Ny44IDI4LjJjLTMwLjMuNS01OC44LTE5LjItNjYuNS0yNy45YTEwMSAxMDEgMCAwIDEtMjcuNS02Ny40YzEuOC0zMi44IDE0LjctNTUuNiAzMy4zLTcxLjNhOTkuNiA5OS42IDAgMCAxIDY0LjItMjIuNyA5OC4yIDk4LjIgMCAwIDEgNzEgMzUuNmMxMi41IDE1LjIgMTggMzEuNyAyMC45IDU2LjdNMjU1LjYgMTM1YTEwNiAxMDYgMCAwIDEgMTA2IDEwNS4yIDEwNS42IDEwNS42IDAgMSAxLTIxMS40IDBjLS4xLTU4IDQ3LjMtMTA1LjIgMTA1LjQtMTA1LjIiLz48cGF0aCBkPSJNMjU1LjkgMTM0LjVjNTguMiAwIDEwNS42IDQ3LjQgMTA1LjYgMTA1LjZTMzE0LjEgMzQ1LjcgMjU2IDM0NS43cy0xMDUuNi00Ny40LTEwNS42LTEwNS42YzAtNTguMiA0Ny40LTEwNS42IDEwNS42LTEwNS42ek0xNTIuNiAyNDBjMCA1Ni44IDQ2LjcgMTAzLjMgMTAzLjMgMTAzLjMgNTYuNiAwIDEwMy4zLTQ2LjUgMTAzLjMtMTAzLjNzLTQ2LjctMTAzLjMtMTAzLjMtMTAzLjNTMTUyLjYgMTgzLjIgMTUyLjYgMjQwIi8+PHBhdGggZD0iTTI1NiAxNDMuM2E5NyA5NyAwIDAgMSA5Ni43IDk2LjcgOTcuMSA5Ny4xIDAgMCAxLTk2LjcgOTYuOGMtNTMgMC05Ni43LTQzLjYtOTYuNy05Ni44YTk3LjEgOTcuMSAwIDAgMSA5Ni43LTk2LjdNMTYxLjYgMjQwYzAgNTIgNDIuNiA5NC40IDk0LjQgOTQuNHM5NC40LTQyLjUgOTQuNC05NC40YzAtNTItNDIuNi05NC40LTk0LjQtOTQuNGE5NC44IDk0LjggMCAwIDAtOTQuNCA5NC40Ii8+PHBhdGggZD0iTTI2MC4zIDEzNGgtOS4xdjIxMi4zaDl6Ii8+PHBhdGggZD0iTTI1OS4zIDEzMi44aDIuM3YyMTQuN2gtMi4yVjEzMi44em0tOSAwaDIuNHYyMTQuN2gtMi4zeiIvPjxwYXRoIGQ9Ik0zNjEuNiAyNDQuMnYtNy44bC02LjQtNi0zNi4zLTkuNi01Mi4yLTUuMy02MyAzLjItNDQuOCAxMC42LTkgNi43djcuOWwyMi45LTEwLjMgNTQuNC04LjVoNTIuM2wzOC40IDQuMiAyNi42IDYuNHoiLz48cGF0aCBkPSJNMjU2IDIyMy44YzI0LjkgMCA0OSAyLjMgNjguMyA2IDE5LjggNCAzMy43IDkgMzguNSAxNC41djIuOGMtNS44LTctMjQuNS0xMi0zOS0xNS0xOS0zLjYtNDMtNi02Ny45LTYtMjYuMSAwLTUwLjUgMi42LTY5LjMgNi4yLTE1IDMtMzUuMSA5LTM3LjYgMTQuOHYtMi45YzEuMy00IDE2LjMtMTAgMzcuMy0xNC4zIDE4LjktMy43IDQzLjMtNi4xIDY5LjYtNi4xem0wLTkuMWEzODMgMzgzIDAgMCAxIDY4LjMgNmMxOS44IDQgMzMuNyA5IDM4LjUgMTQuNnYyLjdjLTUuOC02LjktMjQuNS0xMi0zOS0xNC45LTE5LTMuNy00My02LTY3LjktNmEzNzYgMzc2IDAgMCAwLTY5LjIgNi4yYy0xNC41IDIuNy0zNS40IDguOS0zNy43IDE0Ljd2LTIuOGMxLjQtNCAxNi42LTEwLjMgMzcuMy0xNC4zIDE5LTMuNyA0My4zLTYuMiA2OS43LTYuMm0tLjYtNDYuMmMzOS4zLS4yIDczLjYgNS41IDg5LjMgMTMuNWw1LjcgMTBjLTEzLjYtNy40LTUwLjYtMTUtOTQuOS0xNC0zNi4xLjMtNzQuNyA0LTk0IDE0LjRsNi44LTExLjRjMTUuOS04LjMgNTMuMy0xMi41IDg3LjEtMTIuNSIvPjxwYXRoIGQ9Ik0yNTYgMTc2LjdhMzU0IDM1NCAwIDAgMSA2MS4zIDQuM2MxNiAzIDMxLjMgNy40IDMzLjUgOS44bDEuNyAzYy01LjMtMy40LTE4LjYtNy4zLTM1LjYtMTAuNXMtMzguNy00LjMtNjEtNC4yYy0yNS4zLS4xLTQ1IDEuMi02MS44IDQuMmExMDguOSAxMDguOSAwIDAgMC0zMy4zIDEwLjNsMS43LTMuMWM2LTMgMTUuMy02LjcgMzEuMS05LjYgMTcuNS0zLjIgMzcuNC00LjEgNjIuNC00LjJtMC05YzIxLjQtLjIgNDIuNiAxIDU5LjEgNGE5NiA5NiAwIDAgMSAzMC42IDEwbDIuNSA0Yy00LjItNC43LTIwLTkuMi0zNC4xLTExLjYtMTYuNC0yLjktMzYuNy00LTU4LjEtNC4yYTM2MSAzNjEgMCAwIDAtNTkuNSA0LjQgOTcuMyA5Ny4zIDAgMCAwLTI5LjYgOS4xbDIuMi0zLjNjNS44LTMgMTUuMi01LjggMjctOC4xYTM1NyAzNTcgMCAwIDEgNTkuOS00LjR6TTMwOC40IDI4NGEyNzYuNCAyNzYuNCAwIDAgMC01Mi41LTRjLTY1LjUuOC04Ni42IDEzLjUtODkuMiAxNy4zbC01LThjMTYuOC0xMiA1Mi40LTE4LjggOTQuNi0xOC4yIDIxLjkuNCA0MC44IDEuOSA1Ni42IDVsLTQuNSA4Ii8+PHBhdGggZD0iTTI1NS42IDI3OC45YzE4LjIuMyAzNiAxIDUzLjMgNC4ybC0xLjIgMi4yYy0xNi0zLTMzLjItNC01Mi00LTI0LjMtLjItNDguNyAyLjEtNzAgOC4yLTYuNyAxLjktMTcuOCA2LjItMTkgOS44bC0xLjItMmMuNC0yLjIgNy02LjYgMTkuNi0xMCAyNC40LTcgNDcuMi04LjMgNzAuNS04LjRtLjgtOS4yYTMyNyAzMjcgMCAwIDEgNTcuMyA1bC0xLjMgMi4zYTI5OSAyOTkgMCAwIDAtNTYtNC45Yy0yNC4yIDAtNDkuOSAxLjgtNzMuMyA4LjYtNy41IDIuMi0yMC42IDctMjEgMTAuN2wtMS4yLTIuMmMuMi0zLjQgMTEuNS03LjkgMjEuNy0xMC44IDIzLjUtNi45IDQ5LjMtOC42IDczLjgtOC43Ii8+PHBhdGggZD0ibTM0OS40IDI5MC41LTcuOCAxMi4zLTIyLjctMjAuMS01OC42LTM5LjUtNjYuMi0zNi4zLTM0LjMtMTEuNyA3LjMtMTMuNiAyLjUtMS4zIDIxLjMgNS4zIDcwLjQgMzYuMyA0MC42IDI1LjZMMzM2IDI3MmwxMy45IDE2eiIvPjxwYXRoIGQ9Ik0xNTguNiAxOTUuNWM2LTQgNTAuMiAxNS42IDk2LjYgNDMuNiA0Ni4xIDI4IDkwLjMgNTkuNiA4Ni4zIDY1LjVsLTEuMyAyLjEtLjYuNWMuMS0uMS44LTEgMC0zLjEtMi02LjUtMzMuNC0zMS41LTg1LjMtNjIuOS01MC43LTMwLjEtOTIuOS00OC4zLTk3LTQzLjF6TTM1MSAyOTAuNGMzLjgtNy42LTM3LjItMzguNS04OC4xLTY4LjYtNTItMjkuNS04OS42LTQ2LjktOTYuNS00MS43TDE2NSAxODNjMCAuMSAwLS4yLjQtLjUgMS4yLTEgMy4zLTEgNC4yLTEgMTEuOC4yIDQ1LjUgMTUuNyA5Mi44IDQyLjggMjAuOCAxMiA4Ny42IDU1IDg3LjMgNjcgMCAxIC4xIDEuMi0uMyAxLjhsMS43LTIuNnoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyNi43KXNjYWxlKDEuMDY2NjcpIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjciIGQ9Ik0xODAuNiAyMTFhNTguNyA1OC43IDAgMCAwIDE3LjUgNDEuNyA1OSA1OSAwIDAgMCA0MS44IDE3LjYgNTkuNCA1OS40IDAgMCAwIDQyLTE3LjQgNTkgNTkgMCAwIDAgMTcuNC00MS44di03OS4ybC0xMTguNy0uMnoiLz48cGF0aCBmaWxsPSJyZWQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIuNSIgZD0iTTE4MyAyMTEuMWE1Ni40IDU2LjQgMCAwIDAgMTYuOCA0MCA1NyA1NyAwIDAgMCA0MC4yIDE2LjggNTYuOSA1Ni45IDAgMCAwIDQwLjItMTYuNiA1Ni40IDU2LjQgMCAwIDAgMTYuNy00MHYtNzdIMTgzdjc2LjhtOTEtNTMuN3Y0OC45bC0uMSA1LjFhMzMuMiAzMy4yIDAgMCAxLTEwIDI0IDM0IDM0IDAgMCAxLTI0IDEwYy05LjQgMC0xNy43LTQtMjMuOS0xMC4yYTM0IDM0IDAgMCAxLTEwLTI0di01NHoiLz48ZyBpZD0icHQtZSI+PGcgaWQ9InB0LWQiIGZpbGw9IiNmZjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIuNSI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMTkwLjIgMTU0LjRjLjEtNS41IDQtNi44IDQtNi44LjEgMCA0LjMgMS40IDQuMyA2Ljl6Ii8+PHBhdGggZD0ibTE4Ni44IDE0Ny43LS43IDYuM2g0LjJjMC01LjIgNC02IDQtNiAuMSAwIDQgMS4xIDQuMSA2aDQuMmwtLjgtNi40em0tMSA2LjRoMTdjLjMgMCAuNi4zLjYuNyAwIC41LS4zLjgtLjYuOGgtMTdjLS4zIDAtLjYtLjMtLjYtLjggMC0uNC4zLS43LjctLjd6Ii8+PHBhdGggZD0iTTE5MiAxNTRjMC0zLjMgMi4zLTQuMiAyLjMtNC4yczIuMyAxIDIuMyA0LjJIMTkybS01LjgtOWgxNi4zYy4zIDAgLjYuNC42LjggMCAuMy0uMy42LS42LjZoLTE2LjNjLS4zIDAtLjYtLjMtLjYtLjcgMC0uMy4zLS42LjYtLjZ6bS40IDEuNUgyMDJjLjMgMCAuNi4zLjYuNyAwIC40LS4zLjctLjYuN2gtMTUuNWMtLjQgMC0uNi0uMy0uNi0uNyAwLS40LjItLjcuNi0uN3ptNS0xMC42aDEuMnYuOGguOXYtLjhoMS4zdi45aC45di0xaDEuMnYyYzAgLjQtLjIuNi0uNS42aC00LjRjLS4zIDAtLjYtLjItLjYtLjV6bTQuNiAyLjcuMyA2LjRoLTQuM2wuMy02LjVoMy43Ii8+PHBhdGggaWQ9InB0LWEiIGQ9Ik0xOTEgMTQxLjZ2My40aC00di0zLjR6Ii8+PHVzZSB4bGluazpocmVmPSIjcHQtYSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMTAuNiIvPjxwYXRoIGlkPSJwdC1iIiBkPSJNMTg2LjMgMTM5aDEuMnYxaC45di0xaDEuMnYxaC45di0xaDEuMnYyYzAgLjQtLjIuNi0uNS42aC00LjNhLjYuNiAwIDAgMS0uNi0uNnoiLz48dXNlIHhsaW5rOmhyZWY9IiNwdC1iIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIxMC42Ii8+PHBhdGggZmlsbD0iIzAwMDAwMSIgc3Ryb2tlPSJub25lIiBkPSJNMTkzLjkgMTQwLjZjMC0uNi45LS42LjkgMHYxLjZoLS45eiIvPjxwYXRoIGlkPSJwdC1jIiBmaWxsPSIjMDAwMDAxIiBzdHJva2U9Im5vbmUiIGQ9Ik0xODguNiAxNDIuOGMwLS42LjgtLjYuOCAwdjEuMmgtLjh6Ii8+PHVzZSB4bGluazpocmVmPSIjcHQtYyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMTAuNiIvPjwvZz48dXNlIHhsaW5rOmhyZWY9IiNwdC1kIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB5PSI0Ni4zIi8+PHVzZSB4bGluazpocmVmPSIjcHQtZCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1LjIgMzEyLjggMTgwKSIvPjwvZz48dXNlIHhsaW5rOmhyZWY9IiNwdC1kIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSI0NS43Ii8+PHVzZSB4bGluazpocmVmPSIjcHQtZSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNDc5LjggMCkiLz48ZyBpZD0icHQtZiIgZmlsbD0iI2ZmZiI+PHBhdGggZmlsbD0iIzAzOSIgZD0iTTIzMi42IDIwMi40YTguMyA4LjMgMCAwIDAgMi4yIDUuNyA3LjIgNy4yIDAgMCAwIDUuMyAyLjRjMi4xIDAgNC0xIDUuMy0yLjRhOC4zIDguMyAwIDAgMCAyLjItNS43di0xMC44aC0xNXoiLz48Y2lyY2xlIGN4PSIyMzYuMSIgY3k9IjE5NS43IiByPSIxLjUiLz48Y2lyY2xlIGN4PSIyNDQuNCIgY3k9IjE5NS43IiByPSIxLjUiLz48Y2lyY2xlIGN4PSIyNDAuMiIgY3k9IjE5OS43IiByPSIxLjUiLz48Y2lyY2xlIGN4PSIyMzYuMSIgY3k9IjIwMy45IiByPSIxLjUiLz48Y2lyY2xlIGN4PSIyNDQuNCIgY3k9IjIwMy45IiByPSIxLjUiLz48L2c+PHVzZSB4bGluazpocmVmPSIjcHQtZiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeT0iLTI2Ii8+PHVzZSB4bGluazpocmVmPSIjcHQtZiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iLTIwLjgiLz48dXNlIHhsaW5rOmhyZWY9IiNwdC1mIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIyMC44Ii8+PHVzZSB4bGluazpocmVmPSIjcHQtZiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeT0iMjUuOCIvPjwvZz48L3N2Zz4="); }
.flag-tw { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXR3IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PGNsaXBQYXRoIGlkPSJ0dy1hIj48cGF0aCBkPSJNMCAwaDY0MHY0ODBIMHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCN0dy1hKSI+PHBhdGggZmlsbD0icmVkIiBkPSJNMCAwaDcyMHY0ODBIMHoiLz48cGF0aCBmaWxsPSIjMDAwMDk1IiBkPSJNMCAwaDM2MHYyNDBIMHoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTU0IDEyNi45LTIuNSA5LjYgOS40IDIuNi0xLjgtNy4xem00Ni45IDUuMS0xLjggNy4xIDkuNC0yLjYtMi41LTkuNnptLTQxLjgtMjQtNS4xIDUuMSAxLjkgNi45eiIvPjxwYXRoIGQ9Im0xNTUuOSAxMjAtMS45IDYuOSA1LjEgNS4xeiIvPjxwYXRoIGQ9Im0xNTQgMTEzLjEtNi45IDYuOSA2LjkgNi45IDEuOS02Ljl6bTE0IDI3LjggNS4xIDUuMSA2LjktMS45em0xOC45IDUuMSA5LjYgMi41IDIuNi05LjQtNy4xIDEuOHoiLz48cGF0aCBkPSJtMTkyIDE0MC45IDcuMS0xLjggMS44LTcuMXptLTMxLjEtMS44IDIuNiA5LjQgOS42LTIuNS01LjEtNS4xem0xOS4xIDUgNi45IDEuOSA1LjEtNS4xeiIvPjxwYXRoIGQ9Im0xNzMuMSAxNDYgNi45IDYuOSA2LjktNi45LTYuOS0xLjl6bS0xMi4yLTQ1LjEtOS40IDIuNiAyLjUgOS42IDUuMS01LjF6bS0xLjggMzEuMSAxLjggNy4xIDcuMSAxLjh6bTQ1LTEyIDEuOS02LjktNS4xLTUuMXoiLz48cGF0aCBkPSJtMTY4IDk5LjEtNy4xIDEuOC0xLjggNy4xem0zMi45IDguOS0xLjgtNy4xLTcuMS0xLjh6bTUuMSAxOC45IDYuOS02LjktNi45LTYuOS0xLjkgNi45eiIvPjxwYXRoIGQ9Im0yMDAuOSAxMDgtOC45LTguOS0xMi0zLjItMTIgMy4yLTguOSA4LjktMy4yIDEyIDMuMiAxMiA4LjkgOC45IDEyIDMuMiAxMi0zLjIgOC45LTguOSAzLjItMTJ6Ii8+PHBhdGggZD0ibTIwMC45IDEzMiA1LjEtNS4xLTEuOS02Ljl6bTUuMS0xOC45IDIuNS05LjYtOS40LTIuNiAxLjggNy4xem0tNi45LTEyLjItMi42LTkuNC05LjYgMi41IDUuMSA1LjF6bS0yNi02LjktOS42LTIuNS0yLjYgOS40IDcuMS0xLjh6bTYuOSAxLjktNi45LTEuOS01LjEgNS4xeiIvPjxwYXRoIGQ9Im0xODYuOSA5NC02LjktNi45LTYuOSA2LjkgNi45IDEuOXoiLz48cGF0aCBkPSJtMTkyIDk5LjEtNS4xLTUuMS02LjkgMS45ek0xNzMuMSAxNDZsLTkuNiAyLjUgNC41IDE2LjYgMTItMTIuMnptLTUuMSAxOS4xIDEyIDQ0LjkgMTItNDQuOS0xMi0xMi4yem0tNy4xLTI2LTkuNC0yLjYtNC40IDE2LjQgMTYuNC00LjR6Ii8+PHBhdGggZD0ibTE0Ny4xIDE1Mi45LTEyIDQ1LjEgMzIuOS0zMi45LTQuNS0xNi42em0tMTItMjAuOUwxMDIgMTY1LjFsNDUuMS0xMi4yIDQuNC0xNi40eiIvPjxwYXRoIGQ9Im0xNTQgMTI2LjktNi45LTYuOS0xMiAxMiAxNi40IDQuNXptMC0xMy44LTIuNS05LjYtMTYuNCA0LjUgMTIgMTJ6Ii8+PHBhdGggZD0iTTEzNS4xIDEwOCA5MCAxMjBsNDUuMSAxMiAxMi0xMnptOTAgMjQtMTYuNiA0LjUgNC40IDE2LjQgNDUuMSAxMi4yeiIvPjxwYXRoIGQ9Im0xOTkuMSAxMzkuMS0yLjYgOS40IDE2LjQgNC40LTQuNC0xNi40em0tMTIuMiA2LjktNi45IDYuOSAxMiAxMi4yIDQuNS0xNi42em0xOS4xLTE5LjEgMi41IDkuNiAxNi42LTQuNS0xMi4yLTEyeiIvPjxwYXRoIGQ9Im0xOTIgMTY1LjEgMzMuMSAzMi45LTEyLjItNDUuMS0xNi40LTQuNHptNy4xLTY0LjIgOS40IDIuNiA0LjQtMTYuNC0xNi40IDQuNHoiLz48cGF0aCBkPSJNMjI1LjEgMTA4IDI1OCA3NS4xbC00NS4xIDEyLTQuNCAxNi40em0tMTIuMi0yMC45TDIyNS4xIDQyIDE5MiA3NS4xbDQuNSAxNi40em0xMi4yIDQ0LjkgNDQuOS0xMi00NC45LTEyLTEyLjIgMTJ6Ii8+PHBhdGggZD0ibTIwNiAxMTMuMSA2LjkgNi45IDEyLjItMTItMTYuNi00LjV6bS0zOC0zOEwxMzUuMSA0MmwxMiA0NS4xIDE2LjQgNC40eiIvPjxwYXRoIGQ9Im0xNjAuOSAxMDAuOSAyLjYtOS40LTE2LjQtNC40IDQuNCAxNi40eiIvPjxwYXRoIGQ9Im0xNDcuMSA4Ny4xLTQ1LjEtMTIgMzMuMSAzMi45IDE2LjQtNC41em0zOS44IDYuOSA5LjYtMi41LTQuNS0xNi40LTEyIDEyeiIvPjxwYXRoIGQ9Ik0xOTIgNzUuMSAxODAgMzBsLTEyIDQ1LjEgMTIgMTJ6Ii8+PHBhdGggZD0ibTE3My4xIDk0IDYuOS02LjktMTItMTItNC41IDE2LjR6Ii8+PC9nPjxjaXJjbGUgY3g9IjE4MCIgY3k9IjEyMCIgcj0iNTEuMSIgZmlsbD0iIzAwMDA5NSIvPjxjaXJjbGUgY3g9IjE4MCIgY3k9IjEyMCIgcj0iNDUuMSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); }
.flag-ru { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXJ1IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2MTYwSDB6Ii8+PHBhdGggZmlsbD0iIzAwMzlhNiIgZD0iTTAgMTYwaDY0MHYxNjBIMHoiLz48cGF0aCBmaWxsPSIjZDUyYjFlIiBkPSJNMCAzMjBoNjQwdjE2MEgweiIvPjwvc3ZnPg=="); }
.flag-kr { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZmxhZy1pY29ucy1rciIgdmlld0JveD0iMCAwIDY0MCA0ODAiPjxkZWZzPjxjbGlwUGF0aCBpZD0ia3ItYSI+PHBhdGggZmlsbC1vcGFjaXR5PSIuNyIgZD0iTS05NS44LS40aDY4Mi43djUxMkgtOTUuOHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNrci1hKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODkuOCAuNClzY2FsZSguOTM3NSkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tOTUuOC0uNEg1ODd2NTEySC05NS44WiIvPjxnIHRyYW5zZm9ybT0icm90YXRlKC01Ni4zIDM2MS42IC0xMDEuMylzY2FsZSgxMC42NjY2NykiPjxnIGlkPSJrci1jIj48cGF0aCBpZD0ia3ItYiIgZmlsbD0iIzAwMDAwMSIgZD0iTS02LTI2SDZ2MkgtNlptMCAzSDZ2MkgtNlptMCAzSDZ2MkgtNloiLz48dXNlIHhsaW5rOmhyZWY9IiNrci1iIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB5PSI0NCIvPjwvZz48cGF0aCBzdHJva2U9IiNmZmYiIGQ9Ik0wIDE3djEwIi8+PHBhdGggZmlsbD0iI2NkMmUzYSIgZD0iTTAtMTJhMTIgMTIgMCAwIDEgMCAyNFoiLz48cGF0aCBmaWxsPSIjMDA0N2EwIiBkPSJNMC0xMmExMiAxMiAwIDAgMCAwIDI0QTYgNiAwIDAgMCAwIDBaIi8+PGNpcmNsZSBjeT0iLTYiIHI9IjYiIGZpbGw9IiNjZDJlM2EiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMy43IDE5MS4yIDYyLjIpc2NhbGUoMTAuNjY2NjcpIj48dXNlIHhsaW5rOmhyZWY9IiNrci1jIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIi8+PHBhdGggc3Ryb2tlPSIjZmZmIiBkPSJNMC0yMy41djNNMCAxN3YzLjVtMCAzdjMiLz48L2c+PC9nPjwvc3ZnPg=="); } /* keep "Chinese (zh-TW)" from breaking at the hyphen */
.note {
  display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; margin: 18px 0;
  padding: 14px 16px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line);
}
.note svg { width: 20px; height: 20px; color: var(--honey-ink); margin-top: 3px; }
.note.warn svg { color: var(--warn); }
pre.code {
  font: 13.5px/1.6 var(--mono); background: var(--surface); border: 1px solid var(--line);
  border-radius: 12px; padding: 16px 18px; overflow-x: auto; margin: 16px 0; color: var(--text);
}
pre.code .hl { color: var(--honey-ink); font-weight: 600; }
.copy-row { display: flex; gap: 8px; align-items: stretch; margin: 14px 0; flex-wrap: wrap; }
.copy-row input { flex: 1 1 280px; min-width: 0; font: 13px/1 var(--mono); padding: 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--text); }

/* ---------- Views ---------- */
[data-view] { display: none; }
body:not([data-page]) [data-view="home"], body[data-page="home"] [data-view="home"], body[data-page="docs"] [data-view="docs"],
body[data-page="terms"] [data-view="terms"], body[data-page="privacy"] [data-view="privacy"] { display: block; }
.legal { padding-block: 48px 90px; }
.legal .doc { margin-inline: auto; }
.legal .doc section { margin-bottom: 36px; }

/* ---------- Responsive ---------- */
/* Tablets and phones: finger-sized tap targets (about 44px) */
@media (max-width: 1024px), (pointer: coarse) {
  .tab { display: inline-flex; align-items: center; min-height: 44px; }
  .theme-btn { width: 44px; height: 44px; }
  .btn-sm { min-height: 44px; }
  [data-copy] { min-width: 72px; justify-content: center; }
  .toc a { padding-block: 11px; }
}
/* iPad landscape and small laptops: the hero is two narrow columns, so give the Discord scene more room */
@media (min-width: 981px) and (max-width: 1180px) {
  .hero .wrap { gap: 36px; }
  .dc-ch { font-size: 13.5px; }  /* keeps the sidebar narrower on smaller screens */
  .fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 1180px) {
  .features { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }  /* 4 columns get too narrow */
}
@media (max-width: 980px) {
  .hero .wrap, .split { grid-template-columns: minmax(0, 1fr); gap: 60px; }
  .features { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .steps { grid-template-columns: minmax(0, 1fr); }  /* tablets stack the three steps, like phones */
  /* Docs: the sidebar becomes a sticky "current section" bar under the header, with a dropdown of all sections */
  .docs { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 0; }
  .toc {
    top: calc(env(safe-area-inset-top, 0px) + 67px); z-index: 15; max-height: none; overflow: visible;
    margin-inline: -20px; padding: 8px 20px;
    background: color-mix(in srgb, var(--bg) 92%, transparent);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line);
  }
  .toc h4 { display: none; }
  .toc-toggle {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 14px;
    border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text);
    font: 700 15px/1.2 var(--body); text-align: left; cursor: pointer;
  }
  .toc-toggle svg { width: 18px; height: 18px; flex: none; color: var(--honey-ink); }
  .toc-toggle .chev { color: var(--muted); transition: transform .2s ease; }
  .toc.open .toc-toggle .chev { transform: rotate(180deg); }
  #toc-current { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .toc ol {
    display: none; position: absolute; left: 20px; right: 20px; top: calc(100% - 4px);
    max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); overflow-y: auto; overscroll-behavior: contain;
    padding: 6px; gap: 2px; border: 1px solid var(--line); border-radius: 12px;
    background: var(--surface); box-shadow: var(--shadow);
  }
  .toc.open ol { display: grid; }
  .toc a { margin: 0; border: 0; border-radius: 8px; padding: 11px 12px; font-size: 15px; }
  .toc a.on { background: var(--surface-2); box-shadow: inset 3px 0 0 var(--honey); }
  .doc { padding-top: 28px; }
  .doc section { scroll-margin-top: 44px; } /* land below the bar, not under it */
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .wrap { padding-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right)); }
  .nav .wrap { gap: 8px; }
  .tab { padding-inline: 10px; }
  .hero .wrap { padding-block: 44px 96px; }
  .cta-row .btn { flex: 1 1 220px; justify-content: center; }
  /* long commands wrap instead of pushing the page sideways (tables and code blocks still scroll) */
  code { white-space: normal; overflow-wrap: anywhere; }
  td code { white-space: nowrap; }
  .copy-row input { font-size: 16px; } /* under 16px, iPhones zoom the page when the field is tapped */
  .toc { margin-inline: -16px; padding-inline: 16px; }
  .toc ol { left: 16px; right: 16px; }
  .steps, .features, .feature-exp { grid-template-columns: minmax(0, 1fr); }
  section.band { padding-block: 64px; }
  .dc { grid-template-columns: minmax(0, 1fr); }
  .dc-side { display: none; }
  .fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .final .box { grid-template-columns: minmax(0, 1fr); padding: 24px; }
  .brand small { display: none; }
  /* Footer: the name on its own line, then the links, then the disclaimer, instead of wrapping wherever they fit */
  footer .wrap { gap: 12px 22px; }
  footer .grow, footer .disclaimer { flex-basis: 100%; }
  footer .grow { margin-bottom: 4px; }
  footer .disclaimer { margin-top: 4px; font-size: 13.5px; }
  .nav .btn-sm { display: none; }
}
/* Small phones: keep the header on one row */
@media (max-width: 400px) {
  .brand { gap: 8px; }
  .brand b { font-size: 1.05rem; }
  .tab { padding-inline: 8px; }
}
@media (max-width: 350px) {
  .brand b { display: none; } /* the logo stays */
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .play * { animation: none !important; }
  .btn { transition: none; }
}