.demo-text-adventure{margin-bottom:30px;max-width:100%;width:450px}.demo-text-adventure .messages{box-shadow:0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,.15),inset 0 1px 1px rgba(16,22,26,.2);display:flex;flex-direction:column;flex-grow:1;height:463px;position:relative}.demo-text-adventure .message-buffer{background:#fff;border-top:1px solid #cdcdcf;height:10px;left:1px;position:absolute;top:0;width:calc(100% - 2px);z-index:2}.demo-text-adventure .inner-messages{overflow-y:auto;padding:20px}.demo-text-adventure .message-input{margin-top:-1px}.demo-text-adventure .message-input input[type=text]{border-top-left-radius:0;border-top-right-radius:0}.demo-text-adventure .timestamp{color:#8a9ba8;font-size:10px}.demo-text-adventure .message{flex-grow:1}.demo-text-adventure .message p{margin-bottom:0}.demo-text-adventure .message-list{display:flex;flex-direction:column}.demo-text-adventure .message-list:not(:first-child){margin-top:30px}.demo-text-adventure .message-list .message{border-radius:20px;display:inline-block;margin-bottom:5px;margin-top:5px;padding:8px 15px}.demo-text-adventure .message-list.response-message{align-items:flex-start}.demo-text-adventure .message-list.response-message .message{background-color:#eee;margin-right:25%;position:relative}.demo-text-adventure .message-list.response-message .message.last:before{background:#eee;border-bottom-right-radius:15px;bottom:0;content:"";height:20px;left:-7px;position:absolute;width:20px;z-index:0}.demo-text-adventure .message-list.response-message .message.last:after{background:#fff;border-bottom-right-radius:10px;bottom:0;content:"";height:20px;left:-10px;position:absolute;width:10px;z-index:1}.demo-text-adventure .message-list.input-message{align-items:flex-end}.demo-text-adventure .message-list.input-message .message{background:#0078fe;color:#fff;margin-left:25%;position:relative}.demo-text-adventure .message-list.input-message .message.last:before{background:#0078fe;border-bottom-left-radius:15px;bottom:0;content:"";height:20px;position:absolute;right:-8px;width:20px;z-index:0}.demo-text-adventure .message-list.input-message .message.last:after{background:#fff;border-bottom-left-radius:10px;bottom:0;content:"";height:20px;position:absolute;right:-10px;width:10px;z-index:1}.demo-text-adventure .flavor-text{margin-bottom:20px}.demo-text-adventure-contents{align-items:center;display:flex;flex-direction:column;margin:20px auto 0;max-width:700px;min-width:320px;padding-bottom:20px;width:100%}.demo-text-adventure-header{margin:20px auto 0;max-width:700px;min-width:320px;width:100%}.submit-form,.response-container{display:flex;margin:0 auto;max-width:500px;width:100%}.submit-form{align-items:center}.submit-form .solution-input{flex-grow:1;margin-right:5px}.response-container{justify-content:space-between}.hint-dialog-link{flex-grow:1;font-size:12px;margin-top:5px;text-align:right}.response{font-family:monospace;margin-top:2px}.response.correct{color:#0f9960}.response.incorrect{color:#db3737}.response.partial{color:#d9822b}.hint-dialog{max-width:600px;width:80%}.hint-dialog .hint-level{width:120px}.hint-dialog .hint-table{width:100%}@media(max-width: 450px){.main-container .demo-text-adventure-container{padding:8px}.demo-text-adventure{width:100%}}