.chat-bot-box .message.bot > a.advs i, .message.bot > a.advs span{<?php echo $ai_font_family; echo $ai_font_size; echo $ai_color;?>}
.chat-bot-box .message.bot *{font-family: inherit;}
.chat-bot-box .message.user *{font-family: inherit;}
.ai-model-alls{display: flex;align-items: center;}
.ai-model-alls img{width: 20px;margin-right: 5px;}
.span-bars{position: relative;display:inline-block;}
.span-bars ul, .span-bars li{list-style:none;}
.tools-depth1{background: #fff;position:absolute;right:0;top:20px;width:105px;border: 1px solid #ddd;padding: 4px 0;border-radius: 5px;z-index: 10;}
.tools-depth1 > li:last-child{position:relative;}
.tools-depth1 > li > a{display: block;padding: 4px 10px;font-size: 12px;}
.tools-depth1 > li > a:hover{background: #eee;}
.tools-depth2{position:absolute;right:105px;top:0;/*display:none;*/background: #fff;border: 1px solid #ddd;padding: 4px 0;border-radius: 5px;box-sizing:border-box;}
.tools-depth2 label{display: flex;cursor: pointer;padding: 4px 10px;font-size: 12px;white-space: nowrap;}
.tools-depth2 label img{width: 15px;vertical-align: middle;margin-right: 4px;}
.tools-depth2 label:hover{color: #007BFF;background: #eee;}
.tools-depth2 li{position: relative;}
.tools-depth2 li input[type="radio"]{position: absolute;left: 0;top: 0;opacity: 0;}
.tools-depth2 li input[type="radio"]:checked + label {color: #007BFF;}
.no-auth-box{background: #fff8f8;border: 1px solid #ffdede;border-radius: 12px; color: #c0392b;padding: 16px;text-align: center; font-size: 15px;margin:10px;}
.state-loading{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid #fff;border-top:2px solid #999;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}


.font-size-controls {position: absolute;right: 105px;top: 0;width: 140px;background: #fff;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;}
.font-position{top: 55px; z-index: 999;}
.preset-buttons {display: flex;gap: 5px;margin-bottom: 10px;padding-left: 7px;width: 100%;justify-content: space-between;}
.preset-buttons button {padding: 2px 3px;font-size: 12px;}
input[type="range"] {width: 120px;}
.text-to-adjust {font-size: 16px;margin-top: 10px;border: 1px solid #eee;padding: 10px;}
.fontSizeValue{display: none;}