.lm-country-globe-wrap{
display:block;
width:100%;
}

.lm-country-globe{
position:relative;
width:100%;
margin:0 auto;
aspect-ratio:2 / 1;
min-height:260px;
max-height:560px;
--lm-active-yellow:#ffd000;
--lm-globe-base-scale:1.388;
--lm-globe-y:42%;
/* background:
  radial-gradient(circle at 50% 54%, rgba(18, 43, 70, .9) 0%, rgba(7, 15, 28, .82) 43%, rgba(1, 3, 8, 1) 78%),
  #020305; */
overflow:visible;
isolation:isolate;
}

.lm-country-globe::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
/*background:
  radial-gradient(circle at 11% 18%, rgba(255, 255, 255, .9) 0 1px, transparent 1.6px),
  radial-gradient(circle at 23% 72%, rgba(255, 255, 255, .72) 0 1px, transparent 1.5px),
  radial-gradient(circle at 39% 28%, rgba(255, 255, 255, .82) 0 1px, transparent 1.5px),
  radial-gradient(circle at 58% 16%, rgba(255, 255, 255, .7) 0 1px, transparent 1.5px),
  radial-gradient(circle at 77% 34%, rgba(255, 255, 255, .86) 0 1px, transparent 1.7px),
  radial-gradient(circle at 88% 68%, rgba(255, 255, 255, .74) 0 1px, transparent 1.6px),
  radial-gradient(circle at 63% 82%, rgba(255, 255, 255, .66) 0 1px, transparent 1.5px),
  radial-gradient(circle at 15% 48%, rgba(174, 213, 255, .66) 0 1px, transparent 1.7px),
  radial-gradient(circle at 48% 64%, rgba(174, 213, 255, .55) 0 1px, transparent 1.6px),
  radial-gradient(circle at 92% 13%, rgba(174, 213, 255, .62) 0 1px, transparent 1.5px);
*/
opacity:.85;
}

.lm-country-globe,
.lm-country-globe__selector,
.lm-country-globe__selector *,
.lm-country-globe__active-country{
box-sizing:border-box;
}

.lm-country-globe__map,
.lm-country-globe__vignette,
.lm-country-globe__fallback{
position:absolute;
inset:0;
}

.lm-country-globe__map{
z-index:2;
left:50%;
right:auto;
width:100vw;
max-width:none;
transform:translateX(-50%);
background:transparent;
overflow:hidden;
}

