.aera-release-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 24px;
  color: var(--text, rgb(212, 212, 212));
  background: var(--panel-fill);
  border-block-start: 1px solid var(--terminal-rule);
  font-size: .8125rem;
  line-height: 1.5;
}
.aera-release-notice[hidden] { display: none; }
.aera-release-notice > span { min-width: 0; text-wrap: pretty; }
.aera-release-notice > span:first-child { flex: 1; }
.aera-release-countdown { white-space: nowrap; font-variant-numeric: tabular-nums; }
.aera-release-notice > button { flex: 0 0 auto; margin: 0; }
.aera-release-notice > button:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.aera-release-notice > button:disabled { opacity: 1; color: #a1a1a1; cursor: default; }
@media (max-width: 600px) {
  .aera-release-notice { padding: 12px 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; font-size: .875rem; }
  .aera-release-notice > button { grid-column: 2; grid-row: 1 / span 2; }
  .aera-release-countdown { grid-column: 1; }
}