.chatBtn{position:fixed;bottom:4%;right:5%;background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-block;z-index:1}.chatBtn img{display:block;width:10vw;max-width:100px;min-width:80px;height:auto}.chatBox{position:fixed;bottom:15%;right:5%;max-width:50rem;height:73vh;background:#fff;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;transform-origin:bottom right;transform:scale(0);opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 4px 10px #0003;z-index:1}.chatBox.show{transform:scale(1);opacity:1}.chatHeader{background:#0eb49b;color:#fff;padding:8px;text-align:center;position:relative;flex:0 0 10%;display:flex;align-items:center;border-radius:8px 8px 0 0}.subTitle{font-size:1rem;margin-left:3rem}.closeBtn{margin-left:3rem;background:none;border:none;padding:0;cursor:pointer;display:inline-block}.closeBtn img{width:2.5rem;height:auto}.chatArea{flex:1;padding:14px;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}html.lenis-scrolling .chatArea{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.preset{white-space:pre-line;display:inline-block;padding:8px 12px;border-radius:10px;max-width:95%;word-break:break-word;margin-bottom:.5rem;background:#f5f6f8;font-size:16px}.button{cursor:pointer;justify-items:center;border:1px solid #ccc}.answer{white-space:pre-line;display:inline-block;padding:15px;border-radius:10px;word-break:break-word;font-size:16px;margin-bottom:.5rem}.fade-char{opacity:0;display:inline-block;transform:translateY(2px);animation-name:fadeIn;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:.08s}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.formArea{display:flex;justify-content:center;align-items:center;flex:0 0 15%;border-top:1px solid #ccc}.inputWrapper{position:relative;display:flex;align-items:flex-end;width:80%;background:#f0f0f0;border-radius:20px;padding:5px 10px;margin:0 auto}.chatInput{flex:1;border:none;outline:none;background:transparent;padding:8px 30px 8px 8px;font-size:14px;resize:none;line-height:1.5;overflow-y:hidden;max-height:200px;transition:height .1s ease}.sendBtn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-block;position:absolute;right:4%;bottom:10px}.dots-loader{display:inline-flex;gap:8px;align-items:center;justify-content:center}.dots-loader .dot{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.25;transform:translateY(0);animation:dots-bounce 1s infinite ease-in-out}.dots-loader .dot:nth-child(1){animation-delay:0s}.dots-loader .dot:nth-child(2){animation-delay:.12s}.dots-loader .dot:nth-child(3){animation-delay:.24s}.down_B{position:fixed;width:40px;height:40px;top:75%;right:5%;border-radius:50%;background:#fff;border:2px solid #ccc;cursor:pointer;opacity:1;transition:opacity .5s ease}.down_B.fade-out{opacity:0;pointer-events:none}.down_B p{text-align:center;font-size:20px}@keyframes dots-bounce{0%,80%,to{transform:translateY(0);opacity:.25}40%{transform:translateY(-7px);opacity:1}}@media screen and (max-width: 767px){.chatBox{bottom:0;right:0;z-index:9999;width:100%;height:100%!important;max-width:none;transform-origin:bottom center;transform:translateY(100%);opacity:1;transition:transform .3s ease;border-radius:0}.chatBox.show{transform:translateY(0)}.subTitle{margin-left:2rem}.closeBtn{margin-left:9rem}.sendBtn{position:absolute;right:3%;bottom:10px}.chatInput{width:100%}}@media screen and (max-height: 873px){.chatBox.show{height:70vh}}@media screen and (max-height: 700px){.chatBox.show{height:68vh}}@media screen and (max-height: 620px){.chatBox.show{height:62vh}.sendBtn{left:90%}}@media screen and (max-height: 430px){.chatBox.show{height:58vh}}