/* DIVIA builder success pattern, scoped to the Bi-Spectrum confirmation. */
#gtl-form-success {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 420px;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 28px 24px 24px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  color: #333;
  box-shadow: 0 12px 32px rgba(0,0,0,.2);
  font-family: system-ui, -apple-system, sans-serif;
  text-align: center;
  overflow: auto;
}
#gtl-form-success:not([open]) { display: none; }
#gtl-form-success[open] { display: block; }
#gtl-form-success::backdrop { background: rgba(0,0,0,.6); }
#gtl-form-success .gtl-form-success-icon { display: flex; justify-content: center; margin-bottom: 18px; }
#gtl-form-success-title { margin: 0 0 14px; font: 700 26px/1.2 system-ui, -apple-system, sans-serif; letter-spacing: normal; color: #333; }
#gtl-form-success-text { margin: 0 0 26px; font-size: 15px; line-height: 1.5; font-weight: 400; color: #777; }
#gtl-form-success-close { padding: 13px 56px; background: #9bcfe8; color: #fff; border: 0; border-radius: 8px; font: 600 15px/1.5 system-ui, -apple-system, sans-serif; cursor: pointer; }
#gtl-form-success-close:hover { background: #86c1de; }
#gtl-form-success-close:focus-visible { outline: 2px solid #3182a9; outline-offset: 3px; }