@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");:root{--chat-area-margin-top:0px}@keyframes decrease-margin-animation{0%{margin-top:calc(var(--chat-area-margin-top))}to{margin-top:.5svh}}@keyframes jump{0%{transform:translateY(-1px)}30%{transform:translateY(-8px)}50%{transform:translateY(-1px)}to{transform:translateY(-1px)}}@keyframes text-gradient{0%{background-position:0 50%}30%{background-position:100% 50%}to{background-position:120% 50%}}.chat-area{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;transition:1s;width:100%}.chat-area #blog-label{display:inline-block;color:rgba(29,70,124,.8);font-size:20px;font-family:Montserrat;font-weight:500;margin-bottom:10px;order:-1;width:800px}.chat-area #blog-label .animated-dot#first,.chat-area #blog-label .animated-dot#second,.chat-area #blog-label .animated-dot#third{border-radius:50%;display:inline-block;position:relative;content:"";width:0;height:0;border:2px solid rgba(29,70,124,.8)}.chat-area #blog-label .animated-dot#first{animation:jump 1s ease-out 0s infinite;margin:0 5px 0 10px}.chat-area #blog-label .animated-dot#second{animation:jump 1s ease-out .25s infinite;margin:0 5px}.chat-area #blog-label .animated-dot#third{animation:jump 1s ease-out .5s infinite;margin:0 5px}.chat-area #blog-label a{color:rgba(0,0,255,.8)}.chat-area #blog-label p{color:rgba(29,70,124,.8)}.chat-area #blog-label.ready{font-size:17px;background:linear-gradient(270deg,#000,rgba(0,0,0,.8),rgba(0,0,0,.5),rgba(0,0,0,.8),#000);background-size:10% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-gradient 2s linear;animation-iteration-count:3}.chat-area #blog-label.ready a:hover{text-decoration:underline}.decreased-margin{animation:decrease-margin-animation 1s ease both}@media (orientation:portrait){.chat-area label{margin-bottom:20px}.chat-area #blog-label{width:98%}.chat-area #blog-label.ready{font-size:15px;background-size:5% 100%}}.app{display:grid;height:100svh}.chat-wrapper{display:grid;font-family:Mukta;margin:0;height:100%;padding:0;text-align:center;transition:.3s;width:calc(100% - 250px);overflow:auto;overflow-x:hidden}.chat-wrapper.expanded{transition:.3s;width:calc(100%)}@media (orientation:portrait){.chat-wrapper{width:100%}}:root{--text-box-pos-bottom:0px}@keyframes spin{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}@keyframes slideDown{0%{bottom:var(--text-box-pos-bottom)}to{bottom:40px}}.fixed-text-box{animation:slideDown 1s ease-in-out both}.btn.loading{position:absolute;display:block;width:35px;height:35px;border-radius:50%;border:3px solid transparent!important;border-top-color:#000!important;animation:spin 1s ease infinite}.btn.loading svg{height:0;width:0}.btn.loading:hover{cursor:default!important}.btn.loading:active,.btn.loading:hover{background-color:rgba(141,169,204,.2)!important}.text-box .audio-input-wrapper{display:inline-block}.text-box .btn-container{border-left:none;border-radius:12px;box-sizing:border-box;display:inline-flex;height:70px;position:relative;width:50px}.text-box .btn,.text-box .btn-container{justify-content:center;align-items:center}.text-box .btn{display:flex;height:40px;position:absolute;transition:.5s;width:40px}.text-box:not(:has(.loading)) .btn{border-radius:10px}.text-box .btn:hover,.text-box .submit-btn{background-color:#f0f0f0}.text-box .btn:hover{cursor:pointer;transition:.2s}.text-box .submit-btn:hover{background-color:#dcdcdc}.text-box .btn:active{background-color:rgba(141,169,204,.2)}.text-box .btn.active{background-color:#2e5dea}.text-box .btn.active svg{color:hsla(0,0%,100%,.8)}.text-box{border:1px solid transparent;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:inline-flex;flex-direction:column;position:relative;padding-right:15px;width:800px;z-index:9;transition:all .3s ease-in-out}.text-box:has(textarea:focus-within){scale:1.02;border:1px solid #3b82f6;box-shadow:0 8px 32px rgba(0,83,255,.15)}.text-box textarea{border:none;border-radius:12px;box-sizing:border-box;color:#01075c;clip-path:inset(0 10px -24px 0);font-size:20px;height:100%;padding:20px 1% 20px 15px;position:relative;resize:none;transition:.3s;overflow:hidden;width:calc(100% - 55px)}.text-box textarea:focus-within{outline:none}.text-input-area{display:inline-flex;flex-direction:row;width:100%;height:70px}.text-input-area .placeholder{color:rgba(0,0,0,.4);display:inline-flex;flex-direction:column;font-size:20px;height:70px;left:0;position:absolute;padding-left:15px;transition:.5s;overflow:hidden;width:calc(100% - 55px)}.text-input-area .placeholder.show-text{cursor:text}.text-input-area .placeholder.show-audio{cursor:default}.text-input-area .placeholder span{align-items:center;display:inline-flex;flex-direction:row;height:70px;position:absolute;transition:.5s}.text-input-area .placeholder #audio{top:70px}.text-input-area .placeholder #text{top:-70px}.text-input-area .placeholder.show-audio #audio,.text-input-area .placeholder.show-text #text{top:0}@media (orientation:portrait){.fixed-text-box{animation:slideDown 1s ease-in-out both}.text-box{width:95vw}.text-box textarea{font-size:15px;padding:15px 10px 15px 15px;width:calc(100% - 37.5px)}.text-input-area{height:50px}.text-input-area .placeholder{font-size:15px;width:calc(100% - 37.5px)}.text-input-area .placeholder,.text-input-area .placeholder span{height:50px}.text-input-area .placeholder #text{top:-50px}.text-input-area .placeholder #audio{top:50px}.text-box .btn-container{width:35px;height:50px}.text-box .btn{background-size:70%;height:25px;width:25px}.loading{height:50%;width:50%}}