/* File: ad.css. Owner: AD-I. Exact creative rectangles; labels are outside the creative.
 * Existing page media rules continue to own intentional suppression and placement. */
:is(.leagues-ad-slot,.pools-room-ad-slot,.hub-ad-slot) {
  box-sizing: border-box;
  padding: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  grid-template-rows: 18px auto !important;
  gap: 0;
  align-content: start;
  justify-items: center;
  overflow: visible !important;
}
:is(.leagues-ad-slot__label,.pools-room-ad-label,.hub-ad-slot__placeholder) {
  display: block !important;
  position: static !important;
  grid-area: 1 / 1 !important;
  width: 100%;
  height: 18px !important;
  line-height: 18px;
  margin: 0;
  text-align: center;
  font-size: 10px;
  pointer-events: none;
}
:is(.leagues-ad-slot__container,.pools-room-ad-container,.hub-ad-slot__creative-host) {
  display: block !important;
  position: relative;
  grid-area: 2 / 1 !important;
  flex: none;
  box-sizing: content-box;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 auto;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible;
}
.leagues-ad-slot { display: grid; }
.leagues-ad-slot--upper-left,.leagues-ad-slot--upper-right { width: 320px; }
.leagues-ad-slot__container { width: 300px; height: 250px; }
.leagues-ad-slot--upper-left .leagues-ad-slot__container,
.leagues-ad-slot--upper-right .leagues-ad-slot__container { width: 320px; height: 100px; }
.pools-room-ad-slot { display: grid; }
.pools-room-ad-container { width: 300px; height: 250px; }
.pools-room-ad-slot--banner .pools-room-ad-container { width: 300px; height: 50px; }
.pools-room-ad-slot--banner { width: 300px; }
.hub-ad-slot__creative-host { width: 300px; height: 250px; }
.hub-ad-bank { height: auto !important; min-height: 0 !important; }
.hub-ad-slot--summary-banner .hub-ad-slot__creative-host { width: 468px; height: 60px; }
.hub-ad-slot--summary-banner { grid-template-rows: 18px auto !important; }
.hub-ad-bank > .hub-ad-slot--rail-bank-item { grid-template-rows: 18px auto !important; }
@media (min-width: 1840px) {
  .hub-ad-bank > .hub-ad-slot--rail-bank-item { display: grid !important; height: auto !important; }
}
[data-ad-no-fit="true"] { display: none !important; }
:is(.leagues-ad-slot,.pools-room-ad-slot,.hub-ad-slot)[hidden] { display: none !important; }
@media (min-width: 360px) {
  .pools-room-ad-slot--banner { width: 320px; }
  .pools-room-ad-slot--banner .pools-room-ad-container { width: 320px; height: 100px; }
}
@media (min-width: 768px) {
  .pools-room-ad-slot--banner { width: 728px; }
  .pools-room-ad-slot--banner .pools-room-ad-container { width: 728px; height: 90px; }
}
@media (min-width: 1600px) {
  .pools-room-ad-slot--banner { width: 970px; }
  .pools-room-ad-slot--banner .pools-room-ad-container { width: 970px; height: 90px; }
}
@container (min-width: 728px) {
  .hub-ad-slot--summary-banner .hub-ad-slot__creative-host { width: 728px; height: 90px; }
}
/* Label rows increase each bank's height. Short viewports retain ordinary scrolling. */
@media (min-width: 1840px) and (max-height: 1090px) { .hub-ad-bank { position: static !important; } }
@media (min-width: 1600px) and (max-height: 710px) {
  .pools-room-ad-rail { position: static !important; }
}
