button.chatbot{z-index:888;border:var(--button-border-active);color:var(--button-color-active);background-color:var(--button-bg-active);opacity:1;visibility:visible;border-radius:50%;justify-content:center;align-items:center;padding:15px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:scale(1)}button.chatbot.hidden{opacity:0;visibility:hidden;display:flex;transform:scale(.5)}button.chatbot:hover>svg{color:var(--theme-a)}button.chatbot>svg{width:30px;height:auto}div.chatbot{z-index:999;border-radius:var(--radius);border:var(--border);background-color:var(--chatbot-bg);width:100%;max-width:500px;height:65vh;box-shadow:var(--shadow);transition:all .1 ease-in-out;flex-direction:column;display:flex;position:fixed;bottom:30px;right:30px}div.chatbot.close{opacity:0;pointer-events:none;right:-100%}div.chatbot>div.header{justify-content:space-between;align-items:center;gap:var(--padgap);width:100%;padding:var(--padgap);border-bottom:var(--border);display:flex}div.chatbot>div.header>img{border-radius:var(--radius);background-color:var(--theme-b);width:40px;height:auto;padding:5px}div.chatbot>div.header>div{align-items:center;gap:var(--padgap);display:flex}div.chatbot>div.header>div>button{height:40px;padding:var(--padgap);border-radius:var(--radius);border:var(--button-border);background-color:var(--button-bg);justify-content:center;align-items:center;display:flex}div.chatbot>div.header>div>button:hover{color:var(--button-color-hover);border:var(--button-border-hover);background-color:var(--button-bg-hover)}div.chatbot>div.header>div>button.active{color:var(--button-color-active);border:var(--button-border-active);background-color:var(--button-bg-active)}div.chatbot>div.answers{gap:var(--padgap);width:100%;padding:var(--padgap);flex-direction:column;flex:1;display:flex;overflow:auto}div.chatbot>div.answers>div.answer{padding:var(--padgap);border-radius:var(--radius);border:var(--answers-border);background-color:var(--answers-bg);flex-direction:column;display:flex}div.chatbot>div.answers>div.answer>h2{align-items:center;gap:var(--padgap);display:flex}div.chatbot>div.answers>div.answer>h2>svg{width:20px;height:auto;color:var(--theme-a)}div.chatbot>div.answers>div.answer>h2>img{width:18px;height:auto;color:var(--theme-a);margin-bottom:3px;animation:1s linear infinite loading}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.chatbot>div.answers>div.answer>p{margin-top:8px}div.chatbot>form.question{gap:var(--padgap);width:100%;padding:var(--padgap);border-top:var(--border);flex-direction:column;display:flex}div.chatbot>form.question>textarea{resize:none;width:100%;height:100px;padding:var(--padgap);border-radius:var(--radius);border:var(--textarea-border);background-color:var(--textarea-bg);font-size:14px;line-height:1.5}div.chatbot>form.question>div{justify-content:space-between;align-items:flex-start;gap:var(--padgap);display:flex}div.chatbot>form.question>div>button{height:40px;padding:var(--padgap);border-radius:var(--radius);border:var(--button-border-active);color:var(--button-color-active);background-color:var(--button-bg-active);justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}div.chatbot>form.question>div>button:disabled{cursor:not-allowed;border:var(--button-border);color:var(--button-color);background-color:var(--button-bg)}div.chatbot>form.question>div>span{color:#666;font-size:12px}@media (max-width:768px){div.chatbot{max-width:calc(100% - 30px);bottom:15px;right:15px}}
main{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:500px;height:100vh;margin-inline:auto;padding:30px;display:flex}main>img{background-color:var(--theme-b);border-radius:25px;margin-bottom:15px;padding:15px}main>h1{flex-wrap:nowrap;align-items:center;gap:3px;display:flex}main>h1>svg{width:55px;height:auto;color:var(--theme-a)}main>p,main>small{text-align:center}@media screen and (max-width:768px){main>h1>svg{width:40px;height:auto}main>img{width:70px;height:auto;padding:10px}}
.bubble-container{z-index:-1;pointer-events:none;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bubble{border-radius:25%;animation:4s ease-out forwards expand-and-fade;position:absolute;transform:scale(0)}@keyframes expand-and-fade{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:.5}to{opacity:0;transform:scale(2)rotate(360deg)}}