:where(body){--slide-w:1920px;--slide-h:1080px;--sw:1920;--sh:1080;--sm-formats:1;--cols:12;--rows:12;--pad:24px;--gap:24px}.frame[data-sheet=wide],body[data-format=wide]{--slide-w:1920px;--slide-h:1080px;--sw:1920;--sh:1080}.frame[data-sheet=square],body[data-format=square]{--slide-w:1080px;--slide-h:1080px;--sw:1080;--sh:1080}.frame[data-sheet=portrait],body[data-format=portrait]{--slide-w:1080px;--slide-h:1350px;--sw:1080;--sh:1350}.frame[data-sheet=story],body[data-format=story]{--slide-w:1080px;--slide-h:1920px;--sw:1080;--sh:1920}.frame[data-sheet=a4],body[data-format=a4]{--slide-w:794px;--slide-h:1123px;--sw:794;--sh:1123}.frame[data-sheet=a4-land],body[data-format=a4-land]{--slide-w:1123px;--slide-h:794px;--sw:1123;--sh:794}.frame[data-sheet=book],body[data-format=book]{--slide-w:640px;--slide-h:660px;--sw:640;--sh:660}html:not(.sm-phone) body .frame{aspect-ratio:var(--sw)/var(--sh)}html:not(.sm-phone) body .frame[data-sheet]{aspect-ratio:var(--sw)/var(--sh)}html:not(.sm-phone) body .frame>.slide{width:var(--slide-w);height:var(--slide-h)}html:not(.sm-phone) body .frame[data-sheet]>.slide{width:var(--slide-w);height:var(--slide-h)}html:not(.sm-phone) body.is-presenting .frame{width:calc(var(--slide-w) * var(--s));height:calc(var(--slide-h) * var(--s))}html:not(.sm-phone) body.is-presenting .frame[data-sheet]{width:calc(var(--slide-w) * var(--s));height:calc(var(--slide-h) * var(--s))}body[data-format]:not([data-format=wide]):not(.editor-build) .deck{width:min(100% - 32px,var(--slide-w),calc((100vh - 56px) * var(--sw)/ var(--sh)))}@media screen{html:not(.sm-phone) body:not(.is-presenting) .frame[data-sheet]{width:min(100%,calc((100vh - 56px) * var(--sw)/ var(--sh)));margin-inline:auto}}.frame:where([data-sheet]:not([data-sheet=wide]):not([data-css-src]))>.slide,:where(body[data-format]:not([data-format=wide])) .frame:where(:not([data-sheet]):not([data-css-src]))>.slide{grid-template-columns:repeat(var(--cols,12),minmax(0,1fr));grid-template-rows:repeat(var(--rows,12),minmax(0,1fr));padding:var(--pad,24px);gap:var(--gap,24px)}@page f-wide{size:1920px 1080px;margin:0}@page f-square{size:1080px 1080px;margin:0}@page f-portrait{size:1080px 1350px;margin:0}@page f-story{size:1080px 1920px;margin:0}@page f-a4{size:794px 1123px;margin:0}@page f-a4-land{size:1123px 794px;margin:0}@page f-book{size:640px 660px;margin:0}@media print{html body[data-format]:not([data-format=wide]),html:has(body[data-format]:not([data-format=wide])){width:var(--slide-w)}html body[data-format] .deck{width:var(--slide-w)}html body .frame{width:var(--slide-w);height:var(--slide-h)}html body .frame[data-sheet]{width:var(--slide-w);height:var(--slide-h)}html body .frame:not([data-sheet]){page:f-wide}html body .frame[data-sheet=square],html body[data-format=square] .frame:not([data-sheet]){page:f-square}html body .frame[data-sheet=portrait],html body[data-format=portrait] .frame:not([data-sheet]){page:f-portrait}html body .frame[data-sheet=story],html body[data-format=story] .frame:not([data-sheet]){page:f-story}html body .frame[data-sheet=a4],html body[data-format=a4] .frame:not([data-sheet]){page:f-a4}html body .frame[data-sheet=a4-land],html body[data-format=a4-land] .frame:not([data-sheet]){page:f-a4-land}html body .frame[data-sheet=book],html body[data-format=book] .frame:not([data-sheet]){page:f-book}html body[data-format=custom] .frame:not([data-sheet]){page:f-custom}html body .frame[data-sheet=wide]{page:f-wide}}