.dip-modal {
  position: absolute;
  top: 0;
  background: var(--modal-background);
  box-shadow: var(--modal-box-shadow);
  border: var(--modal-border);
  border-radius: 20px;
  opacity: 1;
  padding: 20px 60px 20px 20px;
}

.dip-modal-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.dip-modal-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

.modal-dip-close {
  position: absolute;
  right: 15px;
  top: 15px;
}

.modal-dip-close img {
  width: 15px;
}

.dip-modal-title {
  font: var(--font-bold);
  font-size: 20px;
  color: var(--galaxy-blue-transparent);
}
.dip-modal-header {
  padding-bottom: 20px;
}