.modal-content{
  overflow: hidden;
}
.modal-header.modal-image-visibility{
  position:absolute;
  width:100%;
}
.modal-header-close{
  display:flex;
  justify-content:space-between;
  width:100%;
}
.modal-info-close{
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, 0.72);
  border-radius: 99px;
  font-size: 16px;
  font-weight: 500;
}
.modal-header-close .close{
  width:40px;
  height:40px;
  border-radius:50%;
  background-color: rgba(255, 255, 255, 0.16);
  color:#fff;
}
.modal-image:not(:empty), .modal-text:not(:empty){
  margin-bottom:24px;
}
.modal-image img{
  width:100%;
}
.modal-text{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.modal-text *{
  margin:0;
}
.modal-countdown{
  font-size:20px;
  font-weight:500;
}
.modal-countdown-1{
  color:#000;
}
.modal-countdown-1 .modal-timer{
  color:#19AB01;
}
.modal-countdown-2{
  color:#fff;
  width:100%;
  padding:10px;
  background-color:#19AB01;
  text-align:center;
}
.modal-countdown-2 .countdown{
  color:#fff;
}
.modal-countdown .countdown__number::after{
  margin-right: 4px;
  margin-left: -2px;
}
.modal-content{
  max-height:90vh;
  margin-bottom: 96px;
  overflow:auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.modal-content::-webkit-scrollbar {
  display: none;
}