.value-preview-frame{background:radial-gradient(circle at 50% 42%,#d8ceff52,#0000 28rem),#f7f7fa}.value-preview-frame .preview-canvas{scrollbar-color:#433d6533 transparent;scrollbar-width:thin;min-height:38rem;padding:4rem 2.3rem 3rem;overflow:auto hidden}.value-preview-frame .value-deck{flex:none}.value-preview-frame.is-inspecting,.value-preview-frame.is-inspecting .value-card{cursor:crosshair}.value-preview-frame.is-inspecting .value-card{filter:none!important;transform:translate3d(0, var(--rest-y), 0) rotate(var(--rest-rotate))!important;transition:none!important}.motion-timeline{gap:.85rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.motion-timeline li{color:#f1f0ea6e;border-top:1px solid #ffffff12;grid-template-columns:3.1rem 1fr;align-items:start;gap:.7rem;padding-top:.75rem;font-size:.62rem;line-height:1.55;display:grid}.motion-timeline time{color:#dca250;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.5rem}.frame-grid{background:#ffffff12;border:1px solid #ffffff12;border-radius:.7rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1.25rem;display:grid;overflow:hidden}.frame-grid div{background:#ffffff05;min-height:7.3rem;padding:.9rem}.frame-grid span{color:#dca250;margin-bottom:.65rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.5rem;display:block}.frame-grid strong{margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.frame-grid p{color:#f1f0ea61;margin:0;font-size:.61rem;line-height:1.5}.value-card.is-demo-active{z-index:10}@media (width<=780px){.value-preview-frame .preview-canvas{min-height:33rem;padding-inline:1.2rem;display:block}.value-preview-frame .value-deck{margin-block:2rem}}@media (width<=540px){.frame-grid{grid-template-columns:1fr}}