@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Roboto, Helvetica Neue, -apple-system, Arial, sans-serif;
  border: none;
  outline: none;
  background: none;
  text-decoration: none;
  list-style: none;
}

.ads-popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: center;
  padding: 2rem 0;
  overflow: auto;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.46, 0.23, 0.48, 1.55);
  opacity: 0;
}
.ads-popup.active {
  pointer-events: all;
  opacity: 1;
}
.ads-popup.active .logo-area {
  opacity: 1;
}
.ads-popup.active .ads-container {
  transform: scale(1);
  opacity: 1;
}
.ads-popup.active .ads-bg {
  opacity: 1;
}
.ads-popup .ads-bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  backdrop-filter: blur(10px);
  z-index: 2;
  transition: 0.3s cubic-bezier(0.46, 0.23, 0.48, 1.55);
}
.ads-popup .ads-container {
  position: relative;
  max-width: 60rem;
  width: 100%;
  z-index: 3;
  transform: scale(0.9);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.46, 0.23, 0.48, 1.55);
}
.ads-popup .ads-container .ads-close {
  position: absolute;
  top: -1rem;
  right: -1rem;
  background-color: #190204;
  border: 3px solid #ffffff;
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 3rem;
  font-size: 0.9rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  outline: none;
}
.ads-popup .ads-container .ads-close:hover {
  background-color: #34343c;
}
.ads-popup .ads-container .ads-close i {
  font-size: 1.1rem;
}
.ads-popup .ads-container a {
  display: block;
  width: 100%;
  height: 100%;
}
.ads-popup .ads-container .image-area {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(25, 2, 4, 0.1);
}
.ads-popup .ads-container .image-area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-fit: contain;
  background-color: #48060c;
}/*# sourceMappingURL=styles.css.map */