/*******************************************************************************
 * Revenue
 *******************************************************************************/

.ag-revenue {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background-image: radial-gradient(farthest-corner at bottom right, rgba(128, 128, 128, 0.3), rgba(128, 128, 128, 0.1));
  background-repeat: no-repeat;
}

.ag-revenue__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.ag-revenue--collapsed {
  min-height: 0 !important;
  min-width: 0 !important;
}

.ag-revenue--forcehide {
  height: 0 !important;
  overflow: hidden;
}

.ag-revenue--padded {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.ag-revenue--padded-lg {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.ag-revenue--medium-rectangle {
  min-width: 300px; /* 1.2 : 1 */
  min-height: 250px;
}
.ag-revenue--medium-rectangle .ag-revenue__description::after {
  content: '300 x 250';
}

.ag-revenue--large-rectangle {
  min-width: 336px; /* 1.2 : 1 */
  min-height: 280px;
}
.ag-revenue--large-rectangle .ag-revenue__description::after {
  content: '336 x 280';
}

.ag-revenue--leaderboard {
  min-width: 728px; /* 8.09 : 1 */
  min-height: 90px;
}
.ag-revenue--leaderboard .ag-revenue__description::after {
  content: '728 x 90';
}

.ag-revenue--large-leaderboard {
  min-width: 970px; /* 10.78 : 1 */
  min-height: 90px;
}
.ag-revenue--large-leaderboard .ag-revenue__description::after {
  content: '970 x 90';
}

.ag-revenue--mobile-leaderboard {
  min-width: 320px; /* 6.4 : 1 */
  min-height: 50px;
}
.ag-revenue--large-leaderboard .ag-revenue__description::after {
  content: '320 x 50';
}

.ag-revenue__large-mobile-banner {
  min-width: 320px;
  min-height: 100px;
}
.ag-revenue__large-mobile-banner .ag-revenue__description::after {
  content: '320 x 100';
}

.ag-revenue__trek-house-desktop-banner {
  min-width: 1440px; /* !? */
  min-height: 113px;
}
.ag-revenue__trek-house-desktop-banner .ag-revenue__description::after {
  content: '1440 x 113';
}

.ag-revenue__trek-house-mobile-banner {
  min-width: 375px;
  min-height: 80px;
}
.ag-revenue__trek-house-mobile-banner .ag-revenue__description::after {
  content: '375 x 80';
}

.ag-revenue__id {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-decoration: underline wavy #999;
  text-underline-offset: 8px;
}

.ag-revenue__description {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  color: var(--color-muted);
}