.lm-country-globe__map::before{
content:"";
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
background:
  radial-gradient(circle closest-side at 50% 50%, rgba(0, 0, 0, 0) 0 82%, rgba(26, 78, 150, .14) 92%, rgba(125, 174, 242, .42) 97.4%, rgba(238, 246, 255, .76) 99.2%, rgba(92, 143, 222, .34) 100%),
  linear-gradient(to top, #000000 0%, #000000 34%, rgba(0, 6, 16, .98) 46%, rgba(4, 28, 58, .84) 58%, rgba(10, 62, 116, .56) 71%, rgba(35, 103, 176, .24) 84%, rgba(112, 164, 225, 0) 98%);
opacity:1;
transform:translateY(var(--lm-globe-y)) scale(var(--lm-globe-scale, var(--lm-globe-base-scale)));
transform-origin:50% 50%;
transition:transform .22s ease;
-webkit-mask-image:radial-gradient(circle closest-side at 50% 50%, #000000 0 100%, rgba(0, 0, 0, 0) 100.2%);
mask-image:radial-gradient(circle closest-side at 50% 50%, #000000 0 100%, rgba(0, 0, 0, 0) 100.2%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
}

.lm-country-globe__map > div{
position:relative;
z-index:1;
width:100%;
height:100%;
transform:translateY(var(--lm-globe-y)) scale(var(--lm-globe-scale, var(--lm-globe-base-scale)));
transform-origin:50% 50%;
transition:transform .22s ease;
}

.lm-country-globe__vignette{
z-index:0;
pointer-events:none;
background:
linear-gradient(to top, rgba(255, 208, 0, .52) 0%, rgba(255, 208, 0, .524) 10px, rgba(118, 96, 0, .26) 22%, rgba(58, 48, 0, .18) 37%, rgba(0, 0, 0, 0) 68%),
radial-gradient(circle at 50% 118%, rgba(45, 93, 166, .18) 0%, rgba(45, 93, 166, .08) 24%, rgba(0, 0, 0, 0) 54%)
}

.lm-country-globe__selector{
position:absolute;
top:26px;
left:19%;
z-index:4;
width:min(226px, calc(100% - 2rem));
font-family:Arial, Helvetica, sans-serif;
}

.lm-country-globe__select-button{
display:inline-flex;
align-items:center;
justify-content:flex-start;
min-height:36px;
width:100%;
max-width:100%;
border:0;
border-radius:999px;
padding:0 42px 0 24px;
background:#ffd000;
background:var(--lm-active-yellow);
color:#101010;
font:700 16px/1.1 Arial, Helvetica, sans-serif;
white-space:nowrap;
cursor:pointer;
position:relative;
box-shadow:0 5px 12px rgba(0, 0, 0, .34);
}

.lm-country-globe__select-button::after{
content:"";
position:absolute;
right:22px;
top:50%;
width:10px;
height:10px;
border-right:2px solid #101010;
border-bottom:2px solid #101010;
transform:translateY(-65%) rotate(45deg);
transform-origin:50% 50%;
transition:transform .18s ease;
}

.lm-country-globe__selector.is-open .lm-country-globe__select-button{
border-radius:18px 18px 0 0;
box-shadow:none;
}

.lm-country-globe__selector.is-open .lm-country-globe__select-button::after{
transform:translateY(-25%) rotate(225deg);
}

.lm-country-globe__select-button:hover,
.lm-country-globe__select-button:focus-visible{
background:#ffe04d;
outline:2px solid rgba(255, 255, 255, .78);
outline-offset:2px;
}

.lm-country-globe__list{
list-style:none;
position:absolute;
top:100%;
left:0;
z-index:7;
width:100%;
min-width:0;
max-height:300px;
overflow:auto;
margin:0;
padding:4px 28px 12px 22px;
background:#f4f4f4;
border:0;
border-top:1px solid rgba(0, 0, 0, .12);
border-radius:0 0 18px 18px;
box-shadow:0 14px 24px rgba(0, 0, 0, .36);
display:none;
scrollbar-color:var(--lm-active-yellow) transparent;
scrollbar-width:thin;
}

.lm-country-globe__zoom-controls{
position:absolute;
right:1rem;
bottom:1rem;
z-index:5;
display:flex;
align-items:center;
gap:6px;
padding:6px;
border-radius:999px;
background:rgba(2, 3, 5, .72);
box-shadow:0 8px 18px rgba(0, 0, 0, .34);
}

.lm-country-globe__zoom-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:34px;
height:34px;
border:0;
border-radius:999px;
padding:0 10px;
background:#ffffff;
color:#101010;
font:700 14px/1 Arial, Helvetica, sans-serif;
cursor:pointer;
}

.lm-country-globe__zoom-button[data-lm-globe-zoom="reset"]{
min-width:54px;
font-size:12px;
}

.lm-country-globe__zoom-button:hover,
.lm-country-globe__zoom-button:focus-visible{
background:var(--lm-active-yellow);
outline:2px solid rgba(255, 255, 255, .78);
outline-offset:2px;
}

.lm-country-globe__zoom-button:disabled{
opacity:.42;
cursor:default;
}

.lm-country-globe__list::-webkit-scrollbar{
width:18px;
}

.lm-country-globe__list::-webkit-scrollbar-track{
background:transparent;
border-radius:999px;
}

.lm-country-globe__list::-webkit-scrollbar-thumb{
min-height:22px;
background:var(--lm-active-yellow);
border:4px solid #f4f4f4;
border-radius:999px;
box-shadow:0 0 0 1px rgba(0, 0, 0, .08);
}

.lm-country-globe__selector.is-open .lm-country-globe__list{
display:block;
}

.lm-country-globe__item{
margin:0;
padding:4px 0 5px;
background:transparent;
border-bottom:1px solid #cfcfcf;
color:#1d153c;
font:400 18px/1.15 Arial, Helvetica, sans-serif;
cursor:pointer;
white-space:nowrap;
}

.lm-country-globe__item:hover,
.lm-country-globe__item:focus-visible,
.lm-country-globe__item.is-active{
background:rgba(255, 208, 0, .16);
color:#1d153c;
outline:none;
}

.lm-country-globe__active-country{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
border:0;
white-space:nowrap;
overflow:hidden;
clip:rect(0, 0, 0, 0);
clip-path:inset(50%);
}

.lm-country-globe__active-country:empty{
display:none;
}

.lm-country-globe__active-country::before{
display:none;
}

.lm-country-globe__active-country.has-flag-image::before{
display:none;
}

.lm-country-globe__active-country::after{
display:none;
}

.lm-country-globe__fallback{
z-index:6;
display:none;
place-items:center;
padding:1.5rem;
background:#020305;
color:#ffffff;
font:700 1rem/1.4 Arial, Helvetica, sans-serif;
text-align:center;
}

.lm-country-globe.lm-globe-error .lm-country-globe__fallback{
display:grid;
}

.lm-country-globe.lm-globe-error .lm-country-globe__selector,
.lm-country-globe.lm-globe-error .lm-country-globe__active-country,
.lm-country-globe.lm-globe-error .lm-country-globe__vignette{
display:none;
}

@media (max-width: 700px){
  .lm-country-globe{
  aspect-ratio:4 / 3;
  min-height:260px;
  --lm-globe-base-scale:1.013;
  --lm-globe-y:15%;
  }

  .lm-country-globe__selector{
  top:18%;
  left:1rem;
  }

  .lm-country-globe__map > div{
  transform:translateY(var(--lm-globe-y)) scale(var(--lm-globe-scale, var(--lm-globe-base-scale)));
  }

  .lm-country-globe__zoom-controls{
  right:.75rem;
  bottom:.75rem;
  }

}
