.widget{margin-left:0;width:100%;font-size:14px;font-family:noto san tc,sans-serif;color:#4a4a4a;letter-spacing:.5px;line-height:1.85;position:fixed;right:40px;bottom:0;width:56px;height:auto;-webkit-box-shadow:rgba(0,0,0,.35) 0 5px 15px;box-shadow:rgba(0,0,0,.35) 0 5px 15px;border-top-left-radius:15px;border-top-right-radius:15px;overflow:hidden;z-index:999999;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(max-width:767.98px){.widget{right:calc(5%/2);width:95%}}.widget.active{height:70vh;width:410px}.widget *,.widget *::before,.widget *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.widget input,.widget button,.widget textarea,.widget select{font:inherit}.widget p,.widget h1,.widget h2,.widget h3,.widget h4,.widget h5,.widget h6{overflow-wrap:break-word}.widget a{color:#12768f;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;letter-spacing:1px;text-decoration:none}.widget a:focus,.widget a:hover,.widget a:active,.widget a:hover:active{color:#05959b}.widget ::-webkit-scrollbar{width:7px;height:7px;padding:10px}.widget ::-webkit-scrollbar-track{background:rgba(120,120,120,.1)}.widget ::-webkit-scrollbar-thumb{background:rgba(120,120,120,.3);border-radius:20px}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.widget__title{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding: 10px 15px;background:linear-gradient(45deg,#12768f,#05959b 50%);color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.16)}.widget__open svg{fill:#fff;width: 25px;-webkit-transform:translateY(23%);transform:translateY(23%);margin:auto}.widget__close{display:none}.widget__close svg{fill:#fff;width:.8rem;-webkit-transform:translateY(23%);transform:translateY(23%)}.widget__wrapper{display:none;overflow:auto;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#fff}.widget__wrapper.active{display:-webkit-box;display:-ms-flexbox;display:flex}.widget .chat-list__container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;position:relative}.widget .chat-list__container.active{display:-webkit-box;display:-ms-flexbox;display:flex}.widget .chat-list__item{padding:1rem;border-bottom:1px solid #f1f1f1;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.widget .chat-list__item:hover{background:#f1f1f1}.widget .chat-list__item__cover{position:relative}.widget .chat-list__item__cover-img{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.15);box-shadow:0 5px 15px rgba(0,0,0,.15)}.widget .chat-list__item__cover-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.widget .chat-list__item__number{position:absolute;background:#e91e63;color:#fff;top:0;right:-10px;width:20px;height:20px;padding:1rem;border-radius:50%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;font-weight:600;-webkit-transform:scale(.8);transform:scale(.8)}.widget .chat-list__item__content{overflow:hidden}.widget .chat-list__item__content--title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget .chat-list__item__content--message{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget .chat-detail__container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;position:relative}.widget .chat-detail__container.active{display:-webkit-box;display:-ms-flexbox;display:flex}.widget .chat-detail__content{font-size:14px;line-height:1.5;padding:1rem 2rem;overflow:auto;background-color:#f2f2f2;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;position:relative}.widget .chat-detail__summary{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5rem 1rem;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.16);box-shadow:0 3px 4px rgba(0,0,0,.16);z-index:1}.widget .chat-detail__summary-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.widget .chat-detail__summary-item--title{color:#05959b}.widget .chat-detail__summary-item--img{width:30px;height:30px;border-radius:50%;overflow:hidden}.widget .chat-detail__summary-item--img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.widget .chat-detail__summary-item--back svg{fill:#7d7d7d;width:.6rem;-webkit-transform:translateY(10%);transform:translateY(10%)}.widget .chat-detail__summary-item--menu svg{fill:#7d7d7d;width:1rem;-webkit-transform:translateY(10%);transform:translateY(10%)}.widget .chat-detail__message-wrapper.customer{text-align:right}.widget .chat-detail__message-service,.widget .chat-detail__message-customer{position:relative;display:inline-block;padding:1rem;max-width:80%;text-align:left;border-radius:1rem}.widget .chat-detail__message-service{left:0;background:#fff;-webkit-animation:fadeInLeft .3s forwards;animation:fadeInLeft .3s forwards}.widget .chat-detail__message-service:after{content:'';border-style:solid;border-width:0 13px 10px 0;border-color:transparent #fff transparent transparent;left:-13px;position:absolute;top:20px}.widget .chat-detail__message-customer{right:0;color:#fff;background:#05959b;-webkit-animation:fadeInRight .3s forwards;animation:fadeInRight .3s forwards}.widget .chat-detail__message-customer:after{content:'';border-style:solid;border-width:0 13px 10px 0;border-color:transparent transparent #05959b transparent;right:-13px;position:absolute;bottom:20px}.widget .chat-detail__message-time{font-size:12px;margin-top:.2rem;margin-bottom:1rem;color:#9b9b9b}.widget .chat-detail__reply{background:#c1c5c8e6;padding:.5rem .8rem;-webkit-box-shadow:0 -3px 4px rgba(0,0,0,.16);box-shadow:0 -3px 4px rgba(0,0,0,.16);z-index:1}.widget .chat-detail__reply textarea{line-height:1.5;padding:.8rem;vertical-align:top;color:#05959b;-webkit-box-shadow:0 0 4px 1px #02243114;box-shadow:0 0 4px 1px #02243114;border-radius:10px;width:100%;border:0;resize:none;background:#fff}.widget .chat-detail__reply textarea:focus{outline:none}.widget .chat-detail__reply-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.widget .chat-detail__reply-icon svg{fill:#fff;width:1rem;-webkit-transform:translateY(35%);transform:translateY(35%);cursor:pointer}.widget .chat-detail__attach{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.widget .chat-detail__attach>div:only-child{-ms-flex-item-align:end;align-self:flex-end;margin-left:auto}.widget .chat-detail__file{display:inline-block;background:#f1f1f1;border-radius:25px;font-weight:700;padding:.2rem .6rem;margin-top:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#05959b;font-size:.8rem}.widget .chat-detail__file svg{fill:#9b9b9b;width:.8rem;-webkit-transform:translateY(15%);transform:translateY(15%)}