.demo-surface{text-align:left}.demo-surface--natural{display:block;max-width:100%}.demo-surface--slot{position:relative;width:100%;height:100%;overflow:hidden}.demo-surface__stage{position:absolute;top:50%;left:50%;transform-origin:center center;will-change:transform}.demo-surface--bleed{--demo-surface-bleed-max:1600px;--demo-surface-bleed-gutter:0px;display:block;width:min(calc(100vw - 2 * var(--demo-surface-bleed-gutter)),var(--demo-surface-bleed-max));max-width:none;margin-inline:calc(50% - min(50vw - var(--demo-surface-bleed-gutter), var(--demo-surface-bleed-max) / 2))}@supports not (width:min(1px,2px)){.demo-surface--bleed{width:auto;margin-inline:calc(50% - 50vw)}}.demo-surface--no-chrome .demo-app>:first-child,.demo-surface--no-chrome .demo-browser-chrome{display:none}