:root{--send-bg:#39b549;--send-color:#fff;--receive-bg:#e5e5ea;--receive-text:#000;--page-background:#fff}#bot-preview-wrapper{width:390px;margin:50px auto}.bot-preview-chat-container{padding:10px}.bot-preview-chat .chat-message-list{margin:0;padding:0;list-style:none}.message-left{text-align:left;margin-bottom:16px}.message-left:before{left:-7px;width:20px;background-color:#e5e5ea;background-color:var(--receive-bg);border-bottom-right-radius:16px 14px}.message-left:after{left:-26px;width:26px;background-color:#fff;background-color:var(--page-background);border-bottom-right-radius:10px}.message-left:after,.message-left:before,.message-right:after,.message-right:before{content:"";position:absolute;bottom:0;height:25px}.message-right{text-align:right;margin-bottom:16px}.message-right:before{right:-7px;width:20px;background-color:#39b549;background-color:var(--send-bg);border-bottom-left-radius:16px 14px}.message-right:after{right:-26px;width:26px;background-color:#fff;background-color:var(--page-background);border-bottom-left-radius:10px}.message-left.pull-left,.message-right.pull-right{position:relative}.message-container{width:100%}.pull-right{float:right!important}.pull-left{float:left!important}.message-text-wrapper{max-width:255px;min-width:60px;display:inline-block}.message-left .message-text{background:#e5e5ea;color:#333}.message-right .message-text{background:#39b549;color:#fff;text-align:center}.message-text{display:inline-block;font-size:14px;line-height:1.5em;border-radius:30px;padding:15px;white-space:pre-wrap;min-width:60px;word-break:break-word}.message-time{display:block;font-size:12px;color:#333;padding-top:4px}.message-left .message-time{text-align:left}.message-right .message-time{text-align:right}.spinme{display:inline-block;padding:15px 20px;font-size:14px;border-radius:30px;line-height:1.25em;font-weight:100;opacity:.2}.spinme-left{color:#ccc}.spinner{margin:0;width:30px;text-align:center}.spinner>div{width:10px;height:10px;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background:#000}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}iphone-x{position:relative;z-index:1;height:694px;width:342px}.iphone-x *,.iphone-x :after,.iphone-x :before{box-sizing:border-box;display:block}.iphone-x .bazzel{background:#211f1f;border-radius:54px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 6px #e2e3e4;height:694px;padding:15px 22px;width:342px;z-index:1}.iphone-x .screen{background:#f6f6f6;background-position:50%;background-size:cover;border-radius:32px;height:665px;position:relative;width:314px;margin-left:-8px}.iphone-x .line:after,.iphone-x .line:before{content:"";position:absolute;border:solid rgb(68 68 68 / .25);border-width:0 6px;height:5px;left:0;width:100%;z-index:9}.iphone-x .line:after{top:68px}.iphone-x .line:before{bottom:68px}.iphone-x .header{background:#211f1f;border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:20px;left:50%;margin-left:-82px;position:absolute;top:15px;width:164px;z-index:199}.iphone-x .sensor-1:after,.iphone-x .sensor-1:before{content:"";position:absolute}.iphone-x .sensor-1:after{left:1%;margin-left:10px}.iphone-x .sensor-1:after,.iphone-x .sensor-1:before{background:#444;border-radius:50%;height:11px;width:11px;top:1px}.iphone-x .sensor-1:before{left:10%;margin-left:20px}.iphone-x .sensor-2:after,.iphone-x .sensor-2:before{content:"";position:absolute}.iphone-x .sensor-2:before{background:#444;border-radius:2.5px;height:5px;width:40px;left:50%;margin-left:-20px;top:4px}.iphone-x .sensor-3:after,.iphone-x .sensor-3:before{content:"";position:absolute}.iphone-x .sensor-3:before{background:#444;border-radius:50%;height:11px;width:11px;left:50%;margin-left:35px;top:1px}.iphone-x .sensor-3:after{background:#444;border-radius:50%;height:15px;width:15px;left:65%;margin-left:33px;top:-1px}.iphone-x .volume-button{background:#c8cacb;height:26px;left:-2px;position:absolute;top:92px;width:3px}.iphone-x .volume-button:after,.iphone-x .volume-button:before{content:"";position:absolute;background:#c8cacb;height:50px;left:0;width:3px}.iphone-x .volume-button:after{top:48px}.iphone-x .volume-button:before{top:112px}.iphone-x .power-button{background:#c8cacb;height:80px;right:-2px;position:absolute;top:160px;width:3px}.innerScreen{background-color:#fbfbfb;background-position:50%;background-size:cover;max-height:545px;height:545px;position:absolute;max-width:312px;width:312px;margin-left:-8px;top:85px;left:23px;overflow-y:scroll;overflow-x:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;scrollbar-width:thin;scrollbar-color:#39b54a #fff;mask-image:linear-gradient(0deg,transparent,#000),linear-gradient(270deg,transparent 5px,#000 0);mask-size:100% 20000px;mask-position:left bottom;-webkit-mask-image:linear-gradient(0deg,transparent,#000),linear-gradient(270deg,transparent 5px,#000 0);-webkit-mask-size:100% 20000px;-webkit-mask-position:left bottom;transition:mask-position .3s,-webkit-mask-position .3s}.innerScreen:hover{mask-position:left bottom;-webkit-mask-position:left top}.message-container.last{height:30px!important}.innerScreen::-webkit-scrollbar{width:5px}.innerScreen::-webkit-scrollbar-track{background:#fff}.innerScreen::-webkit-scrollbar-thumb{background-color:#39b54a;border-radius:10px;border:0 #39b54a}.phone-loader{border:16px solid #f3f3f3;border-top-color:#39b549;border-radius:50%;width:120px;height:120px;animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phone-loader-container{height:90%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.grouped-bg{background:#39b54a;padding:10px;border-radius:0 50px 50px 0;margin-top:10px}.gh-hidden{visibility:hidden}