/* TPL RATIONALE */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
html {
    background: rgb(24, 24, 27)
}
body {
    border: 1px solid rgb(255 255 255 / 18%);
    background: linear-gradient(rgba(var(--cfg_bckg_color), 0.4), rgba(30, 64, 175, 0.1) 50%, rgba(24, 24, 27, 0.2));
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-feature-settings: "kern";
}
button svg {
    fill: rgb(255 255 255 / 75%) !important
}
.answersWrp {
    border-top: 1px solid rgb(255 255 255 / 18%);
    background: rgba(0,0,0,.7)
}
.send span {display: none !important}
.answersWrp form {
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: .5rem
}
.chat .answers {
    padding: 1rem 1.6rem 2.4rem 1.6rem
}
.chat .answers button {
    border: 1px solid #ccc;
    overflow: hidden;
    color: #f2f0f0;
}
.chat .openAns input, .chat .openAns textarea {
    background: transparent;
    border: 0;
    color: #fff;
    padding: 1rem .6rem;
    font-size: 1.6rem;
}
.chat .openAns input::placeholder, .chat .openAns textarea::placeholder {
    color: #fff
}
#floatButts button {
    background: transparent;
    border: 1px solid rgb(255 255 255 / 18%)
}