.demo-scene{box-sizing:border-box;position:relative}.demo-scene__space{position:absolute;inset:0}.demo-scene__plane{transform-style:preserve-3d;position:absolute;inset:0}[data-demo-measuring] .demo-scene__plane{transform:var(--demo-rest-transform,none)!important}.demo-scene__backdrop{width:100%;height:100%;transition:left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1),width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1),opacity .6s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.demo-scene__backdrop>*{width:100%;height:100%}.demo-scene__layer{transform-origin:50%;pointer-events:none;position:absolute}.demo-scene__layer[data-interactive]{pointer-events:auto}.demo-scene__body{height:100%}.demo-scene__body--leaving{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.demo-scene__twin{visibility:hidden;pointer-events:none;position:absolute;transition:none!important;animation:none!important}.demo-scene__extent{visibility:hidden;pointer-events:none;position:absolute}.demo-scene__layer{transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .6s cubic-bezier(.65,0,.35,1)}.demo-scene__layer[data-appearing]{transition:opacity .6s cubic-bezier(.65,0,.35,1)}.demo-scene__layer[data-entering],.demo-scene__backdrop{animation:.6s cubic-bezier(.65,0,.35,1) both demo-scene-in}.demo-scene__layer[data-leaving],.demo-scene__backdrop[data-leaving]{opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.65,0,.35,1);animation:.6s cubic-bezier(.65,0,.35,1) both demo-scene-out}@keyframes demo-scene-in{0%{opacity:0}}@keyframes demo-scene-out{0%{opacity:1}to{opacity:0}}.demo-scene__layer[data-hidden]{opacity:0;pointer-events:none}.demo-host[data-demo-hover] .demo-scene__layer[data-reacts],.demo-scene__layer[data-active]{--demo-layer-lift:-16px}@media (prefers-reduced-motion:reduce){.demo-scene__layer,.demo-scene__backdrop{transition:none;animation:none}}.demo-scene__layer[data-shadow=soft]{filter:drop-shadow(0 max(0px, calc(8px + var(--demo-elev,0) * .08px)) max(0px, calc(24px + var(--demo-elev,0) * .22px)) #00000024)}.demo-scene__layer[data-shadow=lifted]{filter:drop-shadow(0 max(0px, calc(24px + var(--demo-elev,0) * .16px)) max(0px, calc(60px + var(--demo-elev,0) * .3px)) #00000042)}.demo-scene__plane[data-tilted] .demo-scene__layer{backface-visibility:hidden}.composed-demo__ghosts{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-100000px}.demo-scene__overlay{transform-origin:50%;pointer-events:none;backface-visibility:hidden;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute}.demo-scene__overlay-body{pointer-events:none;position:absolute;inset:0}.demo-scene__overlay-body>*{pointer-events:auto}.demo-host[data-demo-hover] .demo-scene__overlay[data-reacts],.demo-scene__overlay[data-active]{--demo-layer-lift:-16px}@media (prefers-reduced-motion:reduce){.demo-scene__overlay{transition:none}}