/* modal backdrop */
#optiRealPopupDimmer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999999 !important;
  transition: 200ms !important;
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.7) !important;
}
/* modal */
#optiRealPopupDimmer + div {
  outline: none !important;
  margin: initial !important;
  min-height: auto !important;
  position: fixed !important;
  z-index: 999999999 !important;
  height: 100vh !important;
  transform: initial !important;
  max-height: initial !important;
  width: 100vw !important;
  max-width: 100vw !important;
  inset: 0 !important;
  padding: 8px !important;
  overflow: auto !important;
  display: grid !important;
  place-items: center !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
#optiRealPopupDimmer + div * {
  max-width: 100% !important;
}
/* modal wrapper */
#optiRealPopupDimmer + div > :first-child {
  min-height: initial !important;
  width: 100% !important;
  margin: auto !important;
  clear: initial !important;
  display: grid !important;
  gap: 0.5rem !important;
  justify-items: flex-end !important;
  background: transparent !important;
  box-shadow: initial !important;
  min-width: calc(320px - 16px) !important;
  max-width: calc(5vw + 400px) !important;
}
/* modal close */
#optiRealPopupDimmer + div > div {
  /* pointer-events: all; */
  position: relative !important;
}
#optiRealPopupDimmer + div > div:first-child > :first-child {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  position: absolute !important;
  top: 0px !important;
  right: 0px !important;
  /* right: 5px !important;
  bottom: 100% !important; */
  background: transparent !important;
}
#optiRealPopupDimmer + div > div:first-child > div:first-child::before {
  content: "X";
  width: inherit;
  height: inherit;
  position: absolute;
  color: rgb(163, 163, 163) !important;
  font-family: Rubik !important;
  font-size: 20px !important;
  text-align: center;
  font-weight: 400 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transform: scaleX(1.2);
  transform-origin: center center;
}
#optiRealPopupDimmer
  + div
  > div:first-child
  > :first-child
  > #optiRealclosePopupImage {
  opacity: 0;
}
/* modal content */
#optiRealPopupDimmer + div > div:first-child > :first-child + * {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px !important;
  background: white !important;
  width: 100% !important;
}