[data-aluna-map-frame] {
  overflow: hidden;
  position: relative;
}

[data-aluna-map-fallback] {
  inset: 0;
  opacity: 1;
  position: absolute;
  transition: opacity 160ms ease, visibility 160ms ease;
  visibility: visible;
  z-index: 0;
}

img[data-aluna-map-fallback-image] {
  border-radius: 0;
  display: block;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 160ms ease;
  width: 100%;
}

img[data-aluna-map-fallback-image][src] {
  opacity: 1;
}

[data-aluna-map-canvas] {
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 160ms ease;
  width: 100%;
  z-index: 1;
}

[data-aluna-map-frame].is-map-ready [data-aluna-map-canvas] {
  opacity: 1;
}

[data-aluna-map-frame].is-map-ready [data-aluna-map-fallback] {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

[data-aluna-map-frame].is-map-error [data-aluna-map-fallback] {
  opacity: 1;
  visibility: visible;
}