@import url(https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat{background-color:#fff;border-radius:.25rem;display:flex;flex-direction:column;font-family:Ubuntu,Droid Sans,sans-serif;font-size:1.25rem;margin:0 auto 1rem;max-width:800px;padding:.5rem 1.5rem}.chat div.bubble{word-wrap:break-word;border-radius:.75rem;margin-bottom:1rem;padding:.5rem .875rem;position:relative;width:60%}.chat p:after,.chat p:before{bottom:-.1rem;content:"";height:1rem;position:absolute}div.bubble div.buttons.has-addons{display:inline}div.bubble input,div.bubble select{color:#fff!important}div.bubble.from-me{background-color:#438dd6}div.bubble.from-me,div.from-me{align-self:flex-end;color:#fff;margin-left:40%;right:2em;text-align:right}div.bubble.from-me:before{border-bottom-left-radius:.8rem .7rem;border-right:1rem solid #248bf5;right:-.35rem;-webkit-transform:translateY(-.1rem);transform:translateY(-.1rem)}div.bubble.from-me:after{background-color:#fff;border-bottom-left-radius:.5rem;right:-40px;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px);width:10px}p[class^=from-].bubble{margin:.5rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}div.bubble.from-me~div.bubble.from-me,div.bubble.from-me~div.bubble.from-me:not(:last-child){margin:.25rem 0 0}div.bubble.from-me~div.bubble.from-me:last-child{margin-bottom:.5rem}div.bubble.from-them{align-items:flex-start;background-color:#e5e5ea;color:#000}div.bubble.from-them:before{border-bottom-right-radius:.8rem .7rem;border-left:1rem solid #e5e5ea;left:-.35rem;-webkit-transform:translateY(-.1rem);transform:translateY(-.1rem)}div.bubble.from-them:after{background-color:#fff;border-bottom-right-radius:.5rem;left:20px;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px);width:10px}p[class^=from-].bubble.emoji{background:none;font-size:2.5rem}p[class^=from-].bubble.emoji:before{content:none}div.bubble input,div.bubble select{background:transparent;border:none;border-bottom:1px solid #00000055;color:#fff;color:#000;font:inherit;font-weight:700;margin:0;padding:0;text-align:right;width:2em}div.bubble input.long,div.bubble input[type=email]{width:90%}div.bubble select{width:auto}div.bubble.from-me .error{color:#ff0}div.bubble.from-me .right{color:#90ee90}div.bubble.from-me .icon{vertical-align:super}div.bubble.from-them .error{color:red}div.bubble.from-them .right{color:#080}.dot-flashing{-webkit-animation:dotFlashing 1s linear infinite alternate;animation:dotFlashing 1s linear infinite alternate;-webkit-animation-delay:.5s;animation-delay:.5s;background-color:#9880ff;border-radius:5px;color:#9880ff;height:10px;margin:1rem;position:relative;width:10px}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s;left:-15px}.dot-flashing:after,.dot-flashing:before{background-color:#9880ff;border-radius:5px;color:#9880ff;height:10px;width:10px}.dot-flashing:after{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s;left:15px}@-webkit-keyframes dotFlashing{0%{background-color:#9880ff}50%,to{background-color:#ebe6ff}}@keyframes dotFlashing{0%{background-color:#9880ff}50%,to{background-color:#ebe6ff}}@media only screen and (max-width:600px){.chat div.bubble{width:80%}div.from-me{margin-left:20%;width:100%}}.chat .buttons{margin:1rem 0}.chat input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;margin:0}