/* Position annotations relative to the artwork, including its atmospheric rim. */
.earth-pins-host {position:relative;overflow:visible;}
.earth-pins {position:absolute;inset:0;z-index:3;pointer-events:none;}
.earth-pin {
  position:absolute;transform:translate(-50%,-100%);pointer-events:auto;
  min-width:44px;min-height:48px;padding:7px 8px 21px;
  border:0;border-radius:7px;background:transparent;
  color:#fff7e8;font:700 13px/1.3 var(--font-sans,system-ui,sans-serif);
  white-space:nowrap;text-shadow:0 1px 3px #000,0 0 6px #07141e;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.earth-pin::before {
  content:"";position:absolute;bottom:9px;left:calc(50% - .5px);
  width:1px;height:11px;background:#f9efdaad;
}
.earth-pin::after {
  content:"";position:absolute;bottom:2px;left:calc(50% - 5px);
  width:10px;height:10px;box-sizing:border-box;border:2px solid #fff1d3;
  border-radius:50%;background:#b97040;box-shadow:0 1px 4px #07101bc0;
}
.earth-pin[data-topic="海洋"]::after {background:#358ba6;}
.earth-pin[data-topic="大気"]::after {background:#7bacc8;}
.earth-pin[aria-pressed="true"]::after {background:#ffe2a1;box-shadow:0 0 0 4px #f7bf5733;}
.earth-pin:focus-visible {outline:2px solid #fff1ce;outline-offset:2px;background:#112334b3;}
.earth-pin:disabled {cursor:default;}
.earth-cutaway {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.earth-cutaway[aria-hidden="true"] {display:none;}
.earth-cutaway[data-visual="hadean"] .earth-cutaway-surface {fill:#db713d;}
@media(hover:hover) {.earth-pin:hover {background:#12263280;}}