/* Native star size is fixed. Glare, shine and orbit are independent light layers. */
button.coordinate.stellar-marker {
 appearance:none!important;-webkit-appearance:none!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 width:44px;height:44px;padding:0;filter:none;
 --activity:0;--light:0;--link-star-tint:#75c5ff;
}
button.coordinate.stellar-marker::before,button.coordinate.stellar-marker::after { content:none!important; }
.stellar-marker .stellar-shine {
 position:absolute;left:50%;top:50%;width:calc(var(--native-diameter)*1.5);height:calc(var(--native-diameter)*1.5);
 transform:translate(-50%,-50%);pointer-events:none;
 background:radial-gradient(circle,#fff 0%,rgb(240 250 255 / .8) 9%,rgb(216 240 255 / .24) 28%,transparent 68%);
 opacity:calc(.25 + var(--light)*.3);transition:opacity .12s linear;mix-blend-mode:screen;
}
.stellar-marker .stellar-body {
 position:absolute;left:50%;top:50%;width:var(--native-diameter);height:var(--native-diameter);
 transform:translate(-50%,-50%);pointer-events:none;
 background:radial-gradient(circle,#fff 0%,#fff 16%,rgb(245 253 255 / .8) 24%,rgb(226 245 255 / .25) 43%,transparent 68%);
 filter:brightness(calc(1 + var(--light)*.5));
}
.stellar-shine::after {
 content:'';position:absolute;inset:0;
 background:radial-gradient(circle,transparent 24%,var(--link-star-tint) 42%,transparent 70%);opacity:.24;
}
.stellar-marker .stellar-glare {
 position:absolute;inset:0;pointer-events:none;opacity:1;mix-blend-mode:screen;
 filter:brightness(calc(1 + var(--light)*.6));
}
.stellar-glare::before,.stellar-glare::after {
 content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 border-radius:50%;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px var(--link-star-tint));
}
.stellar-glare::before {
 width:calc(var(--native-diameter)*1.85);height:1.8px;
 background:linear-gradient(90deg,transparent,rgb(229 249 255 / .7) 15%,#fff 35%,#fff 65%,rgb(229 249 255 / .7) 85%,transparent);
}
.stellar-glare::after {
 height:calc(var(--native-diameter)*2);width:1.6px;
 background:linear-gradient(180deg,transparent,rgb(229 249 255 / .7) 15%,#fff 35%,#fff 65%,rgb(229 249 255 / .7) 85%,transparent);
}
.stellar-marker .stellar-ring {
 position:absolute;left:50%;top:50%;
 width:calc(var(--native-diameter) + 8px);height:calc(var(--native-diameter) + 8px);
 transform:translate(-50%,-50%);border:1px solid var(--link-star-tint);
 border-radius:50%;pointer-events:none;opacity:calc(.38 + var(--light)*.38);
 box-shadow:0 0 calc(var(--light)*5px) var(--link-star-tint);
 transition:opacity .12s linear;
}
.stellar-ring::after {
 content:'';position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#edf8ff;
 border-radius:50%;opacity:calc(.15 + var(--activity)*.75);
 animation:link-star-orbit 5s linear infinite;animation-play-state:paused;
}
.stellar-marker.is-near .stellar-ring::after,.stellar-marker[aria-pressed=true] .stellar-ring::after,
.stellar-marker:focus-visible .stellar-ring::after { animation-play-state:running; }
.stellar-marker .coordinate-label {
 left:calc(26px + var(--native-diameter)/2);top:13px;opacity:calc(.8 + var(--activity)*.2);
 font-family:var(--font,Saira,sans-serif);font-size:12px;font-weight:500;line-height:18px;
 color:#d9e5ed;transition:color .2s,text-shadow .2s,opacity .16s;
}
.stellar-marker .coordinate-label { text-shadow:0 1px 2px #000,0 0 4px #000,0 0 9px #000; }
.stellar-marker.is-near .coordinate-label { color:#fff;text-shadow:0 1px 2px #000,0 0 5px #000,0 0 12px #000; }
.stellar-marker.is-label-active .coordinate-label { opacity:0; }
.stellar-marker .coordinate-hover-label {
 position:absolute;left:calc(26px + var(--native-diameter)/2);top:4px;
 font-family:var(--font,Saira,sans-serif);font-size:24px;font-weight:500;
 line-height:36px;letter-spacing:.06em;white-space:pre;min-width:3.4em;
 color:#f5fbff;text-shadow:0 1px 2px #000,0 0 4px #000,0 0 10px #000,0 0 18px #000;
 opacity:0;pointer-events:none;isolation:isolate;
}
.stellar-marker .coordinate-hover-label::before {
 content:'';position:absolute;inset:3px -9px;z-index:-1;pointer-events:none;
 border-radius:12px;background:rgb(0 0 0 / .72);filter:blur(7px);
}
.stellar-marker.label-left .coordinate-label,.stellar-marker.label-left .coordinate-hover-label {
 left:auto;right:calc(26px + var(--native-diameter)/2);text-align:right;
}
.marker-layer:has(.is-label-active) .stellar-marker:not(.is-label-active) .coordinate-label { opacity:.35; }
.map-slideshow .sv-v10-dots { max-width:100%;flex-wrap:wrap;row-gap:6px; }
@keyframes link-star-orbit { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .stellar-marker .stellar-ring::after { animation:none!important; } }

/* V1: rotate the light itself, keeping its label and hit area upright. */
.stellar-marker .stellar-envelope {
 position:absolute;inset:0;pointer-events:none;transform:scale(1);
 transition:transform .28s cubic-bezier(.2,.7,.2,1);
}
.stellar-marker .stellar-rotation {
 position:absolute;inset:0;pointer-events:none;
 animation:linked-star-spin var(--spin-duration) linear var(--spin-delay) infinite var(--spin-direction);
}
.stellar-marker.is-star-held .stellar-envelope { transform:scale(1.12); }
.stellar-marker.is-star-held .stellar-rotation,
.stellar-marker.is-star-held .stellar-ring::after { animation-play-state:paused; }
@keyframes linked-star-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
 .stellar-marker .stellar-rotation { animation:none; }
 .stellar-marker .stellar-envelope { transition:none; }
}
