.lm-country-globe-wrap{
display:block;
width:100%;
max-width:1400px;
margin-left:auto;
margin-right:auto;
background:transparent;
}

.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:transparent;
overflow:visible;
isolation:isolate;
}

.lm-country-globe::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:transparent;
opacity:0;
}

.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(49, 105, 181, .12) 92%, rgba(141, 187, 245, .34) 97.4%, rgba(244, 249, 255, .68) 99.2%, rgba(112, 164, 226, .28) 100%),
  linear-gradient(to top, rgba(0, 8, 24, .80) 0%, rgba(0, 10, 28, .80) 34%, rgba(3, 21, 48, .78) 46%, rgba(11, 45, 88, .67) 58%, rgba(31, 82, 139, .45) 71%, rgba(77, 134, 198, .20) 84%, rgba(164, 203, 239, 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:transparent
}

.lm-country-globe__selector{
position:absolute;
top:26px;
left:var(--lm-selector-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-wrap{
  width:100%;
  max-width:none;
  }

  .lm-country-globe{
  aspect-ratio:4 / 3;
  min-height:260px;
  max-height:none;
  --lm-globe-base-scale:1.013;
  --lm-globe-y:15%;
  }

  .lm-country-globe__map{
  left:0;
  width:100%;
  transform:none;
  }

  .lm-country-globe__selector{
  top:1rem;
  left:1rem;
  width:calc(100% - 2rem);
  max-width:226px;
  }

  .lm-country-globe__select-button{
  min-height:42px;
  padding-right:38px;
  padding-left:18px;
  font-size:14px;
  }

  .lm-country-globe__select-button::after{
  right:17px;
  }

  .lm-country-globe__list{
  max-height:min(300px, 50vh);
  padding-right:20px;
  padding-left:18px;
  }

  .lm-country-globe__item{
  font-size:16px;
  }

  .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;
  max-width:calc(100% - 1.5rem);
  }

  .lm-country-globe__zoom-button{
  min-width:32px;
  height:32px;
  padding-right:8px;
  padding-left:8px;
  flex-shrink:0;
  }

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

}
