.alert-preview-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  width: 100%;
  height: 450px;
  background-color: var(--sidebar-hover-bg-color);
  box-shadow: rgb(0 0 0 / 25%) 5px 5px 6px 2px !important;
}

.overlay-text-msg,
.overlay-text {
  overflow: initial;
  max-height: 100%;
  max-width: 100%;
  text-align: center;
}

.overlay-img {
  max-height: 100%;
  max-width: 100%;
}

.overlay-video {
  max-height: 100%;
  max-width: 100%;
}

.alert-preview-box .overlay .overlay-alert-box.hidden {
  visibility: hidden;
}

.alert-preview-box .overlay .overlay-alert-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  margin-top: .5rem;
  overflow: initial;
  z-index: 1;
}

.alert-preview-box .overlay.row .overlay-alert-box {
  margin-top: 0;
}

.alert-preview-box .overlay.over .overlay-alert-box {
  max-height: 100%;
  max-width: 100%;
}

.alert-preview-box .overlay .overlay-alert-box span {
  display: inline-table;
  padding: 0 .5rem;
}

.alert-preview-box .overlay.row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 450px;
}

.alert-preview-box .overlay.row .overlay-alert-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 50%;
}

.alert-preview-box .overlay.over {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 450px;
}

.alert-preview-box .overlay.over .overlay-img-box {
  position: absolute;
}

.alert-preview-box .overlay.over .overlay-video-box {
  position: absolute;
}

.alert-preview-box .overlay.column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 450px;
}

.alert-preview-box .overlay.column .overlay-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert-preview-box .overlay.column .overlay-video-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert-preview-box .overlay.column .overlay-alert-box {
  width: 100%;
}

.alert-preview-box .overlay.hidden {
  display: none;
}