.demo_frame__h6kug{margin-left:auto;background:var(--bg-dotted-alt);border-left:1px solid var(--stroke-neutral);@media (max-width:920px){margin-left:0;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}}}.loading_loading__uTolB{overflow:hidden;z-index:100}.loading_loading__uTolB,.loading_loading__uTolB:before{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px}.loading_loading__uTolB:before{content:"";z-index:2}.loading_loading__uTolB:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:var(--gray900)}.loading_loading__uTolB:before{background:var(--loading-gradient);background-size:200% 100%;background-position:-100% 0;animation:loading_animate__Tv8hO 1.2s linear infinite}@keyframes loading_animate__Tv8hO{0%{background-position:100% 0}to{background-position:-100% 0}}