body,html{background:#f1f1f1;margin:0}.bubble{width:40px;height:40px;border-radius:50%;position:fixed;bottom:12px!important;right:25px!important;left:unset!important;top:unset!important;box-shadow:0 0 20px rgb(0 0 0 / 19%),0 0 6px rgb(0 0 0 / 23%);background:url(https://dev.fyers.in/orderwin-trade/static/js/ordwinNew/src/img/icon-toggle-full-screen.svg) no-repeat center}.bubble:hover{transition:all .3s;transform:scale(1.1)}.bubble__span{position:absolute;left:70px;background:#333;border-radius:10px;padding:5px;color:#fff;font-family:Roboto;opacity:0}.bubble:active{transform:scale(1.2);transition:all .3s}.chat-thread{padding:20px;margin:10px;list-style:none;overflow-x:hidden}.chat-thread li{position:relative;clear:both;display:inline-block;padding:10px 20px 10px 15px;margin-bottom:10px;font-family:Roboto;font:14px;border-radius:25px}.chat-thread .message-mit{background:#1e88e5;float:right;color:#fff}.chat-thread .message-dest{background:#cfd8dc;float:left}.chat-thread .loading .material-icons{color:rgba(200,200,200,.8);font-size:8px;padding:1px;margin-bottom:5px}.chat-thread .loading .material-icons:nth-child(1){animation:writing 1.2s infinite alternate}.chat-thread .loading .material-icons:nth-child(2){animation:writing 1.2s infinite .2s alternate}.chat-thread .loading .material-icons:nth-child(3){animation:writing 1.2s infinite .3s alternate}.bouncein{animation:bounce .4s ease-out forwards .2s}.bounceout{animation:bounce .25s ease-out forwards reverse}@keyframes bounce{0%{transform:scale(0)}60%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes writing{0%{transform:translateY(0)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}