.ad { display: flex; flex-direction: column; align-items: center; gap: var(--sp-4); } .ad__label { display: block; line-height: 1; } .ad--responsive { width: 100%; } .ad--responsive .ad__mount { display: block; width: 100%; max-width: var(--ad-max-w, 336px); min-width: 300px; margin-inline: auto; min-height: var(--ad-min-h, 280px); } .ad--fixed { width: fit-content; margin-inline: auto; } .ad--fixed .ad__mount { display: block; width: var(--ad-w); height: var(--ad-h); flex: none; } .ad__placeholder { width: 100%; height: 100%; min-height: inherit; background: var(--ink-2); border: 1px dashed var(--ink-4); box-sizing: border-box; } [data-ad-slot="result-top"] { --ad-w: 300px; --ad-h: 100px; } [data-ad-slot="top-center"], [data-ad-slot="result-bottom-a"] { --ad-max-w: 336px; --ad-min-h: 280px; } @media (min-width: 720px) { [data-ad-slot="top-center"], [data-ad-slot="result-bottom-a"] { --ad-max-w: var(--maxw-content); } }