.loader{--square:26px;--offset:30px;--bg-color:#ff8c00;--txt-color:#04152d;--sm:0.8rem;--duration:2.4s;--delay:0.2s;--timing-function:ease-in-out;--in-duration:0.4s;--in-delay:0.1s;--in-timing-function:ease-out;width:calc(3*var(--offset) + var(--square));height:calc(2*var(--offset) + var(--square));padding:0;margin:10px auto 30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loader div{display:inline-block;background:var(--bg-color);border:none;border-radius:2px;width:var(--square);height:var(--square);position:absolute;padding:0;margin:0;font-size:var(--sm);color:var(--txt-color)}.loader #square1{left:calc(0*var(--offset));top:calc(0*var(--offset));animation:square1 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(1*var(--in-delay)) var(--in-timing-function) both}.loader #square2{left:calc(0*var(--offset));top:calc(1*var(--offset));animation:square2 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(1*var(--in-delay)) var(--in-timing-function) both}.loader #square3{left:calc(1*var(--offset));top:calc(1*var(--offset));animation:square3 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(2*var(--in-delay)) var(--in-timing-function) both}.loader #square4{left:calc(2*var(--offset));top:calc(1*var(--offset));animation:square4 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(3*var(--in-delay)) var(--in-timing-function) both}.loader #square5{left:calc(3*var(--offset));top:calc(1*var(--offset));animation:square5 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(4*var(--in-delay)) var(--in-timing-function) both}@keyframes square1{0%{left:calc(0*var(--offset));top:calc(0*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(1*var(--offset))}to{left:calc(0*var(--offset));top:calc(1*var(--offset))}}@keyframes square2{0%{left:calc(0*var(--offset));top:calc(1*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(2*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(2*var(--offset))}25.00%{left:calc(1*var(--offset));top:calc(1*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(1*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(0*var(--offset))}to{left:calc(0*var(--offset));top:calc(0*var(--offset))}}@keyframes square3{0%,to{left:calc(1*var(--offset));top:calc(1*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}25.00%{left:calc(1*var(--offset));top:calc(0*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(0*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}75.00%{left:calc(2*var(--offset));top:calc(2*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(2*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}}@keyframes square4{0%{left:calc(2*var(--offset));top:calc(1*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(1*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(2*var(--offset))}50.00%{left:calc(3*var(--offset));top:calc(2*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(1*var(--offset))}to{left:calc(3*var(--offset));top:calc(1*var(--offset))}}@keyframes square5{0%{left:calc(3*var(--offset));top:calc(1*var(--offset))}50.00%{left:calc(3*var(--offset));top:calc(1*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(0*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(0*var(--offset))}75.00%{left:calc(2*var(--offset));top:calc(1*var(--offset))}to{left:calc(2*var(--offset));top:calc(1*var(--offset))}}@keyframes squarefadein{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.chat-bubble{background-color:#222e35;padding:8px 16px;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:20px;-moz-border-radius-bottomleft:2px;border-radius:20px;border-bottom-left-radius:2px;display:inline-block}.chat-bubble .typing{align-items:center;display:flex;height:17px}.chat-bubble .typing .dot{animation:mercuryTypingAnimation 1.8s ease-in-out infinite;background-color:#6cad96;border-radius:50%;height:7px;margin-right:4px;vertical-align:middle;width:7px;display:inline-block}.chat-bubble .typing .dot:first-child{animation-delay:.2s}.chat-bubble .typing .dot:nth-child(2){animation-delay:.3s}.chat-bubble .typing .dot:nth-child(3){animation-delay:.4s}.chat-bubble .typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0);background-color:#6cad96}28%{transform:translateY(-7px);background-color:#9ecab9}44%{transform:translateY(0);background-color:#b5d9cb}}