.message{margin:24px 0}.messageContent{white-space:pre-wrap;font-size:1.2em;padding-left:10px;line-height:1.4em}pre h3{margin:5px 0}pre ol,pre ul{margin:1rem 1rem 1rem 2rem}pre ull{list-style-type:disc}.role{font-size:1em;margin-bottom:8px;font-weight:bolder}.loading,.role{color:#1366d6}.error{margin:30px 0;font-size:14px;color:red}form{padding:20px;margin:30px auto 0;box-shadow:0 0 9pt rgba(68,54,45,.2)}.input,.name,form{background-color:#fff;border-radius:8px}.input,.name{max-width:900px;appearance:none;outline:none;padding:10px 14px;margin:0 0 10px;width:100%;font-family:inherit;font-size:1em;cursor:inherit;line-height:inherit;color:#44362d;background-position:100%;background-repeat:no-repeat;border:solid #999;border-width:2px 1px 1px 2px}.input,.name{margin:0 0 20px}.name{max-width:300px}.submit{width:75pt;height:30px;font-size:1pc}.loading{margin:30px 0;font-size:1em;font-size:1.2em;position:relative;color:#d4d4d4;display:inline-block;&:before{content:attr(data-text);position:absolute;color:#fff;clip:rect(0,0,75pt,0);animation:fill-3 1s infinite}}@keyframes fill-3{50%{clip:rect(0,350px,75pt,0)}to{clip:rect(0,0,75pt,0)}}