.placements-widget {
  position: relative;
  width: 100%;
  position: sticky;
  top: 70px;
  z-index: 99998;
  overflow: hidden;
  aspect-ratio: 700 / 115;
  
}

.placement-wrapper {
  width: 100%;
  display: none;
  text-align: center;
}

.ad-error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  opacity: 0.8; 
  gap: 1em;
}

.close-ad-error {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.ad-error img {
  width: 24px !important;
}

.placement-wrapper.active {
  display: block;
}

.placements-widget img {
  width: 100%;
  cursor: pointer;
}

.slide-fade-in {
  animation: fade-slide-in 500ms;
  animation-fill-mode: backwards;
}

.slide-fade-out {
  animation: fade-slide-out 500ms;
  animation-fill-mode: backwards;
}

@keyframes fade-slide-in {
  0% {opacity: 0; transform: translateX(2em)}
  100% {opacity: 1; transform: none; display:flex !important}
}

@keyframes fade-slide-out {
  0% {opacity: 1; transform: none; display:flex !important}
  100% {opacity: 0; transform: translateX(-2em)}
  /* 0% {opacity: 1; transform: none}
  100% {opacity: 0; transform: translateX(2em); display:none} */
}