/* Aviso amable cuando un sonido necesita Internet y no hay conexión. */
.offline-notice {
  position: fixed;
  left: 50%;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 90;
  max-width: min(520px, calc(100vw - 32px));
  padding: 10px 16px;
  border: 2px solid var(--ad-blue-edge);
  border-radius: 18px;
  background: var(--ad-blue-top);
  color: var(--ad-blue-ink);
  box-shadow: 0 4px 0 var(--ad-blue-base);
  font:
    700 calc(15px * var(--text-scale, 1))/1.35 ui-rounded,
    "Trebuchet MS",
    sans-serif;
  text-align: center;
  pointer-events: none;
}
@media (min-width: 900px) and (min-height: 501px) and (orientation: landscape) {
  .offline-notice {
    font-size: calc(24px * var(--text-scale, 1));
    padding: 16px 28px;
    border-radius: 26px;
  }
}