body,html{margin:0;padding:0}body{font-family:Lato,sans-serif}#app{height:100%;width:100%;position:absolute;background-repeat:no-repeat}.chatbot-container{width:100%;height:100%;overflow:hidden;max-width:768px;margin:0 auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.chatbot-container h1,.chatbot-container h2{font-weight:400}.chatbot-container ul{padding:0;list-style-type:none}.chatbot-container li{margin:0 10px;display:inline-block}.chatbot-container a{color:#4a8ee3;text-decoration:none}.chatbot-container .header{width:100%;height:56px;position:relative;background-color:#0066ba;border-bottom:2px solid #e80322}.chatbot-container .header .logo-beritagar{width:145px;padding:10px}.chatbot-container .header .ver{float:right;color:#fff;font-size:20px;font-weight:700;display:inline-block;margin:16px 16px 0 0}.chatbot-container .logo{display:block;cursor:pointer;z-index:2;left:50%;bottom:50%;position:absolute;transition:.6s ease-in-out;transform:translate(-50%,25%)}.chatbot-container .logo.shrink{height:auto;width:44px;left:16px;bottom:16px;transform:translate(0)}.chatbot-container .form{width:calc(100% - 32px);margin:0 16px;z-index:0;bottom:0;left:0;position:absolute}.chatbot-container .input{-webkit-appearance:initial;box-sizing:content-box;z-index:1;position:absolute;font-size:16px;font-weight:400;width:calc(100% - 108px);height:36px;bottom:16px;border:0;padding:4px 48px 4px 58px;background-color:#fff;border-radius:22px;outline:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.3)}.chatbot-container .button-submit{cursor:pointer;z-index:2;border:0;margin:0;right:0;bottom:16px;padding:12px;position:absolute;background:0 0;outline:none}.chatbot-container .button-submit:hover{color:#333}.canvas{width:100%;height:auto;max-height:calc(100% - 86px);display:block;position:relative;overflow-x:hidden;overflow-y:scroll;margin-top:auto;margin-bottom:70px;padding:16px 16px 0}.canvas .chats{width:100%;height:100%;display:inline-block}.chat-container[data-v-4fd1c231]{float:left;width:100%}.chat[data-v-4fd1c231]{width:100%;display:block;margin:0 auto 16px;animation-delay:0ms}.chat p[data-v-4fd1c231]{font-size:16px;font-weight:400;margin:0;padding:8px 16px;line-height:20px;position:relative}.chat.assistant[data-v-4fd1c231]{float:left;animation:liftChatAssistant-data-v-4fd1c231 .2s ease-in-out alternate}.chat.assistant p[data-v-4fd1c231]{float:left;color:#253238;background-color:#edf0f2;border-radius:18px}.chat.user[data-v-4fd1c231]{float:right;animation:liftChatUser-data-v-4fd1c231 .2s ease-in-out alternate}.chat.user p[data-v-4fd1c231]{float:right;color:rgba(0,0,0,.8);background-color:#d8e9ff;border-radius:18px}@keyframes liftChatAssistant-data-v-4fd1c231{0%{opacity:.5;transform:translate(-100px);-webkit-transform:translate(-100px);-moz-transform:translate(-100px);-o-transform:translate(-100px);-ms-transform:translate(-100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}@keyframes liftChatUser-data-v-4fd1c231{0%{opacity:.5;transform:translate(100px);-webkit-transform:translate(100px);-moz-transform:translate(100px);-o-transform:translate(100px);-ms-transform:translate(100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}.chat-container[data-v-4bfbb0d5]{float:left;width:100%}.chat[data-v-4bfbb0d5]{width:100%;display:block;margin:0 auto 16px;animation-delay:0ms}.chat p[data-v-4bfbb0d5]{margin:0;position:relative}.chat.assistant[data-v-4bfbb0d5]{float:left;animation:liftChatAssistant-data-v-4bfbb0d5 .2s ease-in-out alternate}.chat.assistant p[data-v-4bfbb0d5]{float:left;color:#253238;background-color:#edf0f2;border-radius:18px}.loader[data-v-4bfbb0d5]{display:block}@keyframes liftChatAssistant-data-v-4bfbb0d5{0%{opacity:.5;transform:translate(-100px);-webkit-transform:translate(-100px);-moz-transform:translate(-100px);-o-transform:translate(-100px);-ms-transform:translate(-100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}@keyframes liftChatUser-data-v-4bfbb0d5{0%{opacity:.5;transform:translate(100px);-webkit-transform:translate(100px);-moz-transform:translate(100px);-o-transform:translate(100px);-ms-transform:translate(100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}.button-container[data-v-84ce5d98]{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;overflow-y:hidden;overflow-x:scroll;position:absolute;bottom:0;width:calc(100% - 30px);padding:0;margin:0 0 68px 16px}.button-suggestion[data-v-84ce5d98]{float:left;width:auto;min-width:auto;text-align:center;white-space:nowrap;display:block;cursor:pointer;margin:0 8px 0 0;padding:8px 16px;line-height:20px;position:relative;color:#fff;text-transform:capitalize;background-color:#4a8ee3;animation-delay:0ms;-webkit-animation-delay:0ms;animation:liftButton-data-v-84ce5d98 .2s ease-in-out alternate;border-radius:20px}[data-v-84ce5d98]::-webkit-scrollbar{width:0;background:0 0}@keyframes liftButton-data-v-84ce5d98{0%{opacity:.5;transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}.article-scroll[data-v-a92769dc]{float:left;width:100%;overflow-y:hidden;overflow-x:scroll;display:inline-block}.article-scroll .scroller[data-v-a92769dc]{display:inline-block}.article-container[data-v-a92769dc]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.article-container .article-stream[data-v-a92769dc]{float:left;width:240px;height:300px;overflow:hidden;margin-right:8px;margin-bottom:8px;border-radius:16px;position:relative;background-color:#eff3f6;animation-delay:0ms;animation:liftChatAssistant-data-v-a92769dc .2s ease-in-out alternate}.article-container .article-stream .image-container[data-v-a92769dc]{float:left;width:100%;margin:0;height:136px;overflow:hidden;display:inline-block}.article-container .article-stream .image-container img[data-v-a92769dc]{width:100%;height:auto;display:block}.article-container .article-stream .article-content[data-v-a92769dc]{float:left;padding:8px}.article-container .article-stream .article-title[data-v-a92769dc]{float:left;width:100%;font-size:14px;font-weight:600;line-height:18px;margin:0 auto 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.article-container .article-stream .article-title a[data-v-a92769dc]{color:#243239}.article-container .article-stream .article-date[data-v-a92769dc]{float:left;width:100%;color:#226dca;font-size:11px;font-style:italic;line-height:12px;margin:0 auto 8px}.article-container .article-stream .article-excerpt[data-v-a92769dc]{float:left;width:100%;color:#526e7b;font-size:12px;line-height:16px;margin:0 auto 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.article-container .article-stream .button-selengkapnya[data-v-a92769dc]{font-size:12px;line-height:20px;padding:2px 12px;color:#226dca;left:8px;bottom:8px;position:absolute;background:#fff;border-radius:10px;overflow:hidden}.article-container .article-stream .button-selengkapnya .icon[data-v-a92769dc]{margin-left:4px;display:inline-block;vertical-align:middle}.article-container .beritagar-cover .image-container[data-v-a92769dc]{height:100%;display:-ms-flexbox;display:flex;background-color:#216dc5}.article-container .beritagar-cover .image-container img[data-v-a92769dc]{padding:8px;margin:0 auto 80px;width:calc(100% - 16px)}.article-container .beritagar-cover .article-content[data-v-a92769dc]{z-index:2;left:0;bottom:0;position:absolute}.article-container .beritagar-cover .article-title[data-v-a92769dc]{color:#fff}.article-container .beritagar-cover .article-date[data-v-a92769dc]{color:#eee}.article-container .beritagar-cover .article-excerpt[data-v-a92769dc]{color:#ddd;margin:0 auto 16px}.article-container .beritagar-cover .button-selengkapnya[data-v-a92769dc]{left:0;bottom:0;position:relative;display:inline-block}.article-container .beritagar-cover[data-v-a92769dc]:after{content:"";z-index:1;left:0;bottom:0;width:100%;height:70%;position:absolute;pointer-events:none;background:0 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7))}[data-v-a92769dc]::-webkit-scrollbar{width:0;background:0 0}@keyframes liftChatAssistant-data-v-a92769dc{0%{opacity:.5;transform:translate(-100px);-webkit-transform:translate(-100px);-moz-transform:translate(-100px);-o-transform:translate(-100px);-ms-transform:translate(-100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}.article-container[data-v-71fc9cb0]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.article-container .article-stream[data-v-71fc9cb0]{float:left;width:318px;height:340px;overflow:hidden;position:relative;margin-bottom:16px;border-radius:16px;background-color:#eff3f6;animation-delay:0ms;animation:liftChatAssistant-data-v-71fc9cb0 .2s ease-in-out alternate}.article-container .article-stream .image-container[data-v-71fc9cb0]{float:left;width:100%;margin:0;height:173px;overflow:hidden;display:inline-block}.article-container .article-stream .image-container img[data-v-71fc9cb0]{width:100%;height:auto;display:block}.article-container .article-stream .article-content[data-v-71fc9cb0]{float:left;padding:16px}.article-container .article-stream .article-title[data-v-71fc9cb0]{float:left;width:100%;font-size:14px;font-weight:600;line-height:18px;margin:0 auto 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.article-container .article-stream .article-title a[data-v-71fc9cb0]{color:#243239}.article-container .article-stream .article-date[data-v-71fc9cb0]{float:left;width:100%;color:#226dca;font-size:11px;font-style:italic;line-height:12px;margin:0 auto 8px}.article-container .article-stream .article-excerpt[data-v-71fc9cb0]{float:left;width:100%;color:#526e7b;font-size:12px;line-height:16px;margin:0 auto 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.article-container .article-stream .button-selengkapnya[data-v-71fc9cb0]{font-size:12px;line-height:20px;padding:2px 12px;color:#226dca;left:16px;bottom:16px;position:absolute;background:#fff;border-radius:10px;overflow:hidden}.article-container .article-stream .button-selengkapnya .icon[data-v-71fc9cb0]{margin-left:4px;display:inline-block;vertical-align:middle}@keyframes liftChatAssistant-data-v-71fc9cb0{0%{opacity:.5;transform:translate(-100px);-webkit-transform:translate(-100px);-moz-transform:translate(-100px);-o-transform:translate(-100px);-ms-transform:translate(-100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}.article-container[data-v-2b4c7cf6]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.article-container .article-stream[data-v-2b4c7cf6]{float:left;width:318px;height:auto;position:relative;animation-delay:0ms;animation:liftChatAssistant-data-v-2b4c7cf6 .2s ease-in-out alternate}.article-container .article-stream .image-container[data-v-2b4c7cf6]{float:left;width:100%;margin:0;height:173px;overflow:hidden;display:inline-block;border-radius:16px 16px 0 0}.article-container .article-stream .image-container img[data-v-2b4c7cf6]{width:100%;height:auto;display:block}.article-container .article-stream .article-content[data-v-2b4c7cf6]{float:left;overflow:hidden;padding:8px 16px;border-radius:16px;background-color:#eff3f6}.article-container .article-stream .article-title[data-v-2b4c7cf6]{float:left;width:100%;font-size:16px;font-weight:600;line-height:18px;margin:0 auto 8px;overflow:hidden}.article-container .article-stream .article-title a[data-v-2b4c7cf6]{color:#243239}.article-container .article-stream .article-date[data-v-2b4c7cf6]{float:left;width:100%;color:#226dca;font-size:11px;font-style:italic;line-height:12px;margin:0 auto 8px}.article-container .article-stream .article-excerpt[data-v-2b4c7cf6]{float:left;width:100%;color:#526e7b;font-size:16px;color:#243239;line-height:20px;margin:0 auto 8px;overflow:hidden}.article-container .article-stream .button-selengkapnya[data-v-2b4c7cf6]{float:left;font-size:12px;line-height:20px;padding:2px 12px;color:#78919d;position:relative;border-radius:10px;overflow:hidden;margin:4px auto 0}.article-container .article-stream .button-selengkapnya .icon[data-v-2b4c7cf6]{margin-left:4px;display:inline-block;vertical-align:middle}@keyframes liftChatAssistant-data-v-2b4c7cf6{0%{opacity:.5;transform:translate(-100px);-webkit-transform:translate(-100px);-moz-transform:translate(-100px);-o-transform:translate(-100px);-ms-transform:translate(-100px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}