.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-layout=spread]{flex:0 0 100%;max-width:100%}.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,oklab(0% none none/.55) 55%,oklab(0% none none/.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:oklab(0% none none/.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-toolbar .pcv-view-mode-toggle,.pcv-toolbar .pcv-reading-direction-toggle,.pcv-toolbar .pcv-page-fit-mode-toggle{color:var(--pcv-fg,#f3f3f3);font:inherit;cursor:pointer;background:oklab(0% none none/.6);border:0;border-radius:999px;flex:none;padding:.25rem .625rem;font-size:.8125rem}.pcv-toolbar .pcv-view-mode-toggle[aria-pressed=true],.pcv-toolbar .pcv-page-fit-mode-toggle[aria-pressed=true]{background:color-mix(in oklab, var(--pcv-fg,#f3f3f3) 22%, transparent)}.pcv-toolbar .pcv-view-mode-toggle:disabled,.pcv-toolbar .pcv-reading-direction-toggle:disabled,.pcv-toolbar .pcv-page-fit-mode-toggle:disabled{cursor:not-allowed;opacity:.5}.pcv-toolbar .pcv-view-mode-toggle:focus-visible,.pcv-toolbar .pcv-reading-direction-toggle:focus-visible,.pcv-toolbar .pcv-page-fit-mode-toggle: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:oklab(0% none none/.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-slider{--pcv-page-progress-fill-direction:to right;appearance:none;cursor:pointer;background:0 0;width:100%;height:.875rem;margin:0;padding:0;display:block}[dir=rtl] .pcv-page-progress-slider{--pcv-page-progress-fill-direction:to left}.pcv-page-progress-slider:disabled{cursor:not-allowed;opacity:.5}.pcv-page-progress-slider:focus-visible{outline:2px solid var(--pcv-fg,#f3f3f3);outline-offset:4px;border-radius:999px}.pcv-page-progress-slider::-webkit-slider-runnable-track{background-color:oklab(0% none none/.65);background-image:linear-gradient(var(--pcv-page-progress-fill-direction), var(--pcv-fg,#f3f3f3) var(--pcv-page-progress-fill,0%), transparent var(--pcv-page-progress-fill,0%));border-radius:999px;height:.25rem}.pcv-page-progress-slider::-moz-range-track{background-color:oklab(0% none none/.65);background-image:linear-gradient(var(--pcv-page-progress-fill-direction), var(--pcv-fg,#f3f3f3) var(--pcv-page-progress-fill,0%), transparent var(--pcv-page-progress-fill,0%));border-radius:999px;height:.25rem}.pcv-page-progress-slider::-webkit-slider-thumb{appearance:none;background:var(--pcv-fg,#f3f3f3);border:0;border-radius:999px;width:.875rem;height:.875rem;margin-block-start:-.3125rem}.pcv-page-progress-slider::-moz-range-thumb{background:var(--pcv-fg,#f3f3f3);border:0;border-radius:999px;width:.875rem;height:.875rem}.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-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:#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-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-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}:not(pre)>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-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:1200px;margin:0 auto;padding:.9rem 20px 1rem;display:flex}.demo-title{font-size:1.35rem}.demo-counterpart-link{border:1px solid var(--demo-border);color:var(--demo-navigation-foreground);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-counterpart-link:hover{border-color:var(--demo-accent);background:var(--demo-navigation-hover-background);color:var(--demo-foreground)}.demo-navigation{--demo-navigation-padding:20px;padding:0 var(--demo-navigation-padding);display:flex;position:relative}.demo-navigation-tabs{flex-wrap:wrap;align-items:end;gap:.3rem;width:100%;max-width:1200px;margin:0 auto;list-style:none;display:flex}.demo-navigation-link,.demo-navigation-trigger{color:var(--demo-navigation-foreground);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:.5rem .5rem 0 0;align-items:center;gap:.35rem;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-navigation-link:hover,.demo-navigation-trigger:hover{background:var(--demo-navigation-hover-background);color:var(--demo-foreground)}.demo-navigation-link[aria-current],.demo-navigation-trigger[aria-current]{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)}.demo-navigation-group{position:relative}.demo-navigation-menu{--demo-navigation-menu-gap:.25rem;z-index:30;min-width:12rem;margin-top:var(--demo-navigation-menu-gap);border:1px solid var(--demo-border);background:var(--demo-panel-background);border-radius:.5rem;padding:.35rem;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 12px 28px #0000002e}.demo-navigation-menu:before{content:"";height:calc(var(--demo-navigation-menu-gap) + 1px);position:absolute;bottom:100%;left:0;right:0}.demo-navigation-menu a{color:var(--demo-navigation-foreground);white-space:nowrap;border-radius:.35rem;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:block}.demo-navigation-menu a:hover{background:var(--demo-navigation-hover-background);color:var(--demo-foreground)}.demo-navigation-menu a[aria-current=page]{background:var(--demo-navigation-active-background);color:var(--demo-foreground)}@media not (min-width:40rem){.demo-navigation-link,.demo-navigation-trigger{border-bottom:1px solid #0000;border-radius:.5rem;padding:.55rem .7rem}.demo-navigation-link[aria-current],.demo-navigation-trigger[aria-current]{border-bottom-color:var(--demo-navigation-active-border)}.demo-navigation-group{position:static}.demo-navigation-menu{right:var(--demo-navigation-padding);left:var(--demo-navigation-padding);min-width:0}}