.wellspring-block-modal {
  --transition-duration: 0.6s;
  --transition-easing: cubic-bezier(.23,.83,.43,1);
  padding: 0;
  width: clamp(160px,100vw - 30px,640px);
  color: unset;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.wellspring-block-modal[open] {
  opacity: 1;
  translate: 0 0;
  transition: opacity var(--transition-duration) var(--transition-easing),translate var(--transition-duration) var(--transition-easing)
}
.wellspring-block-modal[open]::backdrop {
  background-color: rgba(0,32,92,.9);
  backdrop-filter: blur(4px);
  transition: background-color calc(var(--transition-duration) / 2) var(--transition-easing)
}
.wellspring-block-modal:not([open]) {
  opacity: 0;
  pointer-events: none;
  translate: 0 20px;
  position: fixed;
  transition: none
}
.wellspring-block-modal:not([open])::backdrop {
  background-color: rgba(0,0,0,0);
  transition: none
}
.wellspring-block-modal .dialog-content .dialog-body {
  padding: clamp(20px,3vw,30px) clamp(15px,3vw,30px)
}
.wellspring-block-modal button.close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: clamp(0px,.25vw,5px);
  right: clamp(0px,.25vw,5px);
  height: 1em;
  padding: 5px;
  font-size: 32px;
  line-height: 1;
  color: var(--color__primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
  opacity: 1;
  transition: color .2s,background-color .2s;
  aspect-ratio: 1;
  z-index: 5
}
.wellspring-block-modal button.close:focus-visible,
.wellspring-block-modal button.close:hover {
  color: #fff;
  outline: 0;
  background-color: var(--color__primary)
}
.wellspring-block-modal button.close span {
  text-shadow: none;
  pointer-events: none
}
.wellspring-block-modal .dialog-body .acf-innerblocks-container > :first-child {
  margin-top: 0
}
.wellspring-block-modal .dialog-body .acf-innerblocks-container > :last-child {
  margin-bottom: 0
}
.wellspring-block-modal .dialog-body .notice.notice-info {
  width: 100%;
  margin: 0 0 1em
}
.wellspring-block-modal .dialog-body .gform_wrapper .gform_heading > :first-child {
  margin-top: 0
}
.wellspring-block-modal .dialog-body .gform_wrapper .gform_heading > :last-child {
  margin-bottom: 0
}
.wellspring-block-modal .info-tooltip {
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 1.2
}
.wellspring-block-modal .info-tooltip > [class*=info-tooltip-] {
  min-width: 160px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%,-100%);
  z-index: 99999999;
  padding: 10px;
  color: #fff;
  background-color: #000;
  box-shadow: 0 1px 4px rgba(0,0,0,.5);
  font-size: 13px;
  border-radius: 8px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s
}
.wellspring-block-modal .info-tooltip > [class*=info-tooltip-]:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  height: 12px;
  width: 12px;
  transform: translate(-50%,-50%) rotate(45deg);
  background-color: #000;
  box-shadow: 0 1px 4px rgba(0,0,0,.5)
}
.wellspring-block-modal .info-tooltip > [class*=info-tooltip-].info-tooltip-bottom {
  transform: translate(-50%,100%)
}
.wellspring-block-modal .info-tooltip > [class*=info-tooltip-].info-tooltip-bottom:after {
  top: 0
}
.wellspring-block-modal .info-tooltip:hover > [class*=info-tooltip-] {
  visibility: visible;
  opacity: 1
}
body:has(.wellspring-block-modal[open]) {
  overflow: hidden
}
.editor-styles-wrapper .wp-block-acf-modal-block {
  padding: 10px;
  border: 2px dashed var(--color__grey-light);
  border-radius: 10px
}
.editor-styles-wrapper .wellspring-block-modal {
  display: block;
  position: relative
}

@starting-style {
  .wellspring-block-modal[open] {
    opacity: 0;
    translate: 0 20px;
  }
  .wellspring-block-modal[open]::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}