.ww-sample-book{contain:layout;position:absolute;inset:0}@media (max-width:899px){.ww-sample-book{top:64px}}.ww-sample-bar{display:none}@media (max-width:899px){.ww-sample-bar{background:var(--ww-bg);border-block-end:1px solid var(--ww-line);height:64px;display:block;position:absolute;inset:-64px 0 auto}}.ww-sample .cb-paper{background:var(--ww-bg)}.ww-sample{--ww-sample-bar-h:var(--ww-app-bar,64px);--ww-sample-close:var(--ww-tap,44px);--ww-sample-edge:var(--t-space-4)}@media (min-width:1024px){.ww-sample{--ww-sample-edge:max(var(--ww-gutter,40px), (100% - var(--ww-app-max,1176px)) / 2)}}@media (min-width:900px){.ww-sample-viewer .bk-viewer{--bk-bar-h:var(--ww-sample-bar-h)}.ww-sample-viewer .bk-bar{padding-inline-end:calc(var(--ww-sample-edge) + var(--ww-sample-close) + var(--t-space-3))}.ww-sample .cb-close{top:calc(env(safe-area-inset-top) + (var(--ww-sample-bar-h) - var(--ww-sample-close)) / 2);right:var(--ww-sample-edge);width:var(--ww-sample-close);height:var(--ww-sample-close)}}.ww-sample-logo{min-height:var(--ww-tap,44px);align-items:center;display:inline-flex}.ww-sample-logo img{width:auto;height:24px;display:block}@media (min-width:900px){.ww-sample-logo img{height:30px}}.ww-sample-viewer .bk-viewer{touch-action:pinch-zoom}.ww-sample-viewer .bk-page[data-fit~=scroll],.ww-sample-viewer .bk-voices{touch-action:pan-y}.ww-sample-viewer{animation:ww-sample-in var(--dur-2) var(--ease-out) both}@keyframes ww-sample-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ww-sample-viewer{animation-duration:var(--dur-1)}}