body{--sb-track-color:var(--clr-slate-3);--sb-thumb-color:var(--clr-base);--sb-size:6px}.chat{bottom:var(--size-28);right:var(--size-28);position:fixed}.chat-bubble{width:var(--size-56);height:var(--size-56);background-color:var(--clr-base);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;animation-name:moveBubbleUp;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;display:flex}.chat-bubble:hover{background-color:var(--clr-tint-1)}.chat-bubble:active{background-color:var(--clr-base)}.chat-bubble--hidden{animation-name:moveBubbleDown;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.chat-bubble__icon{width:var(--size-40);height:var(--size-40);stroke:var(--clr-slate-1)}.chat-widget{border-radius:var(--rounded-l);box-shadow:var(--shadow-2xl);animation-name:moveBubbleUp;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.chat-widget__overlay{height:calc(100% - (var(--size-96)));border-bottom-left-radius:var(--rounded-xl);border-bottom-right-radius:var(--rounded-xl);z-index:1;background-color:#000000b3;width:100%;position:absolute;bottom:0}.chat-widget--hidden{animation-name:moveBubbleDown;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.chat-widget__inner{grid-template-rows:var(--size-96)1fr var(--size-80);width:40rem;height:60rem;display:grid}.chat-widget__inner--form-present{grid-template-rows:var(--size-96)1fr}.chat-widget__head{background-color:var(--clr-tint-1);border-top-left-radius:var(--rounded-xl);border-top-right-radius:var(--rounded-xl);padding:var(--size-20);grid-template-columns:1fr max-content;align-items:center;display:grid}.chat-widget__heading{align-self:end}.chat-widget__greet,.chat-widget__online-status{color:var(--clr-slate-1)}.chat-widget__greet{font-size:var(--size-28);font-weight:700}.chat-widget__online-status{font-size:var(--size-14)}.chat-widget__close-btn{padding:var(--size-6);border-radius:var(--rounded-m);align-self:start}.chat-widget__close-btn:hover{background-color:#ffffff1a}.chat-widget__close-btn:active{background-color:#0000}.chat-widget__close-btn-icon{stroke:var(--clr-slate-1)}.chat-widget__body{background-color:var(--clr-slate-2);position:relative;overflow:auto}.chat-widget__body--disabled{overflow:hidden}.chat-widget__body::-webkit-scrollbar{width:var(--size-6)}.chat-widget__body::-webkit-scrollbar-track{background:var(--clr-slate-3);border-radius:3px}.chat-widget__body::-webkit-scrollbar-thumb{background:var(--clr-base);border-radius:3px}@supports not selector(::-webkit-scrollbar){.chat-widget__body{scrollbar-color:var(--clr-base)var(--clr-slate-3)}}.chat-widget__body--form{border-bottom-left-radius:var(--rounded-xl);border-bottom-right-radius:var(--rounded-xl);justify-content:center;align-items:center;display:flex}.session{gap:var(--size-20);padding:var(--size-16);margin-bottom:var(--size-32);flex-direction:column;display:flex}.session__break{font-size:var(--size-14);background-color:var(--clr-base);color:var(--clr-slate-1);border-radius:var(--rounded-l);padding:var(--size-6)var(--size-12);margin-bottom:var(--size-16);align-self:center}.messages{gap:var(--size-8);flex-direction:column;display:flex}.messages--server{color:var(--clr-slate-8);align-items:start}.messages--client{color:var(--clr-slate-1);align-items:end}.message{border-radius:var(--rounded-2xl);box-shadow:var(--shadow-l);padding:var(--size-14);background-color:#fff;max-width:90%;animation-name:newMessage;animation-duration:.3s;animation-timing-function:ease-in;animation-delay:.3s;animation-fill-mode:backwards}.message--form{gap:var(--size-4);flex-direction:column;display:flex}.messages--server .message__time{font-size:var(--size-12);padding-left:var(--size-8);align-self:start}.messages--client .message__time{font-size:var(--size-12);align-self:end}.messages--server .message__text a:link,.messages--server .message__text a:hover,.messages--server .message__text a:active,.messages--server .message__text a:visited{color:var(--clr-slate-9)}.messages--client .message__text a:link,.messages--client .message__text a:hover,.messages--client .message__text a:active,.messages--client .message__text a:visited{color:var(--clr-slate-1)}.message--image{color:var(--clr-slate-9);box-shadow:none;padding:0;background:0 0!important}.message__img{max-width:var(--size-256);max-height:var(--size-256)}.message__img img{max-height:var(--size-256);object-fit:cover;border-radius:var(--rounded-l);width:100%;height:auto}.message--file{align-items:center;gap:var(--size-8);display:flex}.message__file-thumbnail svg{width:var(--size-24);height:var(--size-24);fill:var(--clr-slate-1)}.message__file-info{gap:var(--size-4);flex-direction:column;display:flex}.message__file-size{font-size:var(--size-14)}.messages--client .message{background-color:var(--clr-tint-1)}.message__seen-status{font-size:var(--size-12);color:var(--clr-slate-7);padding-right:var(--size-6);align-self:end}.pre-chat-form{gap:var(--size-8);border-radius:var(--rounded-xl);box-shadow:var(--shadow-l);padding:var(--size-28)var(--size-24);background-color:#fff;flex-direction:column;width:90%;display:flex}.pre-chat-form__title{text-align:center;font-size:var(--size-16);margin-bottom:var(--size-12);align-self:center;max-width:95%;font-weight:500}.pre-chat-form input[type=text],.pre-chat-form input[type=email],.pre-chat-form textarea{font-family:inherit;font-size:var(--size-16);background-color:var(--clr-slate-2);color:var(--clr-slate-9);border-radius:var(--rounded-m);border:2px solid var(--clr-slate-3);outline:none;width:100%;margin-left:auto;margin-right:auto}.pre-chat-form input[type=text],.pre-chat-form input[type=email]{height:var(--size-44)}.pre-chat-form textarea{resize:none;height:var(--size-160)}.pre-chat-form input[type=text]:focus,.pre-chat-form input[type=email]:focus,.pre-chat-form textarea:focus{background-color:var(--clr-slate-1)}.pre-chat-form__submit-btn{height:var(--size-40);background-color:var(--clr-base);color:var(--clr-slate-1);margin-top:var(--size-12);border-radius:var(--rounded-m);border:none;outline:none;align-self:center;width:60%}.pre-chat-form__submit-btn:hover{background-color:var(--clr-tint-1)}.pre-chat-form__submit-btn:active{background-color:var(--clr-base)}.chat-widget__footer{border-bottom-left-radius:var(--rounded-xl);border-bottom-right-radius:var(--rounded-xl);padding:var(--size-12);background-color:#fff;align-items:center;display:flex}.chat-widget__input-wrapper{align-items:center;gap:var(--size-4);width:100%;height:100%;display:flex}.chat-widget__input-msg{color:var(--clr-slate-9);border:none;outline:none;width:100%;height:100%}.chat-widget__upload-btn svg{stroke:var(--clr-slate-5)}.chat-widget__upload-btn svg:hover{stroke:var(--clr-base)}.chat-widget__upload-btn svg:active{stroke:var(--clr-slate-5)}.chat-widget__emoji-picker-btn{cursor:pointer;position:relative}.chat-widget__emoji-picker-btn svg{width:var(--size-40);height:var(--size-40);stroke:#fff;fill:var(--clr-slate-5)}.chat-widget__emoji-picker-btn svg:hover{fill:var(--clr-base)}.chat-widget__emoji-picker-btn svg:active{fill:var(--clr-slate-5)}.chat-widget__send-msg-btn svg{width:var(--size-40);height:var(--size-40);stroke:#fff;fill:var(--clr-base)}.chat-widget__send-msg-btn svg:hover{fill:var(--clr-tint-1)}.chat-widget__send-msg-btn svg:active{fill:var(--clr-base)}.chat-widget__emoji-picker{width:var(--size-160);height:var(--size-160);border-radius:var(--rounded-l);box-shadow:var(--shadow-xl);padding:var(--size-6);background-color:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;top:-18rem;left:-12rem}.chat-widget__emoji-btn{font-size:var(--size-20);border-radius:var(--rounded-m)}.chat-widget__emoji-btn:hover{background-color:var(--clr-slate-2)}.chat-widget__emoji-btn:active{background-color:var(--clr-slate-1)}.upload-preview{width:var(--size-256);height:var(--size-256);grid-template-rows:max-content var(--size-48)var(--size-56);row-gap:var(--size-6);background-color:var(--clr-slate-2);border-radius:var(--rounded-l);z-index:2;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-preview__img{max-width:var(--size-256);max-height:calc(var(--size-256) - var(--size-56) - var(--size-48) - var(--size-6));background-color:var(--clr-slate-2);border-top-left-radius:var(--rounded-l);border-top-right-radius:var(--rounded-l);justify-content:center;align-items:center;display:flex}.upload-preview__img img{object-fit:cover;border-top-left-radius:var(--rounded-l);border-top-right-radius:var(--rounded-l);width:100%;height:100%}.upload-preview__icon{height:var(--size-128);justify-content:center;align-items:center;display:flex}.upload-preview__icon svg{width:var(--size-80);height:var(--size-80)}.upload-preview__info{align-items:center;gap:var(--size-4);flex-direction:column;display:flex}.upload-preview__name{font-size:var(--size-16);font-weight:500}.upload-preview__size{font-size:var(--size-14);color:var(--clr-slate-8)}.upload-preview__btns{justify-content:center;align-items:center;gap:var(--size-10);padding-bottom:var(--size-8);display:flex}.upload-preview__btns button{width:var(--size-96);height:var(--size-32);border-radius:var(--rounded-m)}.upload-preview__cancel{background-color:var(--clr-red);color:var(--clr-slate-1);width:40%}.upload-preview__cancel:hover{background-color:var(--clr-red-shade-1)}.upload-preview__cancel:active{background-color:var(--clr-red)}.upload-preview__send{background-color:var(--clr-base);color:var(--clr-slate-1)}.upload-preview__send:hover{background-color:var(--clr-shade-1)}.upload-preview__send:active{background-color:var(--clr-base)}.chat-widget__error{align-items:center;gap:var(--size-24);background-color:var(--clr-slate-1);border-radius:var(--rounded-xl);padding:var(--size-28)var(--size-16);z-index:4;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex-direction:column;width:36rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-widget__error-msg{font-size:var(--size-14);text-align:center}.chat-widget__error-msg a{color:var(--clr-base);font-weight:600;text-decoration:none}.chat-widget__error-msg a:hover{color:var(--clr-shade-1)}.chat-widget__error-msg a:active{color:var(--clr-base)}.chat-widget__error-msg a:visited{color:var(--clr-shade-2)}.chat-widget__error-btns{gap:var(--size-12);font-size:var(--size-14);display:flex}.chat-widget__error-btns button{width:var(--size-80);height:var(--size-32);border-radius:var(--rounded-m)}.chat-widget__error-btn--green{background-color:var(--clr-base);color:var(--clr-slate-1)}.chat-widget__error-btn--green:hover{background-color:var(--clr-shade-1)}.chat-widget__error-btn--green:active{background-color:var(--clr-base)}.chat-widget__error-btn--red{background-color:var(--clr-red);color:var(--clr-slate-1)}.chat-widget__error-btn--red:hover{background-color:var(--clr-red-shade-1)}.chat-widget__error-btn--red:active{background-color:var(--clr-red)}.hidden{display:none!important}.invisible{visibility:hidden}.btn--active svg{fill:var(--clr-base)}.loader{align-items:center;gap:var(--size-8);z-index:3;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader__spinner{border:8px solid var(--clr-slate-3);border-top:8px solid var(--clr-tint-1);border-radius:50%;width:60px;height:60px;animation:2s linear infinite loaderSpin}.loader__text{color:var(--clr-slate-1);font-weight:500;animation:2s linear infinite loaderText}@keyframes moveBubbleUp{0%{transform:translateY(200%)}33%{transform:translateY(0)}66%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes moveBubbleDown{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(200%)}}@keyframes newMessage{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderText{0%{opacity:1}50%{opacity:.6}to{opacity:1}}
/*# sourceMappingURL=index.e6b0737e.css.map */