.theme-switcher-preview-frame{background:#151615;overflow:hidden}.theme-switcher-preview-frame .preview-canvas{padding:0}.theme-switcher-preview-frame .theme-switcher-demo{min-height:42rem}.theme-switcher-preview-frame.is-inspecting,.theme-switcher-preview-frame.is-inspecting .theme-switcher__control{cursor:crosshair}.theme-switcher-preview-frame.is-inspecting .theme-switcher__lens,.theme-switcher-preview-frame.is-inspecting .theme-switcher__indicator,.theme-switcher-preview-frame.is-inspecting .theme-switcher__control,.theme-switcher-preview-frame.is-inspecting .theme-switcher-demo,.theme-switcher-preview-frame.is-inspecting .theme-switcher-demo:before,.theme-switcher-preview-frame.is-inspecting .theme-switcher-demo:after{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.5rem 1fr;align-items:start;gap:.7rem;padding-top:.75rem;font-size:.62rem;line-height:1.55;display:grid}.motion-timeline time{color:#ef9848;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(4,minmax(0,1fr));gap:1px;margin-top:1.25rem;display:grid;overflow:hidden}.frame-grid div{background:#ffffff05;min-height:7.6rem;padding:.85rem}.frame-grid span{color:#ef9848;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:.59rem;line-height:1.5}@media (width<=780px){.theme-switcher-preview-frame .theme-switcher-demo{min-height:35rem}}@media (width<=560px){.frame-grid{grid-template-columns:1fr 1fr}}