.country-flag{display:inline-flex;width:48px;height:32px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:7px;background:#fff;box-shadow:0 7px 18px rgba(2,6,23,.16);vertical-align:middle}
.country-flag img{display:block;width:100%;height:100%;object-fit:cover}
.country-flag--sm{width:30px;height:20px;border-radius:5px;box-shadow:0 4px 10px rgba(2,6,23,.12);margin-right:8px}
.country-flag--lg{width:64px;height:43px;border-radius:10px}
.country-flag--xl{width:92px;height:62px;border-radius:14px;box-shadow:0 16px 38px rgba(2,6,23,.24)}
.country-flag__fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:#0f172a;font-size:.68rem;font-weight:900;letter-spacing:.06em}
.country-flag--xl .country-flag__fallback{font-size:1.15rem}
.region-card .country-flag{transition:transform .22s ease,box-shadow .22s ease}
.region-card:hover .country-flag{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px rgba(37,99,235,.2)}
.country-hero-flag{display:flex;justify-content:center;margin:0 0 24px}
.table .country-flag{vertical-align:middle}
[data-theme="light"] .country-flag{border-color:rgba(100,116,139,.26);box-shadow:0 7px 18px rgba(15,23,42,.12)}
@media(max-width:460px){.country-flag{width:44px;height:29px}.country-flag--xl{width:78px;height:52px}}