.pcv-root{touch-action:pan-y;background:var(--pcv-bg,#111);width:100%;min-width:0;height:100%;min-height:0;color:var(--pcv-fg,#f3f3f3);display:flex;position:relative;overflow:hidden}.pcv-viewport{touch-action:pan-y;flex:auto;align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.pcv-viewport[data-pannable]{touch-action:none;cursor:grab}.pcv-viewport[data-panning]{cursor:grabbing}.pcv-viewport-track{width:300%;height:100%;transform:translateX(-33.3333%) translateX(var(--pcv-drag-offset,0px));flex:0 0 300%;align-items:stretch;display:flex}.pcv-viewport-page-set{flex:0 0 33.3333%;align-items:stretch;min-width:0;height:100%;display:flex}.pcv-viewport-page-set>*{flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.pcv-viewport-page-set[data-rail-slot=current]{transform:translate(var(--pcv-pan-x,0), var(--pcv-pan-y,0)) scale(var(--pcv-zoom-scale,1));transform-origin:50%}.pcv-viewport[data-transition-state=active] .pcv-viewport-track{transition:transform .26s ease-out}.pcv-viewport[data-dragging] .pcv-viewport-track{transition:none}.pcv-viewport[data-transition-state=active][data-slide-direction=left] .pcv-viewport-track{transform:translateX(-66.6667%) translateX(var(--pcv-drag-offset,0px))}.pcv-viewport[data-transition-state=active][data-slide-direction=right] .pcv-viewport-track{transform:translateX(0) translateX(var(--pcv-drag-offset,0px))}.pcv-page{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pcv-page-canvas{object-fit:contain;background:#19191f;width:auto;max-width:100%;height:100%;max-height:100%;transition:filter .16s ease-out;display:block}.pcv-viewport[data-page-fit-mode=width] .pcv-page-canvas,.pcv-viewport[data-page-fit-mode=width] .pcv-page img{width:100%;max-width:none;height:auto;max-height:none}.pcv-viewport[data-page-fit-mode=actual] .pcv-page-canvas,.pcv-viewport[data-page-fit-mode=actual] .pcv-page img{width:auto;max-width:none;height:auto;max-height:none}.pcv-page-slot{box-sizing:border-box;overflow:auto}.pcv-page-pending{background:#19191f;animation:1.4s ease-in-out infinite pcv-page-pending-pulse}@keyframes pcv-page-pending-pulse{0%,to{opacity:.6}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.pcv-page-pending{animation:none}}.pcv-page-canvas[data-placeholder]{filter:brightness(.72)saturate(.62)}.pcv-page img{object-fit:contain;max-width:100%;max-height:100%;display:block}.pcv-viewport[data-view-mode=double] .pcv-viewport-page-set>*{flex:0 0 50%;max-width:50%}.pcv-viewport[data-view-mode=double] .pcv-viewport-page-set[data-page-side=left]{justify-content:flex-start}.pcv-viewport[data-view-mode=double] .pcv-viewport-page-set[data-page-side=right],.pcv-viewport[data-view-mode=double] .pcv-viewport-page-set>[data-page-side=left],.pcv-viewport[data-view-mode=double] .pcv-page[data-page-side=left]{justify-content:flex-end}.pcv-viewport[data-view-mode=double] .pcv-viewport-page-set>[data-page-side=right],.pcv-viewport[data-view-mode=double] .pcv-page[data-page-side=right]{justify-content:flex-start}@media (prefers-reduced-motion:reduce){.pcv-viewport .pcv-viewport-track{transition:none}}.pcv-toolbar{z-index:10;background:linear-gradient(#0000,#0000008c 55%,#000c);background:linear-gradient(#0000,lab(0% 0 0/.55) 55%,lab(0% 0 0/.8));align-items:center;gap:.5rem;padding:2rem .75rem .75rem;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.pcv-page-navigation{z-index:10;pointer-events:none;position:absolute;inset:0}.pcv-toolbar,.pcv-page-navigation{opacity:0;transition:opacity .16s ease-out,transform .16s ease-out;transform:translateY(.5rem)}.pcv-toolbar[aria-hidden=false],.pcv-page-navigation[aria-hidden=false]{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pcv-toolbar,.pcv-page-navigation{transition:opacity .16s ease-out;transform:none}}.pcv-page-navigation>.pcv-previous-page-button,.pcv-page-navigation>.pcv-next-page-button{width:2.5rem;height:2.5rem;color:var(--pcv-fg,#f3f3f3);pointer-events:auto;background:#0009;background:lab(0% 0 0/.6);border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%}.pcv-previous-page-button{inset-inline-start:.75rem}.pcv-next-page-button{inset-inline-end:.75rem}.pcv-page-navigation>.pcv-previous-page-button svg,.pcv-page-navigation>.pcv-next-page-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.5rem;height:1.5rem;overflow:visible}.pcv-page-navigation>.pcv-previous-page-button:disabled,.pcv-page-navigation>.pcv-next-page-button:disabled{cursor:not-allowed;opacity:.5}.pcv-page-navigation>.pcv-previous-page-button:focus-visible,.pcv-page-navigation>.pcv-next-page-button:focus-visible{outline:2px solid var(--pcv-fg,#f3f3f3);outline-offset:2px}.pcv-page-progress{flex:0 60%;min-width:0;margin-inline:auto}.pcv-page-progress[aria-hidden=true]{visibility:hidden}.pcv-page-progress-track{appearance:none;background:#000000a6;background:lab(0% 0 0/.65);border:0;border-radius:999px;width:100%;height:.25rem;display:block;overflow:hidden}.pcv-page-progress-track::-webkit-progress-bar{background:0 0}.pcv-page-progress-track::-webkit-progress-value{border-radius:inherit;background:var(--pcv-fg,#f3f3f3)}.pcv-page-progress-track::-moz-progress-bar{border-radius:inherit;background:var(--pcv-fg,#f3f3f3)}.pcv-page-progress .pcv-page-status{color:var(--pcv-fg,#f3f3f3);text-align:center;margin-block-start:.375rem;font-size:.875rem;display:block}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--demo-background:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1a1a1a);--demo-foreground:var(--lightningcss-light,#18181b)var(--lightningcss-dark,#fff);--demo-code-background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,#2a2a2a);--demo-border:var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#3f3f46);--demo-header-background:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#18181b);--demo-navigation-foreground:var(--lightningcss-light,#334155)var(--lightningcss-dark,#cbd5e1);--demo-navigation-hover-background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,#27272a);--demo-navigation-active-background:var(--lightningcss-light,#e2e8f0)var(--lightningcss-dark,#1e293b);--demo-navigation-active-border:var(--lightningcss-light,#94a3b8)var(--lightningcss-dark,#475569);--demo-accent:var(--lightningcss-light,#0284c7)var(--lightningcss-dark,#38bdf8);--demo-panel-background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);--demo-code-foreground:var(--lightningcss-light,#27272a)var(--lightningcss-dark,#e4e4e7);--demo-code-panel-background:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#09090b);--demo-description-foreground:var(--lightningcss-light,#52525b)var(--lightningcss-dark,#d4d4d8);--demo-viewer-background:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#0a0a0a);--demo-viewer-border:var(--lightningcss-light,#a1a1aa)var(--lightningcss-dark,#333);--demo-viewer-foreground:var(--lightningcss-light,#f3f3f3)var(--lightningcss-dark,#f3f3f3)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.pcv-root{--pcv-bg:var(--demo-viewer-background);--pcv-fg:var(--demo-viewer-foreground)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--demo-background);height:100%;color:var(--demo-foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{background-color:var(--demo-code-background);border-radius:3px;padding:3px 6px;font-family:Courier New,monospace}.demo-header{z-index:20;border-bottom:1px solid var(--demo-border);background:color-mix(in oklab, var(--demo-header-background) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.demo-title{width:100%;max-width:1200px;margin:0 auto;padding:.9rem 20px 1rem;font-size:1.35rem}.demo-navigation{padding:0 20px;display:flex}.demo-navigation-tabs{align-items:end;gap:.3rem;width:100%;max-width:1200px;margin:0 auto;display:flex;overflow-x:auto}.demo-navigation a{color:var(--demo-navigation-foreground);border:1px solid #0000;border-bottom:0;border-radius:.5rem .5rem 0 0;flex:none;padding:.65rem 1rem;font-weight:600;text-decoration:none}.demo-navigation a:hover{background:var(--demo-navigation-hover-background);color:var(--demo-foreground)}.demo-navigation a[aria-current=page]{border-color:var(--demo-navigation-active-border);border-bottom-color:var(--demo-header-background);background:var(--demo-navigation-active-background);box-shadow:inset 0 2px var(--demo-accent);color:var(--demo-foreground)}