.country-flags{--columns:11;display:grid;grid-template-columns:repeat(var(--columns),minmax(0, 1fr));gap:7px 8px;width:100%;max-width:520px;padding-right:6% !important;align-items:center}.country-flag{position:relative;display:flex;align-items:center;justify-content:center;padding:6% !important;width:100%;height:20px;border-radius:5px;text-decoration:none;transition:background-color .2s ease,transform .2s ease;opacity:.45 !important;margin-bottom:20% !important}.country-flag img{display:block;width:21px;height:auto;max-width:auto !important;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.country-flag:hover{background:rgba(37,99,235,.07);transform:translateY(-1px);opacity:1 !important}.country-flag:hover img{filter:grayscale(0%) opacity(1);transform:scale(1);box-shadow:0 3px 8px rgba(20,70,140,0)}.country-tooltip{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%,4px);padding:5px 8px;white-space:nowrap;border-radius:5px;background:#123a70;color:#fff;font-size:11px;line-height:1.2;font-weight:500;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:1000}.country-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#123a70}.country-flag:hover .country-tooltip,.country-flag:focus-visible .country-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.country-flag:focus-visible{outline:2px solid #2684ff;outline-offset:2px}@media (max-width:800px){.country-flags{--columns:8}}@media (max-width:550px){.country-flags{--columns:6}}@media (max-width:380px){.country-flags{--columns:5}}@media (prefers-reduced-motion:reduce){.country-flag,.country-flag img,.country-tooltip{transition:none}}