/* Shared by public Pricing and authenticated Subscribe; values follow public Pricing. */
dialog.mocklet-purchase-dialog {
  all:revert; box-sizing:border-box; width:min(680px,calc(100% - 32px)); max-height:85dvh;
  margin:auto; overflow:auto; padding:24px; border:1px solid #d9dfd8; border-radius:16px;
  color:#172033; background:#fff; font:400 16px/1.6 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:left; letter-spacing:normal; text-transform:none;
}
dialog.mocklet-purchase-dialog::backdrop {background:rgba(0,0,0,.48)}
dialog.mocklet-purchase-dialog * {box-sizing:border-box;letter-spacing:normal;text-transform:none}
dialog.mocklet-purchase-dialog h2 {margin:0 0 14px;font:700 24px/1.3 "IBM Plex Sans",system-ui,sans-serif;color:#172033}
dialog.mocklet-purchase-dialog p {margin:16px 0;font:400 16px/1.6 "IBM Plex Sans",system-ui,sans-serif;color:#172033}
dialog.mocklet-purchase-dialog label {display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:0;background:none;font:400 16px/1.6 "IBM Plex Sans",system-ui,sans-serif;color:#172033}
dialog.mocklet-purchase-dialog label span {font:inherit;color:inherit}
dialog.mocklet-purchase-dialog input[type="checkbox"] {all:revert;display:inline-block;box-sizing:border-box;width:20px;height:20px;flex:0 0 20px;margin:4px 0 0;padding:0;appearance:auto;accent-color:#1d4e89;cursor:pointer}
dialog.mocklet-purchase-dialog a {color:inherit;text-decoration:underline;font:inherit}
dialog.mocklet-purchase-dialog .button {display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:45px;margin:0;padding:10px 20px;border:1px solid #191b1f;border-radius:4px;font:600 13px/1.4 "IBM Plex Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer}
dialog.mocklet-purchase-dialog .button.primary {color:#fff;background:#191b1f;box-shadow:4px 4px 0 rgba(29,78,137,.22)}
dialog.mocklet-purchase-dialog .button.primary:hover:not(:disabled) {background:#123863}
dialog.mocklet-purchase-dialog .button.secondary {color:#191b1f;background:#fff;box-shadow:none}
dialog.mocklet-purchase-dialog .button:disabled {opacity:.55;cursor:default;box-shadow:none}
dialog.mocklet-purchase-dialog .purchase-dialog-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
dialog.mocklet-purchase-dialog :is(a,button,input):focus-visible {outline:3px solid #d79a28;outline-offset:3px}
dialog.mocklet-purchase-dialog.purchase-progress {width:min(440px,calc(100% - 32px));padding:30px;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
@media(max-width:480px){dialog.mocklet-purchase-dialog{padding:20px}dialog.mocklet-purchase-dialog .purchase-dialog-actions .button{width:100%}}
