/* The space is rendered only when an area has an active creative. */
.spot-area { box-sizing: border-box; max-width: 100%; min-width: 0; overflow: hidden; margin: 1.1rem auto; padding: .6rem; border: 1px solid #e2e8f0; border-radius: .8rem; background: #f8fafc; text-align: center; }
.spot-area .spot-label { display: block; margin-bottom: .35rem; color: #64748b; font-size: .67rem; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; }
.spot-area img, .spot-area iframe { display: block; max-width: 100%; margin: auto; }
.spot-area img { height: auto; }
.spot-area[data-spot-code] { min-height: 96px; }
.spot-footer-wrap { padding-top: 1rem; padding-bottom: 1rem; }
.spot-footer-wrap .spot-area { margin: 0; }
.spot-rails { display: none; }
.spot-wide { margin: 1.25rem 0; }
.spot-feed { width: 100%; }
.spot-feed .spot-area { margin: .15rem 0; }
@media (min-width: 992px) {
  .spot-mobile-only { display: none !important; }
}
@media (max-width: 991px) {
  .spot-desktop-only { display: none !important; }
}
@media (min-width: 1690px) {
  .spot-rails { display: block; }
  .spot-rail { position: fixed; top: 155px; z-index: 400; width: min(250px, calc((100vw - 1320px) / 2 - 24px)); max-height: calc(100vh - 170px); overflow: auto; scrollbar-width: thin; }
  .spot-rail--left { left: 12px; }
  .spot-rail--right { right: 12px; }
  .spot-rail .spot-area { margin: 0; }
  .spot-rail .spot-area[data-spot-code] { min-height: 200px; }
  .spot-rail img { width: 100%; object-fit: contain; }
}