body{flex-direction:column;height:100dvh;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}dialog{border:0}header{flex-direction:row;display:flex}header.inside-dialog{flex-direction:row-reverse;position:fixed;top:1rem;left:50%;transform:translate(-50%)}header ul li{list-style:none}header ul{margin:0;padding:0}header button{cursor:pointer;background-color:#fff9;border:0;border-radius:50%;padding:1rem;font-size:32px}#chat-container{border-bottom:1px solid #ccc;flex-direction:column-reverse;flex:1;padding:20px;display:flex;overflow-y:auto}#manual-container{max-width:70vw;max-height:70vh}#manual-container img{max-width:100%;display:block}#messages-container{flex-direction:column;gap:.5rem;display:flex}.message img{width:100%}.user-message{background-color:#bbff0086;align-self:flex-end}.system-message{color:#888;align-self:center}#message-editor{border-top:1px solid #ccc;padding:10px;display:flex}#message-input{flex:1;margin-right:10px;padding:8px}#send-button{cursor:pointer;color:#fff;background-color:#4caf50;border:none;border-radius:4px;outline:none;padding:8px}.card{grid-template-columns:70px auto;align-self:flex-start;max-width:70%;display:grid}.card.myself{align-self:flex-end}.card .message{background-color:#2d9dff8b;border-radius:1rem;padding:1rem}.card.myself .message{background-color:#cddc3969}.user-name{font-size:.7rem}.picture img{width:100%;display:block}.avatar{flex-direction:column;align-items:center;display:flex}span.d20{text-align:center;background-size:64px;width:64px;height:64px;font-size:20px;font-weight:800;line-height:64px;display:inline-block}
/*# sourceMappingURL=index.d3f0df91.css.map */