/* Portal is light by default. Match its iframe's colour scheme explicitly so
   the browser does not paint an opaque canvas behind the small notification. */
#ghost-portal-root iframe[title='portal-notification'] {
  color-scheme: light;
  background: transparent;
}

/* This sheet is also loaded into the same-origin notification frame. These
   selectors cannot affect the page or Portal's account/authentication modal. */
html[data-revblock-notification],
html[data-revblock-notification] body {
  background: transparent !important;
  color-scheme: light;
}
html[data-revblock-notification] .gh-portal-notification {
  background: var(--revblock-notice-surface, #171720);
  color: var(--revblock-notice-text, #e7e5ee);
  border: 1px solid var(--revblock-notice-line, #2d2b3b);
  border-radius: 8px;
  box-shadow: 0 6px 20px rgb(0 0 0 / 18%);
  backdrop-filter: none;
  /* Keep animationend for Portal's own cleanup, without the sliding flash. */
  animation-duration: 0.01ms !important;
}
html[data-revblock-notification] .gh-portal-notification :is(p, strong, a) {
  color: var(--revblock-notice-text, #e7e5ee);
}
html[data-revblock-notification] .gh-portal-notification-closeicon {
  color: var(--revblock-notice-muted, #aaa7b8);
  fill: currentColor;
}
html[data-revblock-notification] .gh-portal-notification :focus-visible {
  outline: 2px solid var(--revblock-notice-accent, #b995ff);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html[data-revblock-notification] .gh-portal-notification {
    animation-duration: 0.01ms !important;
    transition: none !important;
  }
}