main .conversation {display:flow-root;line-height:1.4;}
main .conversation::after {content:"";display:block;clear:both;}
main .conversation .bubble {clear:both;border-radius:10px;margin-bottom:15px;background:var(--theme-color-light60);padding:15px;font-size:1.3em;box-shadow:3px 3px 8px 0px rgba(0,0,0,0.25);min-width:45%;max-width:92%;}
main .conversation .bubble img {width:75%;max-width:350px;}
main .conversation .bubble .time {font-size:12px;margin-bottom:5px;}
main .conversation .bubble.received {float:left;box-shadow:-3px 3px 8px 0px rgba(0,0,0,0.25);}
main .conversation .bubble.sent {float:right;background:var(--theme-color-light90);}
main .conversation .bubble a {color:blue;word-break:break-all;}
main .conversation .body {white-space:pre-line;}
main .conversation .bubble.loading {min-width:0;opacity:0.5;width:80px;height:40px;background-image:url('/images/loadingcircle.gif');background-repeat:no-repeat;background-size:auto 80%;;background-position:center center;}

main .newmessage {clear:both;padding:10px 8px;margin-top:30px;border-radius:10px;border:2px solid #666;}
main .newmessage {display:flex;justify-content:space-between;align-items:flex-end;gap:8px;}
main .newmessage > *:nth-child(1) {flex:1;}
main .newmessage textarea {min-height:0px;margin-right:10px;border:none;background:none;}
main .newmessage textarea:focus {box-shadow:none;}
main .newmessage textarea::placeholder {opacity:0.8;}
main .newmessage textarea,main .newmessage input {margin-bottom:0;}
main .newmessage button[type="submit"] {background:#ccc;padding:0;text-align:center;border-radius:50%;line-height:35px;height:35px;width:35px;margin:0;}

@media(max-width:782px){
	main .conversation .bubble {font-size:1em;}
}