/* 거다이맥스 알림 배너(T0-F F-11) — 공통 부품 board/components/gmax_banner.html 의 스타일. 쓰는 화면이 extra_style 에서 불러온다. 값은 board-tokens.css(--board-gmax-*). */
.board-gmax-banner { appearance: none; -webkit-appearance: none; width: 100%; box-sizing: border-box; text-align: left; cursor: pointer; font: inherit; color: inherit; display: flex; align-items: center; gap: var(--board-gmax-gap); margin-top: var(--board-gmax-top); padding: var(--board-gmax-pad); border-radius: var(--board-radius-16); background: linear-gradient(120deg, var(--board-gmax-grad-from), var(--board-gmax-grad-to) 70%); border: 1px solid var(--board-gmax-border); }
.board-gmax-banner--live { box-shadow: 0 0 0 1px var(--board-gmax-ring), 0 0 var(--board-gmax-glow-r) var(--board-gmax-glow); }
.board-gmax-banner:active { opacity: var(--board-press-dim); }
.board-gmax-banner:focus-visible { outline: 2px solid var(--board-accent); outline-offset: 2px; }
.board-gmax-banner__art { display: flex; align-items: flex-end; flex-shrink: 0; }
.board-gmax-banner__art .boss-image { width: var(--board-gmax-art); }
.board-gmax-banner__art .boss-img { inset: auto; left: var(--board-gmax-img-inset); bottom: var(--board-gmax-img-inset); width: var(--board-gmax-img); height: var(--board-gmax-img); }
.board-gmax-banner__art .boss-mark { width: var(--board-gmax-mark); height: var(--board-gmax-mark); }
.board-gmax-banner__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.board-gmax-banner__label { font-size: var(--board-font-size-11); font-weight: 800; color: var(--board-kind-gigantamax); letter-spacing: var(--board-gmax-label-spacing); }
.board-gmax-banner__dot { display: inline-block; width: var(--board-gmax-dot-size); height: var(--board-gmax-dot-size); border-radius: 50%; background: var(--board-gmax-dot); box-shadow: 0 0 var(--board-gmax-dot-glow-r) var(--board-gmax-dot); margin-right: var(--board-gmax-dot-gap); vertical-align: var(--board-gmax-dot-lift); }
.board-gmax-banner__line { font-size: var(--board-font-size-14); font-weight: 800; color: var(--board-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-gmax-banner__go { font-size: var(--board-font-size-12); font-weight: 800; color: var(--board-kind-gigantamax); white-space: nowrap; }