@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";
html{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4)),url(https://i.imgur.com/OOX5njV.jpeg)!important;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;image-rendering:-webkit-optimize-contrast;background-attachment:fixed}
body{background:none!important;overflow: hidden;font-family:"Roboto",sans-serif!important;font-weight:400;font-style:normal;text-shadow:3px 3px 2px rgba(0,0,0,1)}
#chat_msg_body > end_of_context_koboldlite_internal > div > div,#topmenu{color:#fff;padding:10px;margin:10px;min-height:70px;box-shadow:5px 4px 6px rgba(0,0,0,0.1);}
.nspopup.flexsize, #chat_msg_body > end_of_context_koboldlite_internal > div > div.you-portrait-image,#chat_msg_body > end_of_context_koboldlite_internal > div > div.AI-portrait-image{padding:0;box-shadow:0 4px 8px rgba(0,0,0,.5)}
#topmenu,.cht_inp_hold .chat_btnmode_chat,#cht_inp_bg,#chat_msg_body > end_of_context_koboldlite_internal > div > div.AI-portrait-image + div,#chat_msg_body > end_of_context_koboldlite_internal > div > div.you-portrait-image + div{border-radius: 16px;box-shadow:0 4px 8px rgba(0,0,0,.5)}
.nspopup.flexsize, #chat_msg_body > end_of_context_koboldlite_internal > div > div.AI-portrait-image + div,#chat_msg_body > end_of_context_koboldlite_internal > div > div.you-portrait-image + div, .nav-item, #btn_settingsclose, #btn_settingsaccept {
background-color:rgba(14, 18, 22,0.8)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius: 16px;}
#topmenu,.cht_inp_hold .chat_btnmode_chat,#cht_inp_bg, .popuptitlebar, .popupfooter {
background-color: rgba(34,47,62,0.8)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius: 16px;}
.cht_inp_hold .chat_btnmode_chat, .chat_msg_send_btn, .chat_msg_cust_btn {transform:translateY(-10px);border-radius:16px;height:5.1vh;width:4.49%;margin-top:8px; right:unset; display: inline-block; position: relative;}
.cht_inp_bg {height:5.1vh;width: 85.42%;box-shadow:0 6px 8px rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
#topmenu{border-radius:16px;margin-top:10px;transform:translateY(12px);box-shadow:0 6px 8px rgba(0,0,0,.5)}
#enhancedchatinterface{background:none}
.chat_mesgs_inner{padding-top:2.4px;padding-bottom:0}
.cht_inp_hold_outer{transform:translateY(-8px);border:none!important;}
.nav-link:hover{background:none}
.nav-item, .btn-primary:hover{outline: none;transition:background-color .3s ease,transform .3s ease}
.nav-item:hover, .btn-primary:hover{border:none!important;background-color:rgba(30,60,90,0.3)!important;transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.2)}
#cht_inp_bg{border:none!important;padding:10px; transform: translateY(-14px); outline: none;}
::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px}
*{scrollbar-color:auto}
::-webkit-scrollbar-thumb{background:rgba(34,47,62,0.8)!important}
::-webkit-scrollbar-track-piece:end{margin-bottom:10px}
.storyimgcenter {display: inline-block;width: 31.3%; margin: 1%}
.storyimgcenter:nth-child(3n+1) {clear: left;}
.lastreq {transform: translateY(-15px); margin-left: 2px;}
.chat_msg_send_btn.mainnav{background-color:rgba(39,174,96,0.8)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.chat_msg_cust_btn.mainnav{background-color:rgba(142,68,173,0.8)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.box.flex-push-right {background:rgba(14, 18, 22,0.8)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius: 16px;}
#actionmenu2 {
  position: absolute; z-index: 1;right:0;margin-right: 15.23vh;margin-top: 6vh;
}
.popuptitlebar, .popupfooter {
  text-align: center;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
 }
 .popuptitletext {
   font-size: 25px;
 }
#settingsmenumedia, #settingsmenuformat, #settingsmenuadvanced, #settingsmenusamplers, .active a {
   background-color: rgba(34,47,62,0.95)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius: 16px; border:none;
 }
.nav.nav-tabs.settingsnav {
   margin-left: 20px;
   font-size: 16px;
   transform: translateY(2px);
 }
.aidgpopuplistheader.settingsbody *, .nav.nav-tabs.settingsnav{border: none;}
.settingsnav > li.active > a {
  color: #fff; font-weight: 800
}
.settingsnav > li > a {
  border-radius: 10px 10px 0 0!important;
  padding: 4px 8px;
  color: #fff;
}
* {
  outline: none;
  border: none;
}
*:focus {
  background-color: none;
}
.form-control {
  margin: 4px 0;
  padding-left: 5px;
  height: 25px;
}
button {
  margin-top: 4px;
  min-height: 25px;
  text-align: center;
}
#btn_settingsclose, #btn_settingsaccept {
  padding: 8px;
}
button.chat_btnmode_chat.mainnav {

}
body.connected .nav-link {
    color: #f2f2f2;
    background-color: #cc0000!important;
}