.cx-release-dialog {
  box-sizing: border-box; width: min(560px, calc(100vw - 32px));
  max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
  padding: clamp(20px, 4vw, 32px); margin: auto; overflow-y: auto;
  color: #eef3fa; background: #111d2c; border: 1px solid #c9af7866;
  border-radius: 24px; box-shadow: 0 24px 100px #0009;
  text-align: left; font: 16px/1.5 system-ui, sans-serif; overflow-wrap: anywhere;
}
.cx-release-dialog::backdrop { background: #030a16c9; }
.cx-release-dialog .cx-release-brand { margin: 0 0 8px; color: #dac185; font-size: 11px; font-weight: 750; letter-spacing: .12em; }
.cx-release-dialog h2 { margin: 0; color: #fff3d4; font-size: clamp(24px, 5vw, 32px); line-height: 1.2; }
.cx-release-dialog .cx-release-date { margin: 8px 0 20px; color: #99afc6; font-size: 13px; }
.cx-release-dialog p { font-size: inherit; line-height: 1.5; }
.cx-release-dialog ul { padding-left: 22px; margin: 16px 0 24px; }
.cx-release-dialog li { margin: 0 0 12px; padding-left: 4px; }
.cx-release-dialog li::marker { color: #dac185; }
.cx-release-footer { position: sticky; bottom: -1px; padding-top: 12px; background: #111d2c; }
.cx-release-dialog button { box-sizing: border-box; display: block; width: 100%; min-height: 48px; padding: 12px 20px; border: 1px solid #dec78d; border-radius: 14px; background: #d8bf83; color: #101a29; font: 750 16px system-ui, sans-serif; cursor: pointer; }
.cx-release-dialog button:focus-visible { outline: 3px solid #9bd7ff; outline-offset: 4px; }
.cx-release-dialog.cx-release-fallback { display: block; position: fixed; z-index: 2147483647; inset: 16px; box-shadow: 0 0 0 100vmax #030a16c9; }