/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.modal {
  padding: 0;
  width: 90% !important;
}
@media (min-width: 768px) {
  .modal {
    width: 75% !important;
  }
}
.modal-open {
  overflow: inherit !important;
}
.modal-open body {
  overflow: hidden;
  height: 100%;
}
.modal.ui-dialog:not(.ui-dialog-off-canvas) {
  background-color: var(--color-brand);
  border: none;
  border-radius: var(--border-radius);
  box-shadow: 0 var(--spacing-102) var(--spacing-2) 0 rgba(48, 10, 45, 0.3);
  left: 50%;
  max-inline-size: 58.875rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.modal.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-titlebar {
  font-family: var(--font-acumin-variable);
  font-variation-settings: var(--fs-wide-medium);
  font-weight: 400;
  background-color: var(--color-brand);
  border: none;
  color: var(--color-cream);
  font-size: 1.75rem;
  line-height: 1.42;
  padding: 0;
  text-align: center;
}
.modal.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-title {
  text-align: center;
  white-space: normal;
  width: 100%;
}
.modal.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content {
  background: transparent;
  border: 0;
  padding: 0;
  padding-block-end: var(--spacing-102);
}
.modal.ui-dialog:not(.ui-dialog-off-canvas)
  .ui-widget-content
  .button--primary {
  --button-primary-bg: var(--color-cream);
  --button-primary-fg: var(--color-brand);
  --button-primary-border: var(--color-cream);
  --button-primary-bg-hover: var(--color-white);
}
.modal.ui-dialog:not(.ui-dialog-off-canvas)
  .ui-widget-content
  .button--secondary {
  --button-secondary-bg: var(--color-brand);
  --button-secondary-fg: var(--color-cream);
  --button-secondary-border: var(--color-cream);
  --button-secondary-bg-hover: var(--color-white);
  --button-secondary-fg-hover: var(--color-brand);
}
.modal form {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.modal .text-basic.is-embedded {
  inline-size: 100%;
}
.modal .text-basic.is-embedded > .l-component-wrapper-sm {
  --l-component-wrapper-padding-block-sm: var(--spacing-0);
  --l-component-wrapper-padding-inline-sm: var(--spacing-0);
}
.modal .text-basic.is-embedded .l-component-inner-wrapper {
  padding-block: var(--spacing-0);
  padding-inline: var(--spacing-0);
}
.modal__content {
  color: var(--color-cream);
  margin-block-start: var(--spacing-4);
  text-align: center;
}
.modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  justify-content: center;
  margin-block-start: var(--spacing-8);
  padding: var(--spacing-1);
}
.modal__actions .ajax-progress {
  display: none;
}
.modal.modal--hcp {
  padding-block: var(--spacing-8);
  padding-inline: var(--spacing-4);
}
.ui-widget-overlay {
  background-color: var(--color-white) !important;
  z-index: 100 !important;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup {
  background-color: var(--color-brand);
  border: none;
  border-radius: var(--border-radius);
  box-shadow: 0 var(--spacing-102) var(--spacing-2) 0 rgba(48, 10, 45, 0.3);
  left: 50%;
  max-inline-size: 58.875rem;
  padding-block: var(--spacing-8);
  padding-inline: var(--spacing-4);
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup:focus {
  box-shadow: 0 var(--spacing-102) var(--spacing-2) 0 rgba(48, 10, 45, 0.3);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup .ui-dialog-titlebar {
  background-color: var(--color-brand);
  border: none;
  padding: 0;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-titlebar
  .ui-dialog-titlebar-close {
  --button-primary-border: var(--color-cream);
  inset-block-start: -2.1875rem;
  inset-inline-end: -1.25rem;
  margin: 0;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-titlebar
  .ui-dialog-titlebar-close
  .ui-button-icon {
  -webkit-mask-size: 1rem 1rem;
  mask-size: 1rem 1rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-titlebar
  .ui-dialog-titlebar-close:is(:focus, :focus-visible) {
  outline: var(--button-primary-border) auto 0.0625rem;
  outline-offset: 0.25rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup .ui-dialog-title {
  font-family: var(--font-acumin-variable);
  font-variation-settings: var(--fs-wide-medium);
  font-weight: 400;
  color: var(--color-cream);
  font-size: 1.75rem;
  line-height: 1.42;
  margin: 0;
  text-align: center;
  white-space: normal;
  width: 100%;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup .ui-dialog-content {
  background: transparent;
  border: 0;
  padding: 0;
  padding-block-end: var(--spacing-102);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .external-link-popup-body {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .external-link-popup-body
  p {
  font-family: var(--font-acumin-variable);
  font-variation-settings: var(--fs-regular);
  font-weight: 400;
  color: var(--color-cream);
  text-align: center;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .external-link-popup-content {
  margin-block-start: var(--spacing-4);
  padding-block-end: 0;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonpane {
  background: transparent;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  margin-block-start: var(--spacing-8);
  padding: 0;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup .ui-dialog-buttonset {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  justify-content: center;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  .button {
  --button-font: var(--font-button);
  --button-border-radius: var(--border-radius-full);
  --button-box-shadow: rgba(48, 10, 45, 0.33);
  --button-padding-block: var(--spacing-102);
  --button-padding-inline: var(--spacing-2);
  align-items: center;
  border-radius: var(--button-border-radius);
  display: inline-flex;
  font-family: var(--button-font);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  font-variation-settings: normal;
  gap: var(--spacing-1);
  line-height: 1.5;
  padding-block: var(--button-padding-block);
  padding-inline: var(--button-padding-inline);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  .button:is(:hover, :focus) {
  text-decoration: none;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  :first-child {
  --button-primary-bg: var(--color-cream);
  --button-primary-fg: var(--color-brand);
  --button-primary-border: var(--color-cream);
  --button-primary-bg-hover: var(--color-white);
  background-color: var(--button-primary-bg);
  border-block: 0.125rem solid var(--button-primary-border);
  border-inline: 0.125rem solid var(--button-primary-border);
  box-shadow: 0 0.125rem 0.25rem 0 var(--button-box-shadow);
  color: var(--button-primary-fg);
  margin-inline-end: 0;
  text-decoration: none;
  transition: all var(--button-transition-duration)
    var(--button-transition-type);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  :first-child:is(:hover, :focus) {
  background-color: var(--button-primary-bg-hover);
  box-shadow: 0 0.5rem 0.5rem 0 var(--button-box-shadow);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  :first-child:is(:focus-visible) {
  outline: var(--button-primary-border) auto 0.0625rem;
  outline-offset: 0.25rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  :last-child {
  --button-secondary-bg: var(--color-brand);
  --button-secondary-fg: var(--color-cream);
  --button-secondary-border: var(--color-cream);
  --button-secondary-bg-hover: var(--color-white);
  --button-secondary-fg-hover: var(--color-brand);
  background-color: var(--button-secondary-bg);
  border-block: 0.125rem solid var(--button-secondary-border);
  border-inline: 0.125rem solid var(--button-secondary-border);
  box-shadow: 0 0.125rem 0.25rem 0 var(--button-box-shadow);
  color: var(--button-secondary-fg);
  transition: all var(--button-transition-duration)
    var(--button-transition-type);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  :last-child:is(:hover, :focus) {
  background-color: var(--button-secondary-bg-hover);
  box-shadow: 0 0.5rem 0.5rem 0 var(--button-box-shadow);
  color: var(--button-secondary-fg-hover);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup
  .ui-dialog-buttonset
  :last-child:is(:focus-visible) {
  outline: var(--button-secondary-fg) auto 0.0625rem;
  outline-offset: 0.25rem;
}