@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--bs-primary: #61B984;--bs-light: #f8f8f8;--bs-dark: #eef7f2;--bs-white: #FFFFFF;--bs-black: #000000;--bs-body-color: #3B302D;--bs-body-bg: #FFFFFF;--bs-border-color: #e1e1e1;--bs-font: "Roboto", serif;--bs-body-ff: var(--bs-font);--bs-body-fs: 16px;--bs-body-lh: 1.5;--bs-body-fw: 400;--bs-small-font-size: 14px;--bs-small-line-height: 20px}*,*:after,*:before{vertical-align:top!important;box-sizing:border-box}body,html{background:var(--bs-body-bg);color:var(--bs-body-color);font-family:var(--bs-body-ff);font-size:var(--bs-body-fs);line-height:var(--bs-body-lh);font-weight:var(--bs-body-fw);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}main{padding-left:16px;padding-right:16px}::selection{color:var(--bs-white);background:var(--bs-primary)}.ng-scrollbar .ng-scroll-content{padding:0!important}.ng-scrollbar.scroll-y>.ng-scroll-content>scrollbars .ng-scrollbar-sticky{--_scrollbar-wrapper-width: 4px}.ng-scrollbar.scroll-y>.ng-scroll-content>scrollbars .ng-scrollbar-track-wrapper{--_track-y-thickness: 4px;--_scrollbar-hover-thickness-px: 4px;--_scrollbar-track-right: 2px}.ng-scrollbar.scroll-y>.ng-scroll-content>scrollbars .ng-scrollbar-track-wrapper .ng-scrollbar-thumb{--scrollbar-border-radius: 50rem;--_thumb-y-color: #cdcdcd}.ng-scrollbar.scroll-x .ng-scrollbar-track-wrapper{--_track-x-thickness: 4px;--_scrollbar-hover-thickness-px: 4px;--_scrollbar-track-bottom: 2px}.ng-scrollbar.scroll-x .ng-scrollbar-track-wrapper .ng-scrollbar-thumb{--scrollbar-border-radius: 50rem;--_thumb-x-color: #cdcdcd}@media screen and (max-width: 1279px){.ng-scrollbar{-webkit-overflow-scrolling:initial!important;will-change:initial!important;-webkit-user-select:initial!important;user-select:initial!important;overscroll-behavior:initial!important}}.btn{display:inline-block;padding:7px 12px;font-family:var(--bs-font);font-size:var(--bs-small-font-size);line-height:var(--bs-small-line-height);color:var(--bs-white);font-weight:500;text-align:center;border:1px solid var(--bs-body-color);background-color:var(--bs-body-color);border-radius:8px;transition:all .4s ease-in-out 0s;cursor:pointer}.btn:hover,.btn:focus{background-color:var(--bs-black)}.app-header{padding:24px 0;text-align:center}.app-header .brand-logo{display:inline-block}.app-header .brand-logo svg{max-width:60px;height:auto}.app-chatbot{width:100%;max-width:720px;display:block;margin-left:auto;margin-right:auto;box-shadow:0 2px 8px #252d5b0a,0 16px 24px #545f6f29;border-radius:12px}.app-chatbot .chatbot-content{height:500px}.app-chatbot .chatbot-head{background-color:var(--bs-primary);color:var(--bs-white);padding:12px 20px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.app-chatbot .chatbot-head h2{font-size:var(--bs-body-fs);line-height:var(--bs-body-lh);font-weight:500;margin:0}.app-chatbot .chatbot-body{padding:20px;display:flex;flex-direction:column;gap:10px;position:relative}.app-chatbot .chatbot-body .chat-send{width:100%;text-align:right}.app-chatbot .chatbot-body .chat-send .chat-text{margin-left:auto;border-radius:12px 12px 0}.app-chatbot .chatbot-body .chat-receive{width:100%;text-align:left;display:flex;gap:8px;justify-content:flex-start}.app-chatbot .chatbot-body .chat-receive .chat-text{border-radius:12px 12px 12px 0;padding-right:32px}.app-chatbot .chatbot-body .chat-receive .chat-text .chat-data{padding-right:0}.app-chatbot .chatbot-body .chat-text{display:inline-block;font-size:var(--bs-small-font-size);line-height:var(--bs-small-line-height);background-color:var(--bs-dark);max-width:80%;font-style:normal;font-family:inherit;overflow:auto;position:relative}.app-chatbot .chatbot-body .chat-text .chat-data{padding:10px 12px}.app-chatbot .chatbot-body .chat-text .chat-data pre{font-family:var(--bs-font);margin:0}.app-chatbot .chatbot-body .chat-text .icon-copy{cursor:pointer;color:var(--bs-body-color);opacity:.4;position:absolute;top:8px;right:8px;transition:all .4s ease-in-out 0s}.app-chatbot .chatbot-body .chat-text .icon-copy:hover{color:var(--bs-primary);opacity:1}.app-chatbot .chatbot-body .chat-text .icon-copy svg{width:16px;height:auto}.app-chatbot .chatbot-foot{padding:0 10px 10px;position:relative}.app-chatbot .chatbot-foot .form-control{font-size:var(--bs-body-fs);line-height:var(--bs-body-lh);color:var(--bs-body-color);border:1px solid var(--bs-border-color);padding:17px 60px 17px 20px;width:100%;background-color:var(--bs-light);outline:none!important;appearance:none;border-radius:12px}.app-chatbot .chatbot-foot .btn-arrow{position:absolute;top:10px;right:20px;border:none;background:transparent;text-align:center;padding:9px 10px;cursor:pointer;width:fit-content;height:fit-content;color:var(--bs-primary);outline:none!important;appearance:none;border-radius:50rem;transition:all .4s ease-in-out 0s}.app-chatbot .chatbot-foot .btn-arrow svg{max-width:100%;height:auto}.app-chatbot .chatbot-foot .btn-arrow:hover{background-color:var(--bs-primary);color:var(--bs-white)}.spinner{display:flex;margin:auto;width:40px;height:40px;border:4px solid gray;border-top:4px solid var(--bs-black);border-radius:50%;animation:spin 1s linear infinite}.spinner-text{width:100%;text-align:center;font-size:var(--bs-small-font-size)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 767px){.app-header{padding:16px 0}.app-header .brand-logo svg{max-width:40px}.app-chatbot .chatbot-head{padding:10px 10px 10px 16px;border-radius:8px 8px 0 0}.app-chatbot .chatbot-head h2{font-size:var(--bs-small-font-size);line-height:var(--bs-small-line-height);font-weight:500;margin:0}.app-chatbot .chatbot-body{padding:16px;gap:6px}.app-chatbot .chatbot-body .chat-send .chat-text{border-radius:8px 8px 0}.app-chatbot .chatbot-body .chat-receive .chat-text{border-radius:8px 8px 8px 0}.app-chatbot .chatbot-body .chat-text{max-width:90%}.app-chatbot .chatbot-foot{padding:0 10px 10px;position:relative}.app-chatbot .chatbot-foot .form-control{font-size:var(--bs-small-font-size);line-height:var(--bs-small-line-height);padding:14px 60px 14px 16px;border-radius:8px}.app-chatbot .chatbot-foot .btn-arrow{width:32px;height:32px;padding:7px 8px}}
