/* Minification failed. Returning unminified contents.
(19,45): run-time error CSS1046: Expect comma, found '63'
(19,51): run-time error CSS1046: Expect comma, found '/'
(19,77): run-time error CSS1046: Expect comma, found '0'
(19,81): run-time error CSS1046: Expect comma, found '/'
(21,37): run-time error CSS1046: Expect comma, found '63'
(21,43): run-time error CSS1046: Expect comma, found '/'
(21,75): run-time error CSS1034: Expected closing parenthesis, found '/'
(21,75): run-time error CSS1042: Expected function, found '/'
(21,80): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(86,45): run-time error CSS1046: Expect comma, found '0'
(86,49): run-time error CSS1046: Expect comma, found '/'
(88,37): run-time error CSS1046: Expect comma, found '0'
(88,41): run-time error CSS1046: Expect comma, found '/'
 */
.chatbot-preview {
	margin-right: 70px;
}

.chatbot-close-button {
    margin: 2px 0 0;
    position: absolute;
    top: -1px;
    z-index: 1;
    background: #687882;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 4px;
    height: 20px;
    width: 20px;
    line-height: 12px;
    -webkit-box-shadow: 0 2px 10px 0 rgb(53 63 69 / 15%), 0 1px 2px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 10px 0 rgba(53,63,69,.15),0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgb(53 63 69 / 15%), 0 1px 2px 0 rgb(0, 0, 0 / 20%);
    opacity: 1;
	margin-left: -10px;
}

.chatbot-preview-text:after {
    bottom: 12px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid hsla(0,0%,100%,0);
	right: -20px;
    border-left-color: #fff!important;	
}

.chatbot-preview .chatbot-preview-text {
    -webkit-box-shadow: 0 7px 6px 1px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 7px 6px 1px rgba(0, 0, 0, .16);
    box-shadow: 0px 7px 6px 1px rgba(0,0,0,0.16);
    background: #fff;
    color: #212021;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 0 12px;
    position: relative;
    outline: none;
    width: auto;
	border: none;	
}

.chatbot-preview-avatar {
	-webkit-box-shadow: 0 0 8px 4px rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 8px 4px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.16);
	-webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
}

.chatbot-preview-avatar > img {
	display: inline-block;
    vertical-align: middle!important;
	-webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
}
.chatbot-preview-avatar, .chatbot-preview-text {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer!important;
}

.chatbot-preview .chatbot-preview-text p {
	white-space: pre-line;
	text-align: left;
	margin: 10px 5px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px!important;
	font-style:normal!important;
}

.chatbot-preview .chatbot-preview-text {
    -webkit-box-shadow: 0 7px 6px 1px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0 7px 6px 1px rgba(0,0,0,.16);
    box-shadow: 0 7px 6px 1px rgb(0 0 0 / 16%);
    background: #fff;
    color: #212021;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 0 12px;
    position: relative;
    outline: none;
    width: auto;
}

.chatbot > div {
	position:fixed;
	bottom:10px;
	right:10px;
}