html{background:#22137a url(bg_kinetics_game_arena_basic.a664400b.jpg) 50%/cover no-repeat fixed}body{height:100vh;position:relative}body canvas{height:auto;width:100%;position:absolute}@media (min-aspect-ratio:1/9){body canvas{top:-10%}}@media (min-aspect-ratio:4/3){body canvas{top:-25%}}@media (min-aspect-ratio:16/9){body canvas{top:-30%}}@media (min-aspect-ratio:18/9){body canvas{top:-35%}}.demo-canvas-container{height:100%;width:60%;z-index:0;background:#fff;margin:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.demo.demo-chat-container{z-index:1;height:100%;width:60%;flex-direction:column;margin:0 auto;display:flex;position:relative}.demo .demo-chat-log,.demo .demo-chat-log-fade{scroll-behavior:smooth;margin-top:35%;position:relative;overflow-y:scroll}.demo .demo-chat-log-fade{width:100%;height:100px;z-index:1;background:linear-gradient(#fff 0% 50%,#fff0 100%);position:absolute;top:0;left:0}.demo .demo-chat-log-slug{height:var(--demo-chat-log-slug-height)}.demo .demo-chat-input-container{height:100px;width:100%;flex:none;justify-content:center;align-items:center;display:flex}.demo .demo-chat-input-container .slds-grid{width:100%}.demo .demo-chat-input-container .demo-chat-form-element{width:100%;flex-direction:column;justify-content:center;margin:0 auto;padding:0 10%;display:flex}.demo .demo-chat-input,.demo .demo-chat-message__text{border-radius:28px;padding:.75rem 1.5rem;font-size:1.3rem}.demo .demo-chat-message__text{display:flex}
/*# sourceMappingURL=demo4.3fdc1960.css.map */