.devbx-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}
.devbx-popup.devbx-popup-closing.devbx-popup-animated {
  opacity: 0;
  -webkit-transition: 0.35s all ease;
  -o-transition: 0.35s all ease;
  transition: 0.35s all ease;
}

.devbx-popup-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--devbx-bg, rgba(12, 3, 8, 0.85));
  opacity: var(--devbx-opacity, 1);
  will-change: opacity;
}

.devbx-popup-content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.with-devbx-popup {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

.devbx-hide-scrollbar {
  width: auto;
  /*margin-right: calc(var(--devbx-body-margin, 0px) + var(--devbx-scrollbar-compensate, 0px));*/
  padding-right: var(--devbx-scrollbar-compensate, 0px);
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.devbx-popup-content .devbx-webform-system-error-container {
  max-height: 60vh;
  overflow-y: auto;
}

.devbx-webform-system-error {
  padding: 4px;
  background: #721c24;
  color: #fff;
}