.ds-demo-page{position:relative;isolation:isolate;padding-bottom:90px}.ds-demo-page>:not(.ds-demo-motion){position:relative;z-index:1}.ds-demo-motion{--ds-demo-motion-chalk:#f1f0df;--ds-demo-motion-ink:#101310;position:absolute;inset:0;pointer-events:none}.ds-demo-motion__canvas{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100vh;height:100lvh;opacity:0;pointer-events:none}.ds-demo-motion[data-rendered=true]>.ds-demo-motion__canvas{opacity:1}.ds-demo-page:has(>.ds-demo-motion[data-rendered=true]) .ds-demo-motion__poster{visibility:hidden}.ds-demo-motion__dock{position:fixed;z-index:4;right:22px;bottom:18px;display:none;align-items:center;gap:16px;max-width:calc(100% - 44px);padding:10px 14px;border:1px solid #f1f0df55;background:#1539a8;color:var(--ds-demo-motion-chalk);pointer-events:auto}.ds-demo-motion[data-ready=true] .ds-demo-motion__dock{display:flex}.ds-demo-motion[data-visible=false] :is(.ds-demo-motion__canvas,.ds-demo-motion__dock){visibility:hidden}.ds-demo-motion__formations{display:none;gap:18px}.ds-demo-motion[data-rendered=true] .ds-demo-motion__formations{display:flex}.ds-demo-motion__formations>button{appearance:none;border:0;border-bottom:1px solid transparent;border-radius:0;min-height:36px;padding:5px 0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:10px;line-height:1.5;white-space:nowrap;cursor:pointer}.ds-demo-motion__formations>button>span{margin-right:4px;font-size:8px}.ds-demo-motion__formations>button[aria-pressed=true]{border-bottom-color:currentColor}.ds-demo-motion .ds-demo-motion__control .motion-switch{display:inline-flex;gap:7px;padding:8px 10px;border:1px solid;border-radius:0;min-height:36px;background:transparent;color:inherit;font-size:10px;line-height:1.4;letter-spacing:0;white-space:nowrap}.ds-demo-motion :is(button,.motion-switch):focus-visible{outline:2px solid currentColor;outline-offset:4px}.ds-demo-motion--phase-shift .ds-demo-motion__dock{color:#d7ff36;background:#101310;border-color:#d7ff3666}@media (max-width:700px){.ds-demo-page{padding-bottom:86px}.ds-demo-motion__dock{right:10px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:none;gap:12px;justify-content:space-between;padding:8px 12px}.ds-demo-motion__formations{flex:1 1;gap:12px;justify-content:space-between}.ds-demo-motion__formations>button{font-size:9px}.ds-demo-motion__control .motion-switch>span,.ds-demo-motion__formations>button>span{display:none}.ds-demo-motion .ds-demo-motion__control .motion-switch{min-width:36px;padding:8px;justify-content:center}}@media (prefers-reduced-motion:reduce){.ds-demo-motion__canvas{visibility:hidden}}.ds-spatial-page{position:relative;isolation:isolate}.ds-spatial-page>:not(.ds-spatial-stage){position:relative;z-index:2}.ds-spatial-stage{position:absolute;inset:0;pointer-events:none}.ds-spatial-canvas{opacity:var(--spatial-opacity,1);position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;visibility:hidden}.ds-spatial-page[data-spatial-rendered=true] .ds-spatial-stage[data-state=live][data-visible=true] .ds-spatial-canvas,.ds-spatial-page[data-spatial-rendered=true] .ds-spatial-stage[data-state=paused][data-visible=true] .ds-spatial-canvas{visibility:visible}.ds-spatial-dock{opacity:var(--spatial-opacity,1);position:fixed;right:22px;bottom:18px;z-index:20;display:flex;align-items:center;gap:10px;max-width:calc(100% - 40px);padding:9px 12px;color:var(--spatial-ink,#20231f);background:var(--spatial-paper,#f1eee5);border:1px solid;pointer-events:auto}.ds-spatial-choices{display:flex;align-items:center;gap:4px}.ds-spatial-dock button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:11px;min-height:36px;padding:7px 9px;cursor:pointer}.ds-spatial-choices button[aria-pressed=true]{text-decoration:underline;text-underline-offset:8px}.ds-spatial-dock button:focus-visible{outline:3px solid currentColor;outline-offset:2px}.ds-spatial-dock .motion-switch{display:inline-flex;min-width:36px;justify-content:center;align-items:center;border:1px solid;padding:7px}.ds-spatial-stage[data-state=poster] .ds-spatial-choices{display:none}.ds-spatial-stage[data-visible=false] .ds-spatial-canvas,.ds-spatial-stage[data-visible=false] .ds-spatial-dock{visibility:hidden}@media (max-width:700px){.ds-spatial-dock{right:10px;bottom:10px;max-width:calc(100% - 20px);padding:8px;gap:5px}.ds-spatial-dock button{font-size:10px;padding:7px 6px}}@media (max-width:360px){.ds-spatial-dock{right:8px;left:8px;max-width:none;justify-content:space-between;padding:7px}.ds-spatial-choices{flex:1 1;justify-content:space-between;gap:1px}.ds-spatial-dock button{font-size:9px;padding:6px 3px}}