.mr{gap:var(--ww-space-5);display:grid}.mr-room{max-width:22rem;position:relative}.mr-room:before{content:"";border-radius:var(--ww-radius-cover);background:var(--ww-surface-sunk);box-shadow:inset 0 0 0 1px var(--ww-line);transition:opacity var(--dur-1) var(--ease-out);position:absolute;inset:0}.mr:not([data-phase=making]) .mr-room:before{opacity:0}.mr-book{opacity:0;transform:scale(var(--mr-from,1.04));transition:opacity var(--mr-tip,.5s) var(--ease-out), transform var(--mr-tip,.5s) var(--ease-out);position:relative}.mr:not([data-phase=making]) .mr-book{opacity:1;transform:none}.mr-page{aspect-ratio:3/4;border-radius:var(--ww-radius-cover);background:var(--ww-surface);box-shadow:var(--ww-shadow-lift);align-content:center;padding:22px 20px;display:grid}@media (scripting:none){.mr-room:before{display:none}.mr-book{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mr-book{transition:opacity var(--dur-1) var(--ease-out);transform:none}}
.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(--t-desk-light);height:64px;display:block;position:absolute;inset:-64px 0 auto}}.ww-sample .cb-paper{background:var(--t-desk-light,var(--ww-surface))}.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)}}