/* Homepage country data presentation. Globe appearance and motion are frozen. */
.earth-hero[data-globe-data="ripple"]{display:flex;flex-direction:column}
.earth-hero[data-globe-data="ripple"] .earth-copy{flex:none}
.earth-hero[data-globe-data="ripple"] .earth-stage{position:relative;inset:auto;flex:1;min-height:0;width:93%;align-self:center;margin-top:16px}
.earth-search-panel{position:relative;isolation:isolate;max-width:860px;width:78%;margin:auto;padding:12px 16px 14px;border:0;border-radius:19px;background:#ffffffa8;box-shadow:0 12px 36px #2046690b;backdrop-filter:blur(14px);pointer-events:auto;text-align:center;animation:earth-search-arrive .65s cubic-bezier(.22,1,.36,1) both}
.earth-search-panel .earth-search{position:relative;max-width:none;width:100%;margin:0;min-height:56px;padding:5px;border:0;border-radius:12px;background:#fffffff2;box-shadow:0 4px 18px #20466909;gap:15px}
.earth-search-icon{display:block;flex-shrink:0;width:23px;height:23px;margin-left:12px;background:var(--r-red);mask:url('../assets/icons/search.svg') center / contain no-repeat}
.earth-search-panel .earth-search input{font-size:16px;padding-block:8px}
.earth-search-panel .earth-search:focus-within{outline:2px solid #527d9e80;outline-offset:3px}
.earth-search-panel .earth-search .r-button{gap:10px;border:0;border-radius:8px;min-height:46px;padding-inline:20px;background:var(--r-red);color:#fff;font-size:14px;font-weight:600;box-shadow:none;transition:background-color .2s ease,color .2s ease}
.earth-search-panel .earth-search .r-button:hover{background:color-mix(in srgb,var(--r-red),#000 9%);color:#fff;transform:none}
.earth-search-arrow{flex-shrink:0;color:currentColor;transition:transform .2s ease}
.earth-search-panel .earth-search .r-button:hover .earth-search-arrow{transform:translateX(3px)}
.earth-data-ribbon{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:12px 0 0;pointer-events:auto}
.earth-data-metric{position:relative;display:flex;flex:1 0 auto;align-items:baseline;justify-content:center;gap:7px;min-width:0;white-space:nowrap;line-height:1.2}
.earth-data-metric strong{font-size:26px;font-weight:650;letter-spacing:-.45px;font-variant-numeric:tabular-nums;line-height:1.25;color:#214663}
/* Match the visible height and lower edge of the Lato numerals. */
.earth-data-amount-unit{font-size:.8em;vertical-align:.1em}
.earth-data-metric>span:last-child{position:relative;top:-1px;font-size:13px;color:#58728b}
.earth-data-label-mobile{display:none}
@keyframes earth-search-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.earth-data-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}
.earth-country-label{position:absolute;left:0;top:0;max-width:132px;overflow:visible;border:0;border-radius:3px;padding:4px 7px;background:transparent;color:#244967;font:600 12px/1.25 var(--font);white-space:nowrap;text-shadow:0 1px 2px #fff,0 0 5px #fff;pointer-events:auto;cursor:default}
.earth-country-label span{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis}
.earth-country-label::after{content:'';position:absolute;top:100%;left:var(--stem-x,50%);width:1px;height:var(--stem-size,10px);background:#b48e4c55;pointer-events:none}
.earth-country-label[data-side="below"]::after{top:auto;bottom:100%}
.earth-country-card{position:absolute;left:var(--country-card-x,50%);top:var(--country-card-y,540px);display:block;width:256px;max-width:calc(100vw - 32px);padding:16px;border:0;border-radius:14px;background:#fff;box-shadow:0 9px 28px #20466924;pointer-events:auto;color:#193b5d;text-shadow:none}
.earth-country-card::before{content:'';position:absolute;left:calc(-1 * var(--country-leader-length,36px));top:var(--country-leader-y,12px);width:var(--country-leader-length,36px);height:1px;background:#c9a24d;pointer-events:none}
.earth-country-card[data-side="left"]::before{left:auto;right:calc(-1 * var(--country-leader-length,36px))}
.earth-country-card[data-leader="false"]::before{display:none}
.earth-country-card::after{content:'';position:absolute;left:calc(-1 * var(--country-bridge-width,32px));top:-8px;width:var(--country-bridge-width,32px);height:calc(100% + 16px);pointer-events:auto}
.earth-country-card[data-side="left"]::after{left:auto;right:calc(-1 * var(--country-bridge-width,32px))}
.earth-country-text{display:flex;flex-direction:column;min-width:0}
.earth-country-heading{display:flex;align-items:center;gap:8px;min-width:0;padding-right:26px}
.earth-country-flag.flag-icon{flex:none;width:24px;height:18px;line-height:18px;border-radius:3px;overflow:hidden;background-size:cover}
.earth-country-name{min-width:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere;text-wrap:balance}
.earth-country-count{display:flex;align-items:baseline;gap:8px;margin:12px 0 0;white-space:nowrap;font-variant-numeric:tabular-nums}
.earth-country-count strong{font-size:32px;line-height:1.1;letter-spacing:-.6px}
.earth-country-count-label{font-size:12px;color:#58728b}
.earth-country-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-top:12px;padding:8px 12px;border-radius:9px;background:#a8102109;font-size:13px;color:var(--r-red);font-weight:600;white-space:nowrap;transition:background-color .2s ease}
.earth-country-link img{flex:none;width:16px;height:16px;-webkit-user-drag:none;filter:brightness(0) saturate(100%) invert(12%) sepia(82%) saturate(4077%) hue-rotate(337deg) brightness(86%) contrast(102%)}
.earth-country-link:hover{background:#a8102112}
.earth-country-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#667d93;font-size:13px;width:32px;height:32px;padding:0;opacity:.75;cursor:pointer}
.earth-country-close img{display:block;width:12px;height:12px;-webkit-user-drag:none}
.earth-country-close:hover{opacity:1;background:#edf3f8}
.earth-country-card[data-layout="bottom-bar"]{position:fixed;z-index:40;left:16px;right:16px;top:auto;bottom:calc(var(--country-card-bottom,12px) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;width:auto;min-width:0;max-width:640px;margin-inline:auto;min-height:80px;padding:12px 10px 12px 14px;border-radius:14px}
.earth-country-card[data-layout="bottom-bar"]::before,.earth-country-card[data-layout="bottom-bar"]::after{display:none}
.earth-country-card[data-layout="bottom-bar"] .earth-country-heading{gap:8px;padding-right:0}
.earth-country-card[data-layout="bottom-bar"] .earth-country-flag{width:24px;height:18px;line-height:18px}
.earth-country-card[data-layout="bottom-bar"] .earth-country-name{font-size:16px;line-height:1.4}
.earth-country-card[data-layout="bottom-bar"] .earth-country-count{gap:6px;margin:5px 0 0}
.earth-country-card[data-layout="bottom-bar"] .earth-country-count strong{font-size:19px;letter-spacing:-.25px}
.earth-country-card[data-layout="bottom-bar"] .earth-country-count-label{font-size:11px}
.earth-country-card[data-layout="bottom-bar"] .earth-country-link{justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border-radius:50%;background:#a810210d}
.earth-country-card[data-layout="bottom-bar"] .earth-country-link:hover{background:#a810211a}
.earth-country-card[data-layout="bottom-bar"] .earth-country-link-label{display:none}
.earth-country-card[data-layout="bottom-bar"] .earth-country-link img{width:18px;height:18px}
.earth-country-card[data-layout="bottom-bar"] .earth-country-close{display:none}
@media(max-width:1023px){.earth-search-panel{width:94%}.earth-data-metric{gap:6px}.earth-data-metric strong{font-size:clamp(21px,3vw,26px)}.earth-data-metric>span:last-child{font-size:clamp(11px,1.5vw,13px)}}
@media(max-width:640px){
  .earth-hero[data-globe-data="ripple"] .earth-stage{width:145.08%;margin-top:24px}
  .earth-search-panel{width:100%;padding:8px 10px 10px;border-radius:17px}
  .earth-search-panel .earth-search{min-height:52px;padding:4px;gap:10px;border-radius:10px}
  .earth-search-icon{width:22px;height:22px;margin-left:7px}
  .earth-search-panel .earth-search .r-button{min-width:65px;min-height:44px;padding-inline:13px;font-size:14px}
  .earth-search-arrow{display:none}
  .earth-data-ribbon{flex-wrap:nowrap;margin:8px 0 0;gap:8px}
  .earth-data-metric{gap:4px}
  .earth-data-metric[data-metric="countries"],.earth-data-label-desktop{display:none}
  .earth-data-metric strong{font-size:clamp(20px,6vw,26px)}
  .earth-data-metric>span:last-child{font-size:clamp(11px,3vw,12px)}
  .earth-data-label-mobile{display:inline}
  .earth-country-label{font-size:11px;padding:4px 6px}
}
.earth-hero:not([data-globe-data="ripple"]) .earth-search-panel{min-height:0;padding-bottom:12px}
@media(max-height:700px) and (min-width:641px){
  .earth-search-panel{padding:8px 12px 10px}
  .earth-data-ribbon{margin-top:8px}
}
@media(max-height:520px){
  .earth-search-panel{padding:6px 10px 8px}
  .earth-search-panel .earth-search{min-height:48px;padding-block:1px}
  .earth-data-ribbon{margin-top:6px}
  .earth-data-metric strong{font-size:21px}
  .earth-hero[data-globe-data="ripple"] .earth-stage{width:min(93%,110dvh);margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.earth-search-panel{animation:none}.earth-search-arrow,.earth-search-panel .earth-search .r-button,.earth-country-link{transition:none}}
.earth-country-card[hidden],.earth-country-label[hidden]{display:none}
