/**
 * This style sheet changes different styles of chat bubbles.
 * You can style the chat however you wish by making your own style sheet and importing it to your page.
 */

 #botplatformboxbar, 
 #botplatformchatboxbar {
	 --bot-box-dimension: max(min(64px, calc(8vw + 18px)), 34px);
	 display: inline;
	 width: var(--bot-box-dimension);
	 height: var(--bot-box-dimension);
	 padding: 0px;
	 background-color: transparent;
	 background-size: var(--bot-box-dimension);
	 background-image: url("../images/green_bot_button128.png");
	 right: 20px;
	 bottom: 20px;
 }
 
 #botplatformchatboxbar2,
 #botplatformboxbar2 {
	 display: none;
 }
 
 .botplatformboxbar3, 
 .botplatformchatboxbar3 {
	 display: inline;
 }
 
 #botplatformchatboxbar3 {
	 height: inherit;
 }
 
 #botplatformchatboxbarmax2,
 #botplatformboxbarmax2 {
	 right: 7px;
	 left: 7px;
	 top: 7px;
	 bottom: 7px;
	 position: absolute;
 }
 
 #botplatformboxclose2, 
 #botplatformchatboxclose2 {
	 opacity: 0.1;
	 position: fixed;
	 bottom: 4px;
	 right: 4px;
 }
 
 #botplatformboxclose2 > img, 
 #botplatformchatboxclose2 > img {
	 width: max(min(16px, calc(3vw + 2px)), 10px);
 }
 
 #botplatformboxclose2:hover, 
 #botplatformchatboxclose2:hover {
	 opacity: 1.0;
 }
 
 @media screen and (max-width: 414px) {
	 #botplatformboxbar, 
	 #botplatformchatboxbar {
		 background-image: url("../images/green_bot_button.png");
		 right: 10px;
		 bottom: 10px;
	 }
 }