.top-critical-notice {
  width: min(640px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 0;
  border-radius: 16px;
  color: var(--main_text, #17191d);
  background: var(--main_bg_light, #fff);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .42);
  font-family: inherit;
}
.top-critical-notice::backdrop { background: rgba(0, 0, 0, .72); }
.top-critical-notice__panel { padding: clamp(24px, 5vw, 40px); }
.top-critical-notice__badge {
  margin: 0 0 12px;
  color: #d7193f;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.top-critical-notice h2 {
  margin: 0 0 18px;
  color: inherit;
  font-size: clamp(1.35rem, 4vw, 2rem);
  line-height: 1.35;
}
.top-critical-notice__message {
  margin: 0;
  color: inherit;
  font-size: 1rem;
  line-height: 1.85;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.top-critical-notice__message > :first-child { margin-top: 0; }
.top-critical-notice__message > :last-child { margin-bottom: 0; }
.top-critical-notice__message img,
.top-critical-notice__message video { max-width: 100%; height: auto; }
.top-critical-notice__message figure { max-width: 100%; margin: 1em auto; }
.top-critical-notice__message figure img { display: block; margin: 0 auto; }
.top-critical-notice__message figcaption { margin-top: .4em; font-size: .85em; text-align: center; opacity: .8; }
.top-critical-notice__message table { width: 100%; border-collapse: collapse; }
.top-critical-notice__message th,
.top-critical-notice__message td { padding: .5em; border: 1px solid currentColor; }
.top-critical-notice__message a { color: inherit; text-decoration: underline; }
.top-critical-notice__ok {
  display: block;
  min-width: 140px;
  margin: 28px auto 0;
  padding: 12px 28px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #d7193f;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.top-critical-notice__ok:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }

@media (prefers-color-scheme: dark) {
  .top-critical-notice { color: var(--main_text, #f5f7fa); background: var(--main_bg_light, #1b232c); }
}
