/* The viewer sits in the browser top layer, above the page and quick tools. */
.ad-example-grid{grid-template-columns:1fr}.ad-media-view{min-width:0}.ad-media-open{display:block;position:relative;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#061821;cursor:pointer;color:#fff;text-decoration:none}.ad-media-open img{display:block;width:100%;height:auto;margin:0;filter:none!important;opacity:1!important}.ad-video-open img{aspect-ratio:16/9;object-fit:contain}.ad-play-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ad-play-symbol{display:grid;place-items:center;width:68px;height:68px;padding-left:4px;border-radius:50%;background:#f6bf32;color:#102f43;font:700 28px Arial;box-shadow:0 3px 18px #0006}.ad-play-caption{padding:8px 16px;background:#102f43;color:white;border-radius:8px;font-size:16px;font-weight:750}.ad-media-text-open{margin-top:12px;width:100%}.ad-media-open:focus-visible{outline:4px solid #bc7e00;outline-offset:4px}.ad-media-dialog:not([open]){display:none!important}.ad-media-dialog[open]{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#061821!important;color:white!important;box-sizing:border-box;opacity:1!important;filter:none!important;z-index:2147483647}.ad-media-dialog::backdrop{background:#000}.ad-viewer-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left));border-bottom:1px solid #ffffff25;background:#102f43;color:white}.ad-viewer-title{margin-right:auto;min-width:0;flex:1 1 auto;font:700 16px/1.3 Arial,sans-serif}.ad-viewer-toolbar button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px 12px;border:1px solid #ffffff65;border-radius:8px;background:#173e52;color:white;font-size:15px;font-weight:700;line-height:1.4;cursor:pointer}.ad-viewer-toolbar button[hidden]{display:none!important}.ad-viewer-toolbar .ad-viewer-close{background:#f6bf32;color:#102f43;border-color:#f6bf32}.ad-video-stage{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#000;padding:0 0 env(safe-area-inset-bottom)}.ad-video-stage video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;background:#000;opacity:1!important;filter:none!important}.ad-video-status{position:absolute;left:12px;right:12px;top:10px;padding:8px;border-radius:8px;background:#102f43;color:white;font-size:14px;text-align:center;pointer-events:none}.ad-video-status[hidden]{display:none!important}.ad-poster-stage{min-width:0;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#061821;touch-action:pan-x pan-y pinch-zoom}.ad-poster-stage img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;margin:0!important}.ad-poster-stage.is-zoomed{display:block;padding:8px}.ad-poster-stage.is-zoomed img{width:max(160%,1024px)!important;height:auto!important;max-width:none!important;max-height:none!important}.ad-media-dialog:fullscreen{width:100%!important;height:100%!important}.ad-viewing-tip{font-size:16px;line-height:1.7}@media(max-width:480px){.ad-example:has(.ad-media-view){padding:10px;border-radius:12px}.ad-viewer-title{font-size:14px}.ad-viewer-toolbar{gap:6px;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}.ad-viewer-toolbar button{font-size:14px;padding:7px 9px}.ad-media-open{border-radius:8px}}@media(max-height:480px){.ad-viewer-toolbar{padding-top:4px;padding-bottom:4px}.ad-viewer-toolbar button{min-height:36px;padding-top:4px;padding-bottom:4px}}

.ad-viewer-surface{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;width:100%;background:#061821;overflow:hidden}.ad-viewer-surface:fullscreen{height:100%;width:100%}
