html.afua-safari .nav,
body.afua-safari .nav {
  background: rgba(11, 13, 16, 0.92);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

body.light.afua-safari .nav {
  background: rgba(247, 247, 245, 0.92);
}

html.afua-safari .notice,
body.afua-safari .notice,
html.afua-safari .preview-hero,
body.afua-safari .preview-hero,
html.afua-safari .admin-alert-card.high,
body.afua-safari .admin-alert-card.high,
html.afua-safari .admin-alert-card.medium,
body.afua-safari .admin-alert-card.medium {
  background: var(--panel);
  border-color: var(--line);
}

html.afua-safari .menu-panel,
body.afua-safari .menu-panel,
html.afua-safari .mobile-bottom-nav,
body.afua-safari .mobile-bottom-nav,
html.afua-safari .loading-card,
body.afua-safari .loading-card {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

@supports not (background: color-mix(in srgb, white 50%, black)) {
  .nav {
    background: rgba(11, 13, 16, 0.92);
  }

  body.light .nav {
    background: rgba(247, 247, 245, 0.92);
  }

  .notice,
  .preview-hero,
  .admin-alert-card.high,
  .admin-alert-card.medium {
    background: var(--panel);
    border-color: var(--line);
  }
}