예제 소스

AdBanner.module.css

.wrap {
  width: 100%;
  padding: 8px 12px calc(8px + var(--safe-bottom));
  background: #12100e;
  border-top: 1px solid var(--border);
}

.wrapTop {
  width: 100%;
  padding: 4px 12px 8px;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}

/* 삭제된 플레이어 패널 자리 — 동일한 여백·높이 */
.wrapPanel {
  margin: 4px 12px 10px;
  padding: 8px 10px;
  border-radius: 14px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
}

.wrapInline {
  width: 100%;
  max-width: 360px;
  padding: 8px 0;
}

.adLive {
  width: 100%;
  min-height: var(--banner-h);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: #1a1714;
}

.ins {
  display: block;
  width: 100%;
  min-height: var(--banner-h);
}

.adLivePanel {
  min-height: var(--banner-h-panel);
  max-height: var(--banner-h-panel);
  border-radius: 10px;
  background: #1a1714;
}

.insPanel {
  min-height: var(--banner-h-panel);
  max-height: var(--banner-h-panel);
}