/* A frame on a feature page. A block (Blocks page): one slide, its title and
   footer hidden, the sheet only. A whole slide (Themes page, data-whole):
   the slide as a deck shows it, ground and all. feature-frame.js scales
   either to the frame. */
html,body{overflow:hidden}
body{min-height:0}
.deck{display:block !important; padding:0 !important}
.slide{transform-origin:0 0}

html:not([data-whole]),html:not([data-whole]) body{background:var(--deck-sheet)}
html:not([data-whole]) .slide{height:auto; padding:0}
html:not([data-whole]) .page{border:0; border-radius:0; box-shadow:none; padding:56px 75px; overflow:visible}
html:not([data-whole]) .page > .title,html:not([data-whole]) .page > .foot{display:none}
/* Images, embeds and screenshots fill the slide's room, so they keep a
   slide's height, less the title they'd sit under. */
html[data-media="1"] .slide{height:900px}
html[data-media="1"] .page{overflow:hidden}
/* The embed shows its poster, as in a PDF: a live site inside a frame
   inside a card is heavy, and most sites refuse to be framed anyway. */
.b-embed .live,.b-embed .loading{display:none}
.b-embed .poster{display:flex; flex-direction:column; height:100%; border:0; color:var(--deck-text-muted)}
.b-embed .poster img{flex:1; min-height:0; width:100%; object-fit:cover; object-position:top}
.b-embed .url{padding:11px 16px; font-family:var(--deck-font-mono); font-size:17px; background:var(--deck-url-bg)}

/* A whole slide paints its own ground, as in a PDF. */
html[data-whole] .slide{background:var(--deck-ground)}