:root{--flag-thumbnail-size:40px;--flag-button-size:calc(var(--flag-thumbnail-size) + 12px);--switcher-height:calc(var(--flag-button-size) + 14px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page-background:#f4f4f2;--strip-background:#f4f4f2f0;--selected-background:#dededb;--focus-color:#1f6feb}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page-background:#303030;--strip-background:#303030f0;--selected-background:#4a4a4a;--focus-color:#8ab4f8}}*{box-sizing:border-box}html,body{background:var(--page-background);width:100%;min-height:100%;margin:0;overflow:hidden}button,img{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flag-viewer{background:var(--page-background);min-height:100dvh}.flag-stage{width:100%;height:calc(100dvh - var(--switcher-height) - env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;overflow:hidden}.hero-flag{width:min(82vw,1100px);max-height:calc(100dvh - var(--switcher-height) - 80px);object-fit:contain;box-shadow:none;border:0;animation:.14s ease-out flag-change;display:block}.flag-switcher{height:calc(var(--switcher-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--strip-background);-webkit-backdrop-filter:blur(12px);position:fixed;bottom:0;left:0;right:0}.flag-switcher-track{width:100%;height:var(--switcher-height);overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;justify-content:safe center;align-items:center;gap:2px;padding:6px 8px;display:flex;overflow-x:auto}.flag-switcher-track::-webkit-scrollbar{display:none}.flag-button{flex:0 0 var(--flag-button-size);width:var(--flag-button-size);height:var(--flag-button-size);scroll-snap-align:center;cursor:pointer;opacity:.58;background:0 0;border:0;border-radius:10px;outline:none;place-items:center;padding:6px;transition:background-color .12s,opacity .12s,transform .12s;display:grid}.flag-button img{width:var(--flag-thumbnail-size);height:var(--flag-thumbnail-size);object-fit:contain;box-shadow:none;pointer-events:none;border:0;display:block}.flag-button:hover{opacity:.82}.flag-button[aria-pressed=true]{background:var(--selected-background);opacity:1;transform:translateY(-1px)}.flag-button:focus-visible{outline:3px solid var(--focus-color);outline-offset:-3px;opacity:1}@keyframes flag-change{0%{opacity:.55}to{opacity:1}}@media (width<=700px){.hero-flag{width:100vw;max-width:none;max-height:calc(100dvh - var(--switcher-height) - 24px)}.flag-switcher-track{padding-inline:6px}}@media (prefers-reduced-motion:reduce){.hero-flag{animation:none}.flag-button{transition:none}}