.chatbox{box-shadow:12px 14px 40px rgb(10 17 26 / 32%);border-radius:10px;width:350px;position:fixed;right:120px;bottom:30px;transition:transform .3s ease-in-out;z-index:9999;transform:scale(0);transform-origin:right bottom}.chatbox.active{transform:scale(1)}.chatbox_heading{background:#ff2d3f;padding:10px 13px;color:#fff;position:relative;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:row;gap:.8rem}.bot_info{flex:1 1}.bot_img{flex:0 0 44px;width:44px}.bot_img>img{width:44px;height:44px;border-radius:50%;background-color:#fff}.bot_info>h5{font-size:1rem;color:#fff;margin:0}.bot_info>p{margin:0;font-size:.75rem;font-weight:300}.closebox{width:30px;height:30px;display:block;border-radius:50px;position:absolute;right:15px;top:15px;background:#ff2d3f;color:#fff;text-align:center;line-height:26px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.closebox:hover{background-color:#fff8f9;color:#ff2d3f}.message_display{width:100%;height:calc(85vh - 130px);max-height:480px;overflow-y:scroll;padding:15px;background:#f7f8fb}.msg_item{display:flex;flex-direction:row;gap:.6rem}.msg_icon{flex:0 0 20px;width:20px}.msg_icon>img{width:20px;height:20px;background-color:#fff;border-radius:50%}.msg{width:fit-content;background-color:#fff;padding:.8rem 1rem;border-radius:1rem;max-width:240px;margin-bottom:1.5rem;position:relative;overflow-wrap:anywhere}.bot_item .msg{box-shadow:7px 8px 30px rgb(22 26 37 / 4%)}.msg p{margin:0;font-size:.9rem;color:#1d2239}.msg_item.user_item{justify-content:flex-end}.user_item .msg{background-color:#ff2d3f;color:#fff}.user_item .msg p{color:inherit}.edit_title{position:absolute;right:100%;color:#ff2d3f;margin-right:5px}.chat_footer{display:flex;background:#fff;padding:10px 15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #e5eaef;flex-direction:row;align-items:center;position:relative}.loading-dots{display:flex;gap:4px;flex-direction:row}.loading-dots>div{width:6px;height:6px;background:#ff2d3f;border-radius:50%;animation:loadingDot 1.2s infinite ease-in-out}@keyframes loadingDot{0%,80%,100%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.message-sending{background:#f0f8ff!important;border-left:4px solid #007cba!important;animation:messageGlow 0.5s ease-in-out}@keyframes messageGlow{0%{transform:translateX(-10px);opacity:.7}100%{transform:translateX(0);opacity:1}}.chat_input{flex:1}.chat_footer input[type="text"],.chat_footer input[type="text"]:disabled{border-radius:0;border:0;color:#1d2239;padding:.6rem .6rem .6rem 0;box-shadow:none!important;background-color:#fff;width:100%}.chat_footer button{border-radius:50%;color:#ff2c35;box-shadow:none!important;border:none;width:2.8rem;height:2.8rem;padding:0;flex:0 0 2.8rem;line-height:2.8rem;background-color:#fff0;transition:background-color .4s ease,color .4s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat_footer button:hover{background-color:#ff2c35;color:#fff}.chat_voice_card{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;background-color:#fff;padding:.6rem 1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.voice_duration{flex:1 1;text-align:center;padding:0 1rem}.mascot_icon{position:fixed;right:10px;bottom:0;z-index:9999;cursor:pointer}.mascot_icon img{width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.advisor_title{font-size:14px;background:#fff;color:#212934;text-align:center;padding:8px 15px;border-radius:10px;box-shadow:-10px 10px 40px rgb(11 15 22 / 12%);position:absolute;right:100%;top:50%;width:9rem;height:36px;margin-top:-18px;transform-origin:right center;transition:transform .3s ease}.advisor_title.hide{transform:scale(0)}.msg .plyr__controls{background-color:unset;padding:0}.msg .plyr__controls .plyr__control{background-color:unset;width:2rem;height:2rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.user_item .msg .plyr__controls .plyr__control:hover{background-color:rgb(0 0 0 / 15%)}.user_item .msg .plyr__controls .plyr__control,.user_item .msg .plyr__controls .plyr__controls__item.plyr__time{color:#fff}.bot_item .plyr__controls{margin-bottom:1rem;background-color:#f5f5f5;padding:.6rem;border-radius:2rem}.bot_item .msg .plyr__controls .plyr__control:hover{background-color:#ff2d3f;color:#fff}@media screen and (max-width:480px){.chatbox{right:18px;width:300px}}