.demo-window{background:var(--color-white);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 1px var(--color-gray-200);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.demo-window-grid{flex:7;min-width:0;max-width:900px}.demo-window-messenger{flex:4;min-width:280px;max-width:360px;height:400px}.demo-window-chrome{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);user-select:none;justify-content:center;align-items:center;padding:6px 12px;display:flex}.demo-window-title{text-align:center;color:var(--color-gray-500);font-size:12px;font-weight:400}.demo-window-content{flex:1;position:relative;overflow:hidden}.demo-window-content *{scrollbar-width:none;-ms-overflow-style:none}.demo-window-content ::-webkit-scrollbar{display:none}.demo-window-content>*{position:absolute;inset:0}.demo-window-messenger .demo-window-content,.demo-window-messenger .demo-window-content>*{position:static}@media (width<=1024px){.demo-window-messenger{min-width:100%;max-width:100%;height:400px}.demo-window-grid{min-height:320px}}@media (width<=768px){.demo-window-grid{height:360px}.demo-window-messenger{z-index:2;width:100%;min-width:0;max-width:none;height:400px;position:absolute;top:300px;left:12px}.demo-window-content{touch-action:pan-y;overflow:hidden}.demo-window-content>*,.demo-window-content>*>*,.demo-window-content>*>*>*,.demo-window-content>*>*>*>*{touch-action:pan-y;overflow:hidden!important}}