body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{width:100%;height:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#scene-container{width:100%;height:100%;background-image:url(/static/media/cengkeh-color.png);background-position:0;background-size:cover;overflow:hidden}.button-list{position:absolute;left:50%;bottom:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.button-list>button{margin-right:10px;border-radius:4px;border:none;font-size:20px;font-weight:900;padding:10px 20px;box-sizing:border-box;display:none}.button-list>button:active{-webkit-transform:scale(.9);transform:scale(.9)}.voice-frequency{position:absolute;bottom:30px;left:70px;width:100px}.voice-frequency>input{pointer-events:none}.page-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:grid;place-items:center;color:#fff;opacity:1;z-index:999}.page-loader>button{width:auto;padding:10px 20px;border-radius:20px;border:none;background:#0c8ccc;color:#fff;font-weight:900;font-size:20px}.vira-processing-indicator-container{position:fixed;left:50%;top:-60px;-webkit-transform:translate(-50%);transform:translate(-50%)}.text-mode-enabler{position:fixed;right:20px;bottom:20px;height:40px;width:40px;border-radius:50%;background:#101a70;fill:#fff;padding:10px}.ask-form-container{width:600px;height:-webkit-max-content;height:max-content;position:fixed;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.ask-form-container textarea{margin:0;width:100%;height:100px;border:none;box-sizing:border-box;padding:10px}.ask-form-container button{width:100%;border:none}.talking-subtitle{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:0 20px}.talking-subtitle img{width:120px;height:120px;object-fit:contain;margin-top:20px}.mic-btn{position:absolute;left:20px;bottom:20px;background:#101a70;fill:#fff;width:40px;height:40px;padding:10px;box-sizing:border-box;border-radius:50%}.mic-btn.mid{left:75px}.mic-btn.mid:active{-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9);background-color:red}.mic-btn.mid.bigger{width:60px;height:60px;transform:translateX(-50%);bottom:20px;padding:10px}.mic-btn.mid.bigger.active{-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9);background-color:red}.mic-btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.sk-fading-circle{margin:100px auto;width:100px;height:100px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.chat-container{width:50%;height:100%;background-color:transparent;position:fixed;bottom:0;right:0;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;padding:0 20px 20px;box-sizing:border-box;overflow:hidden}.chat-container>.question-form{width:100%;display:flex;flex-direction:row;justify-content:space-between;position:relative;height:40px;box-sizing:border-box}.chat-container>.question-form>input{width:calc(100% - 50px);box-sizing:border-box;border:none;border-radius:50px;padding:0 20px}.chat-container>.question-form>.send{position:absolute;right:65px;top:10px;fill:#0d0e5d;cursor:pointer}.chat-container>.question-form>.close{width:40px;height:40px;background:#fff;border-radius:50%;box-sizing:border-box;padding:5px;cursor:pointer}.chat-container>.message-container{display:flex;flex-direction:column;width:100%;overflow:auto;margin-bottom:20px;pointer-events:fill;-ms-overflow-style:none;scrollbar-width:none;padding-top:20px}.chat-container>.message-container::-webkit-scrollbar{display:none}.chat-container>.message-container>.message{width:-webkit-max-content;width:max-content;background-color:#0d0e5d;color:#fff;padding:10px 20px;border-radius:12px;margin-bottom:10px;box-sizing:border-box;max-width:100%;display:flex;flex-direction:column}.chat-container>.message-container>.message>span{outline:none}.chat-container>.message-container>.message.vira{align-self:flex-end}.chat-container>.message-container>.message.me{background-color:#4c4c69;align-self:flex-start}.chat-container>.message-container>.message>img{margin-top:10px;height:auto;width:120px;object-fit:contain;background:#fff}.chat-container>.message-container>.message>a{color:#fff;font-weight:800}