.deck{--deck-accent:var(--pw-color-brand);--deck-bg:#0f1424;--deck-text:#eef1f8;--deck-muted:color-mix(in srgb, var(--deck-text) 68%, transparent);--deck-font-h:var(--font-plex);--deck-font-b:var(--font-plex);gap:.6rem;min-inline-size:0;display:grid;container:slide-deck/inline-size}.deck-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline-offset:4px;border-radius:18px;align-items:flex-start;inline-size:100%;min-inline-size:0;display:flex;overflow:auto hidden}.deck-track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;aspect-ratio:16/9;min-block-size:0;inline-size:100%;min-inline-size:0;color:var(--deck-text);background:var(--deck-bg);font-family:var(--deck-font-b), var(--font-plex), system-ui, sans-serif;border:1px solid color-mix(in srgb, var(--deck-text) 10%, transparent);border-radius:18px;flex-direction:column;flex:0 0 100%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.deck.has-image .slide{background:linear-gradient(color-mix(in srgb, var(--deck-bg) 78%, transparent), color-mix(in srgb, var(--deck-bg) 88%, transparent)), var(--deck-image) center / cover no-repeat, var(--deck-bg)}.slide-inner{flex:1;align-content:safe center;gap:.9rem;min-block-size:0;padding:clamp(1.2rem,4.5%,3rem) clamp(1.4rem,6%,4rem);display:grid;overflow:hidden}.slide-inner.with-picture{grid-template-columns:minmax(0, 1fr) minmax(0, var(--pic,42%));align-items:center;gap:2cqi 4cqi}.slide-inner.pic-start{grid-template-columns:minmax(0, var(--pic,42%)) minmax(0, 1fr)}.slide-inner.pic-start .slide-figure,.slide-inner.pic-top .slide-figure{order:-1}.slide-inner.pic-top{grid-template-columns:minmax(0,1fr)}.slide-inner.pic-top .slide-figure{inline-size:auto;max-inline-size:100%;max-block-size:calc(48cqi * var(--pic-f,.42));justify-self:center}.slide-inner.pic-background{grid-template-columns:minmax(0,1fr);position:relative}.slide-inner.pic-background .slide-text{z-index:1;position:relative}.slide-inner.pic-background .slide-figure{object-fit:cover;block-size:100%;max-block-size:none;inline-size:100%;opacity:var(--pic-f,.42);border-radius:0;position:absolute;inset:0}.slide-text{align-content:center;gap:.9rem;min-inline-size:0;display:grid}.slide-figure{object-fit:contain;border-radius:1.2cqi;max-block-size:40cqi;inline-size:100%}.slide h3{font-family:var(--deck-font-h), var(--font-plex), system-ui, sans-serif;font-size:calc(clamp(1.15rem, 3.4cqi, 4.4rem) * var(--deck-title-scale,1));letter-spacing:-.01em;margin:0;line-height:1.2}.slide p{color:var(--deck-muted);font-size:calc(clamp(.9rem, 2.1cqi, 2.6rem) * var(--deck-text-scale,1));margin:0;line-height:1.6}.slide-title{font-size:calc(clamp(1.5rem, 5.2cqi, 7rem) * var(--deck-title-scale,1))!important}.slide-title:after{content:"";background:var(--deck-accent);border-radius:4px;block-size:4px;inline-size:3.5rem;margin-block-start:1rem;display:block}.slide-title+.slide-sub{font-size:calc(clamp(.95rem, 2.5cqi, 3rem) * var(--deck-text-scale,1))}.slide-points,.slide-checks{font-size:calc(clamp(.9rem, 2.2cqi, 2.7rem) * var(--deck-text-scale,1));gap:.5em;margin:0;padding:0;list-style:none;display:grid}:is(.slide-points:has(>li:nth-child(5)),.slide-checks:has(>li:nth-child(5))){font-size:calc(clamp(.8rem, 1.75cqi, 2.2rem) * var(--deck-text-scale,1));gap:.3em}.slide-points li{padding-inline-start:1.4rem;position:relative}.slide-points li:before{content:"";background:var(--deck-accent);border-radius:2px;block-size:.55rem;inline-size:.55rem;position:absolute;inset-block-start:.6em;inset-inline-start:0}.slide-checks li{align-items:flex-start;gap:.6rem;display:flex}.slide-checks svg,.slide-mark,.slide-callout svg{color:var(--deck-accent);flex-shrink:0}.slide-callout{background:color-mix(in srgb, var(--deck-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--deck-accent) 35%, transparent);border-radius:12px;gap:.75rem;padding:1rem 1.1rem;display:flex}.slide-callout p{color:var(--deck-text)}.slide blockquote{font-family:var(--deck-font-h), var(--font-plex), system-ui, sans-serif;font-size:calc(clamp(1.05rem, 3.1cqi, 4rem) * var(--deck-title-scale,1));margin:0;line-height:1.45}.slide-cite{font-size:.9rem!important}.slide pre{counter-reset:line;text-align:left;background:#00000059;border-radius:10px;max-block-size:100%;margin:0;padding:1rem 0;font:500 clamp(.75rem,1.7cqi,2rem)/1.6 ui-monospace,Cascadia Code,Consolas,monospace;overflow:auto}.code-line{white-space:pre;padding-inline:.9rem 1rem;display:block}.code-line:before{counter-increment:line;content:counter(line);text-align:right;inline-size:2ch;color:color-mix(in srgb, var(--deck-text) 35%, transparent);margin-inline-end:1rem;display:inline-block}.deck-controls{align-items:center;gap:.6rem;display:flex}.deck-count{text-align:center;min-inline-size:3.5rem}.deck-progress{background:var(--pw-border);flex:1;block-size:3px;min-inline-size:1rem;overflow:hidden}.deck-progress>span{background:var(--deck-accent);block-size:100%;display:block}.deck-code{--deck-bg:#0d1117;--deck-text:#e6edf3;--deck-accent:#f59e0b}.deck-code .slide{background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:2.4rem 100%}.chrome-code{color:var(--deck-muted);background:#ffffff0a;border-block-end:1px solid #ffffff12;align-items:center;gap:1rem;padding:.55rem .9rem;font:500 .78rem ui-monospace,Consolas,monospace;display:flex}.chrome-code .dots{gap:.35rem;display:flex}.chrome-code .dots i{background:#ff5f57;border-radius:50%;block-size:.65rem;inline-size:.65rem}.chrome-code .dots i:nth-child(2){background:#febc2e}.chrome-code .dots i:nth-child(3){background:#28c840}.chrome-code .tab{background:var(--deck-bg);border-block-end:2px solid var(--deck-accent);border-radius:6px 6px 0 0;padding:.2rem .7rem}.deck-code h3:before{content:"# ";color:var(--deck-accent);font-family:ui-monospace,Consolas,monospace}.deck-design{--deck-bg:#f4f2ee;--deck-text:#17161a;--deck-accent:#e8590c}.deck-design .slide{background-image:none}.chrome-design{pointer-events:none;position:absolute;inset:0}.chrome-design .frame-label{color:var(--deck-accent);font:600 .72rem system-ui,sans-serif;position:absolute;inset-block-start:22px;inset-inline-start:26px}.deck-design .slide-inner{border:1.5px solid var(--deck-accent);background:color-mix(in srgb, var(--deck-bg) 92%, white);margin:2.6rem 1.6rem 1.6rem;position:relative}.deck-design .slide-inner:before,.deck-design .slide-inner:after{content:"";border:1.5px solid var(--deck-accent);background:#fff;block-size:8px;inline-size:8px;position:absolute}.deck-design .slide-inner:before{inset-block-start:-5px;inset-inline-start:-5px}.deck-design .slide-inner:after{inset-block-end:-5px;inset-inline-end:-5px}.deck-social{--deck-bg:#11131c;--deck-text:#f4f5fb;--deck-accent:#d6336c}.deck-social .slide{background-image:radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--deck-accent) 28%, transparent), transparent 70%)}.chrome-social{align-items:center;gap:.6rem;padding:.8rem 1.1rem 0;font-size:.85rem;display:flex}.avatar-dot{block-size:2rem;inline-size:2rem;box-shadow:0 0 0 2px var(--deck-bg), 0 0 0 3.5px var(--deck-accent);background:#0b1020;border-radius:50%;place-items:center;display:grid;overflow:hidden}.post-actions{color:var(--deck-muted);align-items:center;gap:1rem;padding:.6rem 1.2rem .9rem;font-size:1rem;line-height:1;display:flex}.post-actions .spacer{flex:1}.deck-video{--deck-bg:#08090c;--deck-text:#f1f1f1;--deck-accent:#ff6b1a}.chrome-video{pointer-events:none;color:var(--deck-muted);font:600 .72rem ui-monospace,Consolas,monospace;position:absolute;inset:0}.chrome-video .rec{color:#ff4d4f;position:absolute;inset-block-start:.8rem;inset-inline-start:1rem}.chrome-video .rec:before{content:"";background:#ff4d4f;border-radius:50%;block-size:.5rem;inline-size:.5rem;margin-inline-end:.35rem;display:inline-block}.chrome-video .tc{position:absolute;inset-block-start:.8rem;inset-inline-end:1rem}.chrome-video .safe{border-color:color-mix(in srgb, var(--deck-text) 40%, transparent);border-style:solid;border-width:0;block-size:1.4rem;inline-size:1.4rem;position:absolute}.chrome-video .tl{border-block-start-width:2px;border-inline-start-width:2px;inset-block-start:2.2rem;inset-inline-start:1rem}.chrome-video .tr{border-block-start-width:2px;border-inline-end-width:2px;inset-block-start:2.2rem;inset-inline-end:1rem}.chrome-video .bl{border-block-end-width:2px;border-inline-start-width:2px;inset-block-end:2.4rem;inset-inline-start:1rem}.chrome-video .br{border-block-end-width:2px;border-inline-end-width:2px;inset-block-end:2.4rem;inset-inline-end:1rem}.chrome-video .timeline{gap:3px;block-size:.7rem;display:flex;position:absolute;inset:auto 1rem .8rem}.chrome-video .timeline i{background:color-mix(in srgb, var(--deck-text) 16%, transparent);border-radius:2px;flex:1}.chrome-video .timeline i.done{background:color-mix(in srgb, var(--deck-accent) 70%, transparent)}.chrome-video .timeline b{background:#fff;inline-size:2px;position:absolute;inset-block:-.35rem}.deck-video .slide-inner{padding-block:2.8rem 2.6rem}.chrome-classic{background:linear-gradient(90deg, var(--deck-accent), transparent);block-size:5px}@media (max-width:640px){.slide:not(.is-picture){aspect-ratio:auto;min-block-size:22rem}.slide-inner{padding:1.2rem 1.25rem}.deck-design .slide-inner{margin:2.2rem .9rem .9rem}}.deck-logo{object-fit:contain;pointer-events:none;block-size:2rem;inline-size:auto;display:block}.chrome-code .deck-logo{block-size:1.5rem;margin-inline-start:auto}.chrome-design .deck-logo,.chrome-video .deck-logo,.chrome-classic .deck-logo{position:absolute}.chrome-design .deck-logo{z-index:1;box-sizing:content-box;background:#0b1020;border-radius:6px;block-size:1.3rem;padding:3px 6px;inset-block-start:12px;inset-inline-end:3.5rem}.chrome-video .deck-logo{block-size:1.8rem;inset-block-start:.6rem;inset-inline-start:50%;translate:-50%}.chrome-classic .deck-logo{inset-block-start:1rem;inset-inline-end:1.2rem}.avatar-dot img{object-fit:contain;block-size:72%;inline-size:72%}.deck.presenting{z-index:1000;background:#000;place-content:center;justify-items:center;gap:1.2vmin;padding:2vmin;position:fixed;inset:0}.deck.presenting .deck-track{border-radius:10px;inline-size:min(96vw,170.667vh - 113.778px)}.deck.presenting .slide{aspect-ratio:16/9;border-radius:10px}.deck.presenting .deck-controls{color:#ddd;inline-size:min(96vw,170.667vh - 113.778px)}.deck.presenting .deck-present{color:#fff;border-color:#ffffff59}.slide.is-picture,.deck.has-image .slide.is-picture{aspect-ratio:16/9;background:#000;padding:0}.slide-picture{object-fit:contain;block-size:100%;inline-size:100%;display:block}.deck-voice{align-items:center;gap:.6rem;padding-block:.4rem;display:flex}.deck-voice audio{flex:1;block-size:2.4rem;min-inline-size:0}@container slide-deck (max-width:640px){.slide:not(.is-picture){aspect-ratio:auto;min-block-size:22rem}.slide-inner{gap:1rem;padding:1.25rem;overflow:visible}.slide h3{font-size:calc(1.25rem * var(--deck-title-scale,1));overflow-wrap:anywhere;line-height:1.4}.slide .slide-title{font-size:calc(1.6rem * var(--deck-title-scale,1))!important}.slide p,.slide-points,.slide-checks{font-size:calc(1rem * var(--deck-text-scale,1));line-height:1.7}.slide-points:has(>li:nth-child(5)){font-size:calc(1rem * var(--deck-text-scale,1));line-height:1.7}.slide-checks:has(>li:nth-child(5)){font-size:calc(1rem * var(--deck-text-scale,1));line-height:1.7}.slide blockquote{font-size:1.25rem}.slide-inner.with-picture:not(.pic-background){grid-template-columns:minmax(0,1fr)}.slide-figure,.slide-inner.pic-top .slide-figure{max-block-size:12rem}.slide pre{white-space:pre-wrap;overflow-wrap:anywhere;max-inline-size:100%}.code-line{white-space:pre-wrap;overflow-wrap:anywhere}.deck-controls{flex-wrap:wrap;justify-content:space-between;gap:.75rem}.deck-progress{display:none}.deck-count{min-inline-size:0}.deck-pager{flex-wrap:wrap;margin-inline-start:auto}.deck-pager .pager-btn{min-block-size:44px;min-inline-size:44px}.deck-voice{flex-wrap:wrap}.deck-voice audio{flex-basis:100%;inline-size:100%}.deck-design .slide-inner{margin:2.75rem .75rem .75rem}.deck-video .slide-inner{padding-block:3.5rem}.slide-title:after{margin-block-start:.75rem}}.deck.presenting{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow-y:auto}@media (max-width:640px) and (orientation:portrait){.deck.presenting{place-content:start}.deck.presenting .deck-track,.deck.presenting .deck-controls{inline-size:100%}.deck.presenting .slide:not(.is-picture){aspect-ratio:auto;min-block-size:calc(100dvh - 110px)}}@keyframes slide-fade{0%{opacity:0}}@keyframes slide-zoom{0%{opacity:0;transform:scale(.82)}}@keyframes slide-push-r{0%{transform:translate(100%)}}@keyframes slide-push-l{0%{transform:translate(-100%)}}@keyframes slide-push-u{0%{transform:translateY(100%)}}@keyframes slide-push-d{0%{transform:translateY(-100%)}}@keyframes slide-wipe-r{0%{clip-path:inset(0 0 0 100%)}}@keyframes slide-wipe-l{0%{clip-path:inset(0 100% 0 0)}}@keyframes slide-wipe-u{0%{clip-path:inset(100% 0 0)}}@keyframes slide-wipe-d{0%{clip-path:inset(0 0 100%)}}@keyframes slide-split{0%{clip-path:inset(0 50%)}}.slide[class*=enter-]{animation-duration:var(--t-ms,.7s);animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.slide.enter-fade{animation-name:slide-fade}.slide.enter-zoom{animation-name:slide-zoom}.slide.enter-split{animation-name:slide-split}.slide.enter-push.from-r,.slide.enter-cover.from-r{animation-name:slide-push-r}.slide.enter-push.from-l,.slide.enter-cover.from-l{animation-name:slide-push-l}.slide.enter-push.from-u,.slide.enter-cover.from-u{animation-name:slide-push-u}.slide.enter-push.from-d,.slide.enter-cover.from-d{animation-name:slide-push-d}.slide.enter-wipe.from-r{animation-name:slide-wipe-r}.slide.enter-wipe.from-l{animation-name:slide-wipe-l}.slide.enter-wipe.from-u{animation-name:slide-wipe-u}.slide.enter-wipe.from-d{animation-name:slide-wipe-d}@media (prefers-reduced-motion:reduce){.slide[class*=enter-]{animation:none}}.slide-stage{block-size:100%;max-inline-size:100%;margin-inline:auto;position:relative}.slide-stage .slide-picture{position:absolute;inset:0}.slide-video{object-fit:contain;background:#000;border-radius:4px;position:absolute}video.slide-figure{background:#000;border-radius:8px;max-inline-size:100%}@media (orientation:portrait){.deck.presenting{place-content:center;justify-items:center}.deck.presenting .deck-track,.deck.presenting .deck-controls{inline-size:calc(100vw - 24px)}.deck.presenting .slide.is-picture{aspect-ratio:16/9}}