.demo_frame__h6kug{max-width:calc(100vw - var(--nav));background:var(--bg-dotted-alt);border-left:1px solid var(--stroke-neutral);@media (max-width:920px){min-height:calc(100dvh - var(--nav-height));border-left-color:currentcolor;border-left-style:none;border-left-width:medium;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-dotted)}}.demo_carousel__lth4M{width:100%;height:100%;padding:var(--padding-xy);--slide-height:calc(100vh - var(--padding-xy) * 2);--slide-spacing:24px;--slide-size:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;max-height:100dvh;@media (max-width:920px){min-height:calc(100dvh - var(--nav-height))}}.demo_viewport__CO_xE{width:100%;flex-grow:1;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;max-height:100dvh}.demo_container__15f16{width:100%;display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.demo_slide__2In4W{width:100%;transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative}.demo_image__mACD6{object-fit:contain;height:100%;width:100%;-webkit-user-select:none;user-select:none}.demo_image_container__w7xF2{border:1px solid var(--stroke-neutral);margin:0 auto;height:100%;display:flex;border-radius:8px;background-color:var(--bg-neutral);align-items:center;justify-content:center;overflow:hidden;aspect-ratio:4096/2302;max-height:calc(100dvh - var(--padding-x) * 1)}.demo_previews__QVRHk{width:100%;--thumbs-slide-spacing:12px;--thumbs-slide-height:80px;margin-top:var(--thumbs-slide-spacing);display:none}.demo_previews_viewport__8hAUD{overflow:hidden}.demo_previews_container__WUHGW{display:flex;flex-direction:row;margin-left:calc(var(--thumbs-slide-spacing) * -1)}.demo_preview__VfcZz{flex:0 0 22%;min-width:0;aspect-ratio:16/9;padding-left:var(--thumbs-slide-spacing);& button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px}}@media (min-width:576px){.demo_preview__VfcZz{flex:0 0 15%}}.demo_preview_no__Midjk{border-radius:1.8rem;-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);font-size:1.8rem;font-weight:600;color:var(--detail-high-contrast);display:flex;align-items:center;justify-content:center;height:var(--thumbs-slide-height);width:100%}.demo_preview_selected__vDUNB .demo_preview_no__Midjk{color:var(--text-body);background-color:var(--bg-neutral)}.demo_controls__1E9kw{display:flex;align-items:center;justify-content:space-between;gap:8px;position:absolute;left:0;bottom:0;z-index:100;padding:var(--padding-xy);@media (max-width:920px){display:none}}.demo_end__rjsY4{display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto}.demo_wasd__Mssfi{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;& [data-key=w]{grid-area:1/2/2/3;@media (max-width:920px){display:none}}& [data-key=a]{grid-area:2/1/3/2}& [data-key=s]{grid-area:2/2/3/3;@media (max-width:920px){display:none}}& [data-key=d]{grid-area:2/3/3/4}@media (max-width:920px){display:flex}}.demo_button__pWAC7{--size:20px;background:var(--bg-application);color:var(--icon-neutral);border-radius:6px;padding:0 8px;min-height:var(--size);min-width:var(--size);max-height:var(--size);max-width:var(--size);font-size:var(--m-text-size);line-height:var(--m-line-height);font-weight:500;box-shadow:var(--shadows-secondary);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;cursor:pointer;transition:var(--transition-button);white-space:nowrap;font-size:var(--xs-text-size);line-height:var(--xs-line-height);& span{position:relative;bottom:1px}&:hover{box-shadow:var(--shadows-secondary-hovered)}&:focus{box-shadow:var(--shadows-secondary-focused)}&:disabled{box-shadow:var(--shadows-secondary-disabled);opacity:50%;cursor:not-allowed}@media (max-width:920px){--size:32px;border-radius:8px;& svg{--size:16px;min-width:var(--size)!important;min-height:var(--size)!important;max-width:var(--size)!important;max-height:var(--size)!important}}}.timeline_frame__qWjvv{max-width:calc(100vw - var(--nav))}.timeline_carousel___xQI1{width:100%;height:100%;padding:var(--padding-xy);--slide-height:calc(100vh - var(--padding-xy) * 2);--slide-spacing:16px;--slide-size:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;max-height:100dvh;@media (max-width:580px){padding-left:0;padding-right:0}}.timeline_viewport__hsFxW{width:100%;flex-grow:1;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--bg-dotted);border-radius:8px;padding:8px;--ends:24px;&:before{left:calc(var(--ends) * -1 / 2);background:linear-gradient(to right,var(--bg-application),transparent)}&:after,&:before{content:"";position:absolute;top:0;bottom:0;width:var(--ends);z-index:10}&:after{right:calc(var(--ends) * -1 / 2);background:linear-gradient(to left,var(--bg-application),transparent)}@media (max-width:580px){border-radius:0;padding-left:12px;padding-bottom:8px;padding-right:12px;padding-top:8px}}.timeline_container__ybtpd{width:100%;display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.timeline_grab__5URNM{cursor:grab}.timeline_grabbing__NtRIP{cursor:grabbing}.timeline_slide__HVNY3{width:100%;transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative}.timeline_image__Zf6Hj{object-fit:contain;height:100%;width:100%}.timeline_controls__bnUej{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:var(--padding-xy);position:relative}.timeline_start__HIZvu{display:flex;align-items:center;justify-content:center;gap:6px}.timeline_progress__82Xbl{border-radius:999vw;background-color:var(--bg-neutral);--height:4px;position:relative;min-height:var(--height);max-height:var(--height);justify-self:flex-end;align-self:center;width:100%;max-width:120px;overflow:hidden}.timeline_progress_bar__SpfKg{background-color:var(--toc-indicator);position:absolute;width:100%;top:0;bottom:0;left:-100%;border-radius:999vw}.timeline_column__iJ2zz{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;width:100%;padding:var(--padding-xy);@media (max-width:580px){padding-left:0;padding-right:0}}.timeline_day__oov63{border-radius:10px;box-shadow:var(--shadows-overlay);background-color:var(--bg-application);padding:4px;display:flex;flex-direction:column;align-items:stretch;-webkit-user-select:none;user-select:none;text-align:center;font-size:var(--s-text-size);line-height:var(--s-line-height);gap:4px}.timeline_day_header__uULAy{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500;color:var(--heading-neutral);padding:4px 0;& span{position:relative;bottom:.5px}& svg{color:var(--icon-neutral)}}.timeline_day_grid__zlCOj{display:flex;width:100%;gap:5px}.timeline_day_item__PMdGR{flex-basis:0;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border-radius:8px;background-color:var(--bg-neutral)}.timeline_day_list__qPsul{font-size:var(--s-text-size);line-height:var(--s-line-height);color:var(--body-neutral);-webkit-user-select:none;user-select:none;& li{display:flex;gap:6px;padding:4px 8px;& svg{color:var(--icon-positive)}}}.canvas_canvas_node__Y6_wU{padding:28px 40px;touch-action:none;background:var(--bg-attention);box-shadow:0 0 0 1px var(--stroke-attention);border-radius:12px;min-width:1000px;max-width:1000px;min-height:50px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--body-attention);--font-size:calc(var(--l-text-size) * 2);--line-height:calc(var(--l-line-height) * 1.25);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--system);& h2,& h3,& h4,& h5,& h6{font-weight:500;margin-bottom:var(--margin-p);color:var(--heading-attention);text-decoration:underline}& strong{font-weight:500;color:var(--heading-attention)!important}& p{font-size:var(--font-size);line-height:var(--line-height);margin-bottom:var(--margin-p);&+hr{margin-bottom:calc(var(--margin-li) * 2)}}& ul{margin-top:var(--margin-p);padding-left:20px;padding-top:2px;padding-bottom:2px;display:flex;flex-direction:column;& li{list-style-type:"•";padding-left:20px;margin-bottom:var(--margin-p)}& li::marker{color:var(--icon-attention)}& li strong{font-weight:500;color:var(--heading-attention)}}& hr{width:100%;border:none;border-top:2px solid var(--stroke-attention);margin:var(--margin-y) 0}}