.nd-play-ads,
.nd-play-ads * {
  box-sizing: border-box;
}

.nd-play-ads {
  --nd-play-side-ad-width: 300px;
  --nd-play-side-ad-height: 600px;
  --nd-play-side-gap: 30px;
  --nd-play-side-edge: 30px;
  --nd-play-top-ad-width: 980px;
  --nd-play-top-ad-height: 90px;
  --nd-play-top-gap: 12px;
  --nd-play-bottom-ad-width: 980px;
  --nd-play-bottom-ad-height: 90px;
  --nd-play-bottom-gap: 12px;
  width: 100%;
  display: block;
  background: transparent;
}

.nd-play-ad-main {
  position: relative;
  display: block;
}

.nd-play-player-wrap {
  flex: 0 0 auto;
  width: min(100%, 41.4rem) !important;
}

.nd-play-ad-slot {
  display: none;
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.nd-play-ad-slot.nd-play-ad-has-content {
  display: block;
}

.nd-play-ads-desktop .nd-play-ad-main.nd-play-ad-side-active .nd-play-ad-side {
  display: grid;
  place-items: center;
  position: fixed;
  top: 50%;
  z-index: 2;
  visibility: hidden;
  transform: translateY(-50%);
}

.nd-play-ads-desktop .nd-play-ad-main.nd-play-ad-side-active .nd-play-ad-side.nd-play-ad-has-content {
  visibility: visible;
}

.nd-play-ads-desktop .nd-play-ad-main.nd-play-ad-side-active .nd-play-ad-left {
  left: var(--nd-play-side-edge);
}

.nd-play-ads-desktop .nd-play-ad-main.nd-play-ad-side-active .nd-play-ad-right {
  right: var(--nd-play-side-edge);
}

.nd-play-ad-top,
.nd-play-ad-bottom {
  width: min(100% - 32px, var(--nd-play-top-ad-width));
  margin: 0 auto;
}

.nd-play-ad-top.nd-play-ad-has-content,
.nd-play-ad-bottom.nd-play-ad-has-content {
  min-height: var(--nd-play-top-ad-height);
}

.nd-play-ad-top.nd-play-ad-has-content {
  margin-bottom: var(--nd-play-top-gap);
}

.nd-play-ad-bottom.nd-play-ad-has-content {
  width: min(100% - 32px, var(--nd-play-bottom-ad-width));
  min-height: var(--nd-play-bottom-ad-height);
  margin-top: var(--nd-play-bottom-gap);
}

.nd-play-ad-side {
  width: var(--nd-play-side-ad-width);
  height: var(--nd-play-side-ad-height);
  flex: 0 0 var(--nd-play-side-ad-width);
}

.nd-play-ad-side iframe,
.nd-play-ad-side ins,
.nd-play-ad-side img {
  max-width: var(--nd-play-side-ad-width);
  max-height: var(--nd-play-side-ad-height);
}

.nd-play-ad-top iframe,
.nd-play-ad-top ins,
.nd-play-ad-top img,
.nd-play-ad-bottom iframe,
.nd-play-ad-bottom ins,
.nd-play-ad-bottom img,
.nd-play-ad-mb-top iframe,
.nd-play-ad-mb-top ins,
.nd-play-ad-mb-top img,
.nd-play-ad-mb-bottom iframe,
.nd-play-ad-mb-bottom ins,
.nd-play-ad-mb-bottom img {
  max-width: 100%;
}

.nd-play-ads.nd-play-ads-desktop .nd-play-ad-main.nd-play-ad-side-active {
  display: block;
}

.nd-play-ads.nd-play-ads-mobile {
  justify-content: flex-start;
  padding: 0;
}

.nd-play-ad-mb-top,
.nd-play-ad-mb-bottom {
  width: 100%;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}

.nd-play-ad-mb-top.nd-play-ad-has-content {
  margin-bottom: 8px;
}

.nd-play-ad-mb-bottom.nd-play-ad-has-content {
  margin-top: 8px;
}

@media (hover: none), (pointer: coarse) {
  .nd-play-ad-top,
  .nd-play-ad-bottom,
  .nd-play-ad-side {
    display: none !important;
  }

  .nd-play-ads.nd-play-ads-desktop .nd-play-ad-main.nd-play-ad-side-active {
    display: block;
  }
}

@media (max-width: 760px) {
  .nd-play-ads {
    min-height: 100dvh;
    padding: 0;
  }

  .nd-play-player-wrap {
    width: 100%;
    max-width: none !important;
  }
}