/*!
 * Converse.js (Web-based XMPP instant messaging client)
 * https://conversejs.org
 *
 * Copyright (c) 2013-2021, JC Brand <jc@opkode.com>
 * Licensed under the Mozilla Public License
 */
@font-face {
    font-family: "sfbld";
    src: url("https://skydevs.me/fonts/sfbld.otf");
}
@font-face {
    font-family: "sfnormal";
    src: url("https://skydevs.me/fonts/sfnormal.otf");
}
@font-face {
    font-family: "varound";
    src: url("Varela_Round/VarelaRound-Regular.ttf");
}
:root,[data-bs-theme=light] {
    --converse-blue: #0d6efd;
    --converse-indigo: #6610f2;
    --converse-purple: #6f42c1;
    --converse-pink: #d63384;
    --converse-red: #dc3545;
    --converse-orange: #fd7e14;
    --converse-yellow: #ffc107;
    --converse-green: #198754;
    --converse-teal: #20c997;
    --converse-cyan: #0dcaf0;
    --converse-black: #000;
    --converse-white: #fff;
    --converse-gray: #6c757d;
    --converse-gray-dark: #343a40;
    --converse-gray-100: #f8f9fa;
    --converse-gray-200: #e9ecef;
    --converse-gray-300: #dee2e6;
    --converse-gray-400: #ced4da;
    --converse-gray-500: #adb5bd;
    --converse-gray-600: #6c757d;
    --converse-gray-700: #495057;
    --converse-gray-800: #343a40;
    --converse-gray-900: #212529;
    --converse-primary: #0d6efd;
    --converse-secondary: #6c757d;
    --converse-success: #198754;
    --converse-info: #0dcaf0;
    --converse-warning: #ffc107;
    --converse-danger: #dc3545;
    --converse-light: #f8f9fa;
    --converse-dark: #212529;
    --converse-primary-rgb: 13,110,253;
    --converse-secondary-rgb: 108,117,125;
    --converse-success-rgb: 25,135,84;
    --converse-info-rgb: 13,202,240;
    --converse-warning-rgb: 255,193,7;
    --converse-danger-rgb: 220,53,69;
    --converse-light-rgb: 248,249,250;
    --converse-dark-rgb: 33,37,41;
    --converse-primary-text-emphasis: #052c65;
    --converse-secondary-text-emphasis: #2b2f32;
    --converse-success-text-emphasis: #0a3622;
    --converse-info-text-emphasis: #055160;
    --converse-warning-text-emphasis: #664d03;
    --converse-danger-text-emphasis: #58151c;
    --converse-light-text-emphasis: #495057;
    --converse-dark-text-emphasis: #495057;
    --converse-primary-bg-subtle: #cfe2ff;
    --converse-secondary-bg-subtle: #e2e3e5;
    --converse-success-bg-subtle: #d1e7dd;
    --converse-info-bg-subtle: #cff4fc;
    --converse-warning-bg-subtle: #fff3cd;
    --converse-danger-bg-subtle: #f8d7da;
    --converse-light-bg-subtle: #fcfcfd;
    --converse-dark-bg-subtle: #ced4da;
    --converse-primary-border-subtle: #9ec5fe;
    --converse-secondary-border-subtle: #c4c8cb;
    --converse-success-border-subtle: #a3cfbb;
    --converse-info-border-subtle: #9eeaf9;
    --converse-warning-border-subtle: #ffe69c;
    --converse-danger-border-subtle: #f1aeb5;
    --converse-light-border-subtle: #e9ecef;
    --converse-dark-border-subtle: #adb5bd;
    --converse-white-rgb: 255,255,255;
    --converse-black-rgb: 0,0,0;
    --converse-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --converse-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --converse-gradient: linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0));
    --converse-body-font-family: "sfnormal";
    --converse-body-font-size: 1rem;
    --converse-body-font-weight: 400;
    --converse-body-line-height: 1.5;
    --converse-body-color: #362E29;
    --converse-body-color-rgb: 33,37,41;
    --converse-body-bg: #362E29;
    --converse-body-bg-rgb: 255,255,255;
    --converse-emphasis-color: #000;
    --converse-emphasis-color-rgb: 0,0,0;
    --converse-secondary-color: rgba(33,37,41,.75);
    --converse-secondary-color-rgb: 33,37,41;
    --converse-secondary-bg: #e9ecef;
    --converse-secondary-bg-rgb: 233,236,239;
    --converse-tertiary-color: rgba(33,37,41,.5);
    --converse-tertiary-color-rgb: 33,37,41;
    --converse-tertiary-bg: #f8f9fa;
    --converse-tertiary-bg-rgb: 248,249,250;
    --converse-heading-color: inherit;
    --converse-link-color: #0d6efd;
    --converse-link-color-rgb: 13,110,253;
    --converse-link-decoration: underline;
    --converse-link-hover-color: #0a58ca;
    --converse-link-hover-color-rgb: 10,88,202;
    --converse-code-color: #d63384;
    --converse-highlight-color: #212529;
    --converse-highlight-bg: #fff3cd;
    --converse-border-width: 1px;
    --converse-border-style: solid;
    --converse-border-color: #dee2e6;
    --converse-border-color-translucent: rgba(0,0,0,.176);
    --converse-border-radius: 29px;
    --converse-border-radius-sm: 8px;
    --converse-border-radius-lg: 24px;
    --converse-border-radius-xl: 32px;
    --converse-border-radius-xxl: 29px;
    --converse-border-radius-2xl: var(--converse-border-radius-xxl);
    --converse-border-radius-pill: 29px;
    --converse-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --converse-box-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
    --converse-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.176);
    --converse-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
    --converse-focus-ring-width: .25rem;
    --converse-focus-ring-opacity: .25;
    --converse-focus-ring-color: rgba(13,110,253,.25);
    --converse-form-valid-color: #198754;
    --converse-form-valid-border-color: #198754;
    --converse-form-invalid-color: #dc3545;
    --converse-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
    --lightningcss-light: ;--lightningcss-dark:initial;
    color-scheme: dark;
    --converse-body-color: #dee2e6;
    --converse-body-color-rgb: 222,226,230;
    --converse-body-bg: #212529;
    --converse-body-bg-rgb: 33,37,41;
    --converse-emphasis-color: #fff;
    --converse-emphasis-color-rgb: 255,255,255;
    --converse-secondary-color: rgba(222,226,230,.75);
    --converse-secondary-color-rgb: 222,226,230;
    --converse-secondary-bg: #343a40;
    --converse-secondary-bg-rgb: 52,58,64;
    --converse-tertiary-color: rgba(222,226,230,.5);
    --converse-tertiary-color-rgb: 222,226,230;
    --converse-tertiary-bg: #2b3035;
    --converse-tertiary-bg-rgb: 43,48,53;
    --converse-primary-text-emphasis: #6ea8fe;
    --converse-secondary-text-emphasis: #a7acb1;
    --converse-success-text-emphasis: #75b798;
    --converse-info-text-emphasis: #6edff6;
    --converse-warning-text-emphasis: #ffda6a;
    --converse-danger-text-emphasis: #ea868f;
    --converse-light-text-emphasis: #f8f9fa;
    --converse-dark-text-emphasis: #dee2e6;
    --converse-primary-bg-subtle: #031633;
    --converse-secondary-bg-subtle: #161719;
    --converse-success-bg-subtle: #051b11;
    --converse-info-bg-subtle: #032830;
    --converse-warning-bg-subtle: #332701;
    --converse-danger-bg-subtle: #2c0b0e;
    --converse-light-bg-subtle: #343a40;
    --converse-dark-bg-subtle: #1a1d20;
    --converse-primary-border-subtle: #084298;
    --converse-secondary-border-subtle: #41464b;
    --converse-success-border-subtle: #0f5132;
    --converse-info-border-subtle: #087990;
    --converse-warning-border-subtle: #997404;
    --converse-danger-border-subtle: #842029;
    --converse-light-border-subtle: #495057;
    --converse-dark-border-subtle: #343a40;
    --converse-heading-color: inherit;
    --converse-link-color: #6ea8fe;
    --converse-link-hover-color: #8bb9fe;
    --converse-link-color-rgb: 110,168,254;
    --converse-link-hover-color-rgb: 139,185,254;
    --converse-code-color: #e685b5;
    --converse-highlight-color: #dee2e6;
    --converse-highlight-bg: #664d03;
    --converse-border-color: #495057;
    --converse-border-color-translucent: rgba(255,255,255,.15);
    --converse-form-valid-color: #75b798;
    --converse-form-valid-border-color: #75b798;
    --converse-form-invalid-color: #ea868f;
    --converse-form-invalid-border-color: #ea868f;
}

.conversejs *,.conversejs :before,.conversejs :after,converse-bg *,converse-bg :before,converse-bg :after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion:no-preference) {
    .conversejs :root,converse-bg :root {
        scroll-behavior: smooth;
    }
}

.conversejs body,converse-bg body {
    font-family: var(--converse-body-font-family);
    font-size: var(--converse-body-font-size);
    font-weight: var(--converse-body-font-weight);
    line-height: var(--converse-body-line-height);
    color: var(--converse-body-color);
    text-align: var(--converse-body-text-align);
    background-color: var(--converse-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
}

.conversejs hr,converse-bg hr {
    color: inherit;
    border: 0;
    border-top: var(--converse-border-width)solid;
    opacity: .25;
    margin: 1rem 0;
}

.conversejs h6,.conversejs .h6,.conversejs h5,.conversejs .h5,.conversejs h4,.conversejs .h4,.conversejs h3,.conversejs .h3,.conversejs h2,.conversejs .h2,.conversejs h1,.conversejs .h1,converse-bg h6,converse-bg .h6,converse-bg h5,converse-bg .h5,converse-bg h4,converse-bg .h4,converse-bg h3,converse-bg .h3,converse-bg h2,converse-bg .h2,converse-bg h1,converse-bg .h1 {
    color: var(--converse-heading-color);
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.conversejs h1,.conversejs .h1,converse-bg h1,converse-bg .h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width:1200px) {
    .conversejs h1,.conversejs .h1,converse-bg h1,converse-bg .h1 {
        font-size: 2.5rem;
    }
}

.conversejs h2,.conversejs .h2,converse-bg h2,converse-bg .h2 {
    font-size: calc(1.325rem + .9vw);
}

@media (min-width:1200px) {
    .conversejs h2,.conversejs .h2,converse-bg h2,converse-bg .h2 {
        font-size: 2rem;
    }
}

.conversejs h3,.conversejs .h3,converse-bg h3,converse-bg .h3 {
    font-size: calc(1.3rem + .6vw);
}

@media (min-width:1200px) {
    .conversejs h3,.conversejs .h3,converse-bg h3,converse-bg .h3 {
        font-size: 1.75rem;
    }
}

.conversejs h4,.conversejs .h4,converse-bg h4,converse-bg .h4 {
    font-size: calc(1.275rem + .3vw);
}

@media (min-width:1200px) {
    .conversejs h4,.conversejs .h4,converse-bg h4,converse-bg .h4 {
        font-size: 1.5rem;
    }
}

.conversejs h5,.conversejs .h5,converse-bg h5,converse-bg .h5 {
    font-size: 1.25rem;
}

.conversejs h6,.conversejs .h6,converse-bg h6,converse-bg .h6 {
    font-size: 1rem;
}

.conversejs p,converse-bg p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.conversejs abbr[title],converse-bg abbr[title] {
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

.conversejs address,converse-bg address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem;
}

.conversejs ol,.conversejs ul,converse-bg ol,converse-bg ul {
    padding-left: 2rem;
}

.conversejs ol,.conversejs ul,.conversejs dl,converse-bg ol,converse-bg ul,converse-bg dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

.conversejs ol ol,.conversejs ul ul,.conversejs ol ul,.conversejs ul ol,converse-bg ol ol,converse-bg ul ul,converse-bg ol ul,converse-bg ul ol {
    margin-bottom: 0;
}

.conversejs dt,converse-bg dt {
    font-weight: 700;
}

.conversejs dd,converse-bg dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

.conversejs blockquote,converse-bg blockquote {
    margin: 0 0 1rem;
}

.conversejs b,.conversejs strong,converse-bg b,converse-bg strong {
    font-weight: bolder;
}

.conversejs small,.conversejs .small,converse-bg small,converse-bg .small {
    font-size: .875em;
}

.conversejs mark,.conversejs .mark,converse-bg mark,converse-bg .mark {
    color: var(--converse-highlight-color);
    background-color: var(--converse-highlight-bg);
    padding: .1875em;
}

.conversejs sub,.conversejs sup,converse-bg sub,converse-bg sup {
    vertical-align: baseline;
    font-size: .75em;
    line-height: 0;
    position: relative;
}

.conversejs sub,converse-bg sub {
    bottom: -.25em;
}

.conversejs sup,converse-bg sup {
    top: -.5em;
}

.conversejs a,converse-bg a {
    color: rgba(var(--converse-link-color-rgb),var(--converse-link-opacity,1));
    text-decoration: underline;
}

.conversejs a:hover,converse-bg a:hover {
    --converse-link-color-rgb: var(--converse-link-hover-color-rgb);
}

.conversejs a:not([href]):not([class]),.conversejs a:not([href]):not([class]):hover,converse-bg a:not([href]):not([class]),converse-bg a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

.conversejs pre,.conversejs code,.conversejs kbd,.conversejs samp,converse-bg pre,converse-bg code,converse-bg kbd,converse-bg samp {
    font-family: var(--converse-font-monospace);
    font-size: 1em;
}

.conversejs pre,converse-bg pre {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: .875em;
    display: block;
    overflow: auto;
}

.conversejs pre code,converse-bg pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.conversejs code,converse-bg code {
    color: var(--converse-code-color);
    word-wrap: break-word;
    font-size: .875em;
}

a>.conversejs code,a>converse-bg code {
    color: inherit;
}

.conversejs kbd,converse-bg kbd {
    color: var(--converse-body-bg);
    background-color: var(--converse-body-color);
    border-radius: .25rem;
    padding: .1875rem .375rem;
    font-size: .875em;
}

.conversejs kbd kbd,converse-bg kbd kbd {
    padding: 0;
    font-size: 1em;
}

.conversejs figure,converse-bg figure {
    margin: 0 0 1rem;
}

.conversejs img,.conversejs svg,converse-bg img,converse-bg svg {
    vertical-align: middle;
}

.conversejs table,converse-bg table {
    caption-side: bottom;
    border-collapse: collapse;
}

.conversejs caption,converse-bg caption {
    color: var(--converse-secondary-color);
    text-align: left;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.conversejs th,converse-bg th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

.conversejs thead,.conversejs tbody,.conversejs tfoot,.conversejs tr,.conversejs td,.conversejs th,converse-bg thead,converse-bg tbody,converse-bg tfoot,converse-bg tr,converse-bg td,converse-bg th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.conversejs label,converse-bg label {
    display: inline-block;
}

.conversejs button,converse-bg button {
    border-radius: 0;
}

.conversejs button:focus:not(:focus-visible) {
    outline: 0;
}

converse-bg button:focus:not(:focus-visible) {
    outline: 0;
}

.conversejs input,.conversejs button,.conversejs select,.conversejs optgroup,.conversejs textarea,converse-bg input,converse-bg button,converse-bg select,converse-bg optgroup,converse-bg textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

.conversejs button,.conversejs select,converse-bg button,converse-bg select {
    text-transform: none;
}

.conversejs [role=button],converse-bg [role=button] {
    cursor: pointer;
}

.conversejs select,converse-bg select {
    word-wrap: normal;
}

.conversejs select:disabled,converse-bg select:disabled {
    opacity: 1;
}

.conversejs [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important;
}

converse-bg [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important;
}

.conversejs button,converse-bg button {
    -webkit-appearance: button;
}

.conversejs [type=button] {
    -webkit-appearance: button;
}

.conversejs [type=reset] {
    -webkit-appearance: button;
}

.conversejs [type=submit] {
    -webkit-appearance: button;
}

converse-bg [type=button] {
    -webkit-appearance: button;
}

converse-bg [type=reset] {
    -webkit-appearance: button;
}

converse-bg [type=submit] {
    -webkit-appearance: button;
}

.conversejs button:not(:disabled),converse-bg button:not(:disabled) {
    cursor: pointer;
}

.conversejs [type=button]:not(:disabled) {
    cursor: pointer;
}

.conversejs [type=reset]:not(:disabled) {
    cursor: pointer;
}

.conversejs [type=submit]:not(:disabled) {
    cursor: pointer;
}

converse-bg [type=button]:not(:disabled) {
    cursor: pointer;
}

converse-bg [type=reset]:not(:disabled) {
    cursor: pointer;
}

converse-bg [type=submit]:not(:disabled) {
    cursor: pointer;
}

.conversejs ::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

converse-bg ::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

.conversejs textarea,converse-bg textarea {
    resize: vertical;
}

.conversejs fieldset,converse-bg fieldset {
    border: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.conversejs legend,converse-bg legend {
    float: left;
    width: 100%;
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    font-size: calc(1.275rem + .3vw);
}

@media (min-width:1200px) {
    .conversejs legend,converse-bg legend {
        font-size: 1.5rem;
    }
}

.conversejs legend+*,converse-bg legend+* {
    clear: left;
}

.conversejs ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

.conversejs ::-webkit-datetime-edit-text {
    padding: 0;
}

.conversejs ::-webkit-datetime-edit-minute {
    padding: 0;
}

.conversejs ::-webkit-datetime-edit-hour-field {
    padding: 0;
}

.conversejs ::-webkit-datetime-edit-day-field {
    padding: 0;
}

.conversejs ::-webkit-datetime-edit-month-field {
    padding: 0;
}

.conversejs ::-webkit-datetime-edit-year-field {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-text {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-minute {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-hour-field {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-day-field {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-month-field {
    padding: 0;
}

converse-bg ::-webkit-datetime-edit-year-field {
    padding: 0;
}

.conversejs ::-webkit-inner-spin-button {
    height: auto;
}

converse-bg ::-webkit-inner-spin-button {
    height: auto;
}

.conversejs [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

converse-bg [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

.conversejs [type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    -webkit-filter: grayscale();
    filter: grayscale();
}

converse-bg [type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    -webkit-filter: grayscale();
    filter: grayscale();
}

.conversejs ::-webkit-search-decoration {
    -webkit-appearance: none;
}

converse-bg ::-webkit-search-decoration {
    -webkit-appearance: none;
}

.conversejs ::-webkit-color-swatch-wrapper {
    padding: 0;
}

converse-bg ::-webkit-color-swatch-wrapper {
    padding: 0;
}

.conversejs ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

.conversejs ::-ms-browse {
    font: inherit;
    -webkit-appearance: button;
}

.conversejs ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}

converse-bg ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

converse-bg ::-ms-browse {
    font: inherit;
    -webkit-appearance: button;
}

converse-bg ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}

.conversejs output,converse-bg output {
    display: inline-block;
}

.conversejs iframe,converse-bg iframe {
    border: 0;
}

.conversejs summary,converse-bg summary {
    cursor: pointer;
    display: list-item;
}

.conversejs progress,converse-bg progress {
    vertical-align: baseline;
}

.conversejs [hidden],converse-bg [hidden] {
    display: none!important;
}

.conversejs .lead,converse-bg .lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.conversejs .display-1,converse-bg .display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .conversejs .display-1,converse-bg .display-1 {
        font-size: 5rem;
    }
}

.conversejs .display-2,converse-bg .display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .conversejs .display-2,converse-bg .display-2 {
        font-size: 4.5rem;
    }
}

.conversejs .display-3,converse-bg .display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .conversejs .display-3,converse-bg .display-3 {
        font-size: 4rem;
    }
}

.conversejs .display-4,converse-bg .display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .conversejs .display-4,converse-bg .display-4 {
        font-size: 3.5rem;
    }
}

.conversejs .display-5,converse-bg .display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .conversejs .display-5,converse-bg .display-5 {
        font-size: 3rem;
    }
}

.conversejs .display-6,converse-bg .display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .conversejs .display-6,converse-bg .display-6 {
        font-size: 2.5rem;
    }
}

.conversejs .list-unstyled,converse-bg .list-unstyled,.conversejs .list-inline,converse-bg .list-inline {
    padding-left: 0;
    list-style: none;
}

.conversejs .list-inline-item,converse-bg .list-inline-item {
    display: inline-block;
}

.conversejs .list-inline-item:not(:last-child),converse-bg .list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.conversejs .initialism,converse-bg .initialism {
    text-transform: uppercase;
    font-size: .875em;
}

.conversejs .blockquote,converse-bg .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.conversejs .blockquote>:last-child,converse-bg .blockquote>:last-child {
    margin-bottom: 0;
}

.conversejs .blockquote-footer,converse-bg .blockquote-footer {
    color: #6c757d;
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
}

.conversejs .blockquote-footer:before,converse-bg .blockquote-footer:before {
    content: "— ";
}

.conversejs .img-fluid,converse-bg .img-fluid {
    max-width: 100%;
    height: auto;
}

.conversejs .img-thumbnail,converse-bg .img-thumbnail {
    background-color: var(--converse-body-bg);
    border: var(--converse-border-width)solid var(--converse-border-color);
    border-radius: var(--converse-border-radius);
    max-width: 100%;
    height: auto;
    padding: .25rem;
}

.conversejs .figure,converse-bg .figure {
    display: inline-block;
}

.conversejs .figure-img,converse-bg .figure-img {
    margin-bottom: .5rem;
    line-height: 1;
}

.conversejs .figure-caption,converse-bg .figure-caption {
    color: var(--converse-secondary-color);
    font-size: .875em;
}

.conversejs .container,.conversejs .container-fluid,.conversejs .container-xxl,.conversejs .container-xl,.conversejs .container-lg,.conversejs .container-md,.conversejs .container-sm,converse-bg .container,converse-bg .container-fluid,converse-bg .container-xxl,converse-bg .container-xl,converse-bg .container-lg,converse-bg .container-md,converse-bg .container-sm {
    --converse-gutter-x: 1.5rem;
    --converse-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--converse-gutter-x)*.5);
    padding-left: calc(var(--converse-gutter-x)*.5);
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:576px) {
    .conversejs .container-sm,.conversejs .container,converse-bg .container-sm,converse-bg .container {
        max-width: 540px;
    }
}

@media (min-width:768px) {
    .conversejs .container-md,.conversejs .container-sm,.conversejs .container,converse-bg .container-md,converse-bg .container-sm,converse-bg .container {
        max-width: 720px;
    }
}

@media (min-width:992px) {
    .conversejs .container-lg,.conversejs .container-md,.conversejs .container-sm,.conversejs .container,converse-bg .container-lg,converse-bg .container-md,converse-bg .container-sm,converse-bg .container {
        max-width: 960px;
    }
}

@media (min-width:1200px) {
    .conversejs .container-xl,.conversejs .container-lg,.conversejs .container-md,.conversejs .container-sm,.conversejs .container,converse-bg .container-xl,converse-bg .container-lg,converse-bg .container-md,converse-bg .container-sm,converse-bg .container {
        max-width: 1140px;
    }
}

@media (min-width:1400px) {
    .conversejs .container-xxl,.conversejs .container-xl,.conversejs .container-lg,.conversejs .container-md,.conversejs .container-sm,.conversejs .container,converse-bg .container-xxl,converse-bg .container-xl,converse-bg .container-lg,converse-bg .container-md,converse-bg .container-sm,converse-bg .container {
        max-width: 1320px;
    }
}

.conversejs :root,converse-bg :root {
    --converse-breakpoint-xs: 0;
    --converse-breakpoint-sm: 576px;
    --converse-breakpoint-md: 768px;
    --converse-breakpoint-lg: 992px;
    --converse-breakpoint-xl: 1200px;
    --converse-breakpoint-xxl: 1400px;
}

.conversejs .row,converse-bg .row {
    --converse-gutter-x: 1.5rem;
    --converse-gutter-y: 0;
    margin-top: calc(-1*var(--converse-gutter-y));
    margin-right: calc(-.5*var(--converse-gutter-x));
    margin-left: calc(-.5*var(--converse-gutter-x));
    flex-wrap: wrap;
    display: flex;
}

.conversejs .row>*,converse-bg .row>* {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--converse-gutter-x)*.5);
    padding-left: calc(var(--converse-gutter-x)*.5);
    margin-top: var(--converse-gutter-y);
    flex-shrink: 0;
}

.conversejs .col,converse-bg .col {
    flex: 1 0 0;
}

.conversejs .row-cols-auto>*,converse-bg .row-cols-auto>* {
    flex: none;
    width: auto;
}

.conversejs .row-cols-1>*,converse-bg .row-cols-1>* {
    flex: none;
    width: 100%;
}

.conversejs .row-cols-2>*,converse-bg .row-cols-2>* {
    flex: none;
    width: 50%;
}

.conversejs .row-cols-3>*,converse-bg .row-cols-3>* {
    flex: none;
    width: 33.3333%;
}

.conversejs .row-cols-4>*,converse-bg .row-cols-4>* {
    flex: none;
    width: 25%;
}

.conversejs .row-cols-5>*,converse-bg .row-cols-5>* {
    flex: none;
    width: 20%;
}

.conversejs .row-cols-6>*,converse-bg .row-cols-6>* {
    flex: none;
    width: 16.6667%;
}

.conversejs .col-auto,converse-bg .col-auto {
    flex: none;
    width: auto;
}

.conversejs .col-1,converse-bg .col-1 {
    flex: none;
    width: 8.33333%;
}

.conversejs .col-2,converse-bg .col-2 {
    flex: none;
    width: 16.6667%;
}

.conversejs .col-3,converse-bg .col-3 {
    flex: none;
    width: 25%;
}

.conversejs .col-4,converse-bg .col-4 {
    flex: none;
    width: 33.3333%;
}

.conversejs .col-5,converse-bg .col-5 {
    flex: none;
    width: 41.6667%;
}

.conversejs .col-6,converse-bg .col-6 {
    flex: none;
    width: 50%;
}

.conversejs .col-7,converse-bg .col-7 {
    flex: none;
    width: 58.3333%;
}

.conversejs .col-8,converse-bg .col-8 {
    flex: none;
    width: 66.6667%;
}

.conversejs .col-9,converse-bg .col-9 {
    flex: none;
    width: 75%;
}

.conversejs .col-10,converse-bg .col-10 {
    flex: none;
    width: 83.3333%;
}

.conversejs .col-11,converse-bg .col-11 {
    flex: none;
    width: 91.6667%;
}

.conversejs .col-12,converse-bg .col-12 {
    flex: none;
    width: 100%;
}

.conversejs .offset-1,converse-bg .offset-1 {
    margin-left: 8.33333%;
}

.conversejs .offset-2,converse-bg .offset-2 {
    margin-left: 16.6667%;
}

.conversejs .offset-3,converse-bg .offset-3 {
    margin-left: 25%;
}

.conversejs .offset-4,converse-bg .offset-4 {
    margin-left: 33.3333%;
}

.conversejs .offset-5,converse-bg .offset-5 {
    margin-left: 41.6667%;
}

.conversejs .offset-6,converse-bg .offset-6 {
    margin-left: 50%;
}

.conversejs .offset-7,converse-bg .offset-7 {
    margin-left: 58.3333%;
}

.conversejs .offset-8,converse-bg .offset-8 {
    margin-left: 66.6667%;
}

.conversejs .offset-9,converse-bg .offset-9 {
    margin-left: 75%;
}

.conversejs .offset-10,converse-bg .offset-10 {
    margin-left: 83.3333%;
}

.conversejs .offset-11,converse-bg .offset-11 {
    margin-left: 91.6667%;
}

.conversejs .g-0,.conversejs .gx-0,converse-bg .g-0,converse-bg .gx-0 {
    --converse-gutter-x: 0;
}

.conversejs .g-0,.conversejs .gy-0,converse-bg .g-0,converse-bg .gy-0 {
    --converse-gutter-y: 0;
}

.conversejs .g-1,.conversejs .gx-1,converse-bg .g-1,converse-bg .gx-1 {
    --converse-gutter-x: .25rem;
}

.conversejs .g-1,.conversejs .gy-1,converse-bg .g-1,converse-bg .gy-1 {
    --converse-gutter-y: .25rem;
}

.conversejs .g-2,.conversejs .gx-2,converse-bg .g-2,converse-bg .gx-2 {
    --converse-gutter-x: .5rem;
}

.conversejs .g-2,.conversejs .gy-2,converse-bg .g-2,converse-bg .gy-2 {
    --converse-gutter-y: .5rem;
}

.conversejs .g-3,.conversejs .gx-3,converse-bg .g-3,converse-bg .gx-3 {
    --converse-gutter-x: 1rem;
}

.conversejs .g-3,.conversejs .gy-3,converse-bg .g-3,converse-bg .gy-3 {
    --converse-gutter-y: 1rem;
}

.conversejs .g-4,.conversejs .gx-4,converse-bg .g-4,converse-bg .gx-4 {
    --converse-gutter-x: 1.5rem;
}

.conversejs .g-4,.conversejs .gy-4,converse-bg .g-4,converse-bg .gy-4 {
    --converse-gutter-y: 1.5rem;
}

.conversejs .g-5,.conversejs .gx-5,converse-bg .g-5,converse-bg .gx-5 {
    --converse-gutter-x: 3rem;
}

.conversejs .g-5,.conversejs .gy-5,converse-bg .g-5,converse-bg .gy-5 {
    --converse-gutter-y: 3rem;
}

@media (min-width:576px) {
    .conversejs .col-sm,converse-bg .col-sm {
        flex: 1 0 0;
    }

    .conversejs .row-cols-sm-auto>*,converse-bg .row-cols-sm-auto>* {
        flex: none;
        width: auto;
    }

    .conversejs .row-cols-sm-1>*,converse-bg .row-cols-sm-1>* {
        flex: none;
        width: 100%;
    }

    .conversejs .row-cols-sm-2>*,converse-bg .row-cols-sm-2>* {
        flex: none;
        width: 50%;
    }

    .conversejs .row-cols-sm-3>*,converse-bg .row-cols-sm-3>* {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .row-cols-sm-4>*,converse-bg .row-cols-sm-4>* {
        flex: none;
        width: 25%;
    }

    .conversejs .row-cols-sm-5>*,converse-bg .row-cols-sm-5>* {
        flex: none;
        width: 20%;
    }

    .conversejs .row-cols-sm-6>*,converse-bg .row-cols-sm-6>* {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-sm-auto,converse-bg .col-sm-auto {
        flex: none;
        width: auto;
    }

    .conversejs .col-sm-1,converse-bg .col-sm-1 {
        flex: none;
        width: 8.33333%;
    }

    .conversejs .col-sm-2,converse-bg .col-sm-2 {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-sm-3,converse-bg .col-sm-3 {
        flex: none;
        width: 25%;
    }

    .conversejs .col-sm-4,converse-bg .col-sm-4 {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .col-sm-5,converse-bg .col-sm-5 {
        flex: none;
        width: 41.6667%;
    }

    .conversejs .col-sm-6,converse-bg .col-sm-6 {
        flex: none;
        width: 50%;
    }

    .conversejs .col-sm-7,converse-bg .col-sm-7 {
        flex: none;
        width: 58.3333%;
    }

    .conversejs .col-sm-8,converse-bg .col-sm-8 {
        flex: none;
        width: 66.6667%;
    }

    .conversejs .col-sm-9,converse-bg .col-sm-9 {
        flex: none;
        width: 75%;
    }

    .conversejs .col-sm-10,converse-bg .col-sm-10 {
        flex: none;
        width: 83.3333%;
    }

    .conversejs .col-sm-11,converse-bg .col-sm-11 {
        flex: none;
        width: 91.6667%;
    }

    .conversejs .col-sm-12,converse-bg .col-sm-12 {
        flex: none;
        width: 100%;
    }

    .conversejs .offset-sm-0,converse-bg .offset-sm-0 {
        margin-left: 0;
    }

    .conversejs .offset-sm-1,converse-bg .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .conversejs .offset-sm-2,converse-bg .offset-sm-2 {
        margin-left: 16.6667%;
    }

    .conversejs .offset-sm-3,converse-bg .offset-sm-3 {
        margin-left: 25%;
    }

    .conversejs .offset-sm-4,converse-bg .offset-sm-4 {
        margin-left: 33.3333%;
    }

    .conversejs .offset-sm-5,converse-bg .offset-sm-5 {
        margin-left: 41.6667%;
    }

    .conversejs .offset-sm-6,converse-bg .offset-sm-6 {
        margin-left: 50%;
    }

    .conversejs .offset-sm-7,converse-bg .offset-sm-7 {
        margin-left: 58.3333%;
    }

    .conversejs .offset-sm-8,converse-bg .offset-sm-8 {
        margin-left: 66.6667%;
    }

    .conversejs .offset-sm-9,converse-bg .offset-sm-9 {
        margin-left: 75%;
    }

    .conversejs .offset-sm-10,converse-bg .offset-sm-10 {
        margin-left: 83.3333%;
    }

    .conversejs .offset-sm-11,converse-bg .offset-sm-11 {
        margin-left: 91.6667%;
    }

    .conversejs .g-sm-0,.conversejs .gx-sm-0,converse-bg .g-sm-0,converse-bg .gx-sm-0 {
        --converse-gutter-x: 0;
    }

    .conversejs .g-sm-0,.conversejs .gy-sm-0,converse-bg .g-sm-0,converse-bg .gy-sm-0 {
        --converse-gutter-y: 0;
    }

    .conversejs .g-sm-1,.conversejs .gx-sm-1,converse-bg .g-sm-1,converse-bg .gx-sm-1 {
        --converse-gutter-x: .25rem;
    }

    .conversejs .g-sm-1,.conversejs .gy-sm-1,converse-bg .g-sm-1,converse-bg .gy-sm-1 {
        --converse-gutter-y: .25rem;
    }

    .conversejs .g-sm-2,.conversejs .gx-sm-2,converse-bg .g-sm-2,converse-bg .gx-sm-2 {
        --converse-gutter-x: .5rem;
    }

    .conversejs .g-sm-2,.conversejs .gy-sm-2,converse-bg .g-sm-2,converse-bg .gy-sm-2 {
        --converse-gutter-y: .5rem;
    }

    .conversejs .g-sm-3,.conversejs .gx-sm-3,converse-bg .g-sm-3,converse-bg .gx-sm-3 {
        --converse-gutter-x: 1rem;
    }

    .conversejs .g-sm-3,.conversejs .gy-sm-3,converse-bg .g-sm-3,converse-bg .gy-sm-3 {
        --converse-gutter-y: 1rem;
    }

    .conversejs .g-sm-4,.conversejs .gx-sm-4,converse-bg .g-sm-4,converse-bg .gx-sm-4 {
        --converse-gutter-x: 1.5rem;
    }

    .conversejs .g-sm-4,.conversejs .gy-sm-4,converse-bg .g-sm-4,converse-bg .gy-sm-4 {
        --converse-gutter-y: 1.5rem;
    }

    .conversejs .g-sm-5,.conversejs .gx-sm-5,converse-bg .g-sm-5,converse-bg .gx-sm-5 {
        --converse-gutter-x: 3rem;
    }

    .conversejs .g-sm-5,.conversejs .gy-sm-5,converse-bg .g-sm-5,converse-bg .gy-sm-5 {
        --converse-gutter-y: 3rem;
    }
}

@media (min-width:768px) {
    .conversejs .col-md,converse-bg .col-md {
        flex: 1 0 0;
    }

    .conversejs .row-cols-md-auto>*,converse-bg .row-cols-md-auto>* {
        flex: none;
        width: auto;
    }

    .conversejs .row-cols-md-1>*,converse-bg .row-cols-md-1>* {
        flex: none;
        width: 100%;
    }

    .conversejs .row-cols-md-2>*,converse-bg .row-cols-md-2>* {
        flex: none;
        width: 50%;
    }

    .conversejs .row-cols-md-3>*,converse-bg .row-cols-md-3>* {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .row-cols-md-4>*,converse-bg .row-cols-md-4>* {
        flex: none;
        width: 25%;
    }

    .conversejs .row-cols-md-5>*,converse-bg .row-cols-md-5>* {
        flex: none;
        width: 20%;
    }

    .conversejs .row-cols-md-6>*,converse-bg .row-cols-md-6>* {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-md-auto,converse-bg .col-md-auto {
        flex: none;
        width: auto;
    }

    .conversejs .col-md-1,converse-bg .col-md-1 {
        flex: none;
        width: 8.33333%;
    }

    .conversejs .col-md-2,converse-bg .col-md-2 {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-md-3,converse-bg .col-md-3 {
        flex: none;
        width: 25%;
    }

    .conversejs .col-md-4,converse-bg .col-md-4 {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .col-md-5,converse-bg .col-md-5 {
        flex: none;
        width: 41.6667%;
    }

    .conversejs .col-md-6,converse-bg .col-md-6 {
        flex: none;
        width: 50%;
    }

    .conversejs .col-md-7,converse-bg .col-md-7 {
        flex: none;
        width: 58.3333%;
    }

    .conversejs .col-md-8,converse-bg .col-md-8 {
        flex: none;
        width: 66.6667%;
    }

    .conversejs .col-md-9,converse-bg .col-md-9 {
        flex: none;
        width: 75%;
    }

    .conversejs .col-md-10,converse-bg .col-md-10 {
        flex: none;
        width: 83.3333%;
    }

    .conversejs .col-md-11,converse-bg .col-md-11 {
        flex: none;
        width: 91.6667%;
    }

    .conversejs .col-md-12,converse-bg .col-md-12 {
        flex: none;
        width: 100%;
    }

    .conversejs .offset-md-0,converse-bg .offset-md-0 {
        margin-left: 0;
    }

    .conversejs .offset-md-1,converse-bg .offset-md-1 {
        margin-left: 8.33333%;
    }

    .conversejs .offset-md-2,converse-bg .offset-md-2 {
        margin-left: 16.6667%;
    }

    .conversejs .offset-md-3,converse-bg .offset-md-3 {
        margin-left: 25%;
    }

    .conversejs .offset-md-4,converse-bg .offset-md-4 {
        margin-left: 33.3333%;
    }

    .conversejs .offset-md-5,converse-bg .offset-md-5 {
        margin-left: 41.6667%;
    }

    .conversejs .offset-md-6,converse-bg .offset-md-6 {
        margin-left: 50%;
    }

    .conversejs .offset-md-7,converse-bg .offset-md-7 {
        margin-left: 58.3333%;
    }

    .conversejs .offset-md-8,converse-bg .offset-md-8 {
        margin-left: 66.6667%;
    }

    .conversejs .offset-md-9,converse-bg .offset-md-9 {
        margin-left: 75%;
    }

    .conversejs .offset-md-10,converse-bg .offset-md-10 {
        margin-left: 83.3333%;
    }

    .conversejs .offset-md-11,converse-bg .offset-md-11 {
        margin-left: 91.6667%;
    }

    .conversejs .g-md-0,.conversejs .gx-md-0,converse-bg .g-md-0,converse-bg .gx-md-0 {
        --converse-gutter-x: 0;
    }

    .conversejs .g-md-0,.conversejs .gy-md-0,converse-bg .g-md-0,converse-bg .gy-md-0 {
        --converse-gutter-y: 0;
    }

    .conversejs .g-md-1,.conversejs .gx-md-1,converse-bg .g-md-1,converse-bg .gx-md-1 {
        --converse-gutter-x: .25rem;
    }

    .conversejs .g-md-1,.conversejs .gy-md-1,converse-bg .g-md-1,converse-bg .gy-md-1 {
        --converse-gutter-y: .25rem;
    }

    .conversejs .g-md-2,.conversejs .gx-md-2,converse-bg .g-md-2,converse-bg .gx-md-2 {
        --converse-gutter-x: .5rem;
    }

    .conversejs .g-md-2,.conversejs .gy-md-2,converse-bg .g-md-2,converse-bg .gy-md-2 {
        --converse-gutter-y: .5rem;
    }

    .conversejs .g-md-3,.conversejs .gx-md-3,converse-bg .g-md-3,converse-bg .gx-md-3 {
        --converse-gutter-x: 1rem;
    }

    .conversejs .g-md-3,.conversejs .gy-md-3,converse-bg .g-md-3,converse-bg .gy-md-3 {
        --converse-gutter-y: 1rem;
    }

    .conversejs .g-md-4,.conversejs .gx-md-4,converse-bg .g-md-4,converse-bg .gx-md-4 {
        --converse-gutter-x: 1.5rem;
    }

    .conversejs .g-md-4,.conversejs .gy-md-4,converse-bg .g-md-4,converse-bg .gy-md-4 {
        --converse-gutter-y: 1.5rem;
    }

    .conversejs .g-md-5,.conversejs .gx-md-5,converse-bg .g-md-5,converse-bg .gx-md-5 {
        --converse-gutter-x: 3rem;
    }

    .conversejs .g-md-5,.conversejs .gy-md-5,converse-bg .g-md-5,converse-bg .gy-md-5 {
        --converse-gutter-y: 3rem;
    }
}

@media (min-width:992px) {
    .conversejs .col-lg,converse-bg .col-lg {
        flex: 1 0 0;
    }

    .conversejs .row-cols-lg-auto>*,converse-bg .row-cols-lg-auto>* {
        flex: none;
        width: auto;
    }

    .conversejs .row-cols-lg-1>*,converse-bg .row-cols-lg-1>* {
        flex: none;
        width: 100%;
    }

    .conversejs .row-cols-lg-2>*,converse-bg .row-cols-lg-2>* {
        flex: none;
        width: 50%;
    }

    .conversejs .row-cols-lg-3>*,converse-bg .row-cols-lg-3>* {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .row-cols-lg-4>*,converse-bg .row-cols-lg-4>* {
        flex: none;
        width: 25%;
    }

    .conversejs .row-cols-lg-5>*,converse-bg .row-cols-lg-5>* {
        flex: none;
        width: 20%;
    }

    .conversejs .row-cols-lg-6>*,converse-bg .row-cols-lg-6>* {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-lg-auto,converse-bg .col-lg-auto {
        flex: none;
        width: auto;
    }

    .conversejs .col-lg-1,converse-bg .col-lg-1 {
        flex: none;
        width: 8.33333%;
    }

    .conversejs .col-lg-2,converse-bg .col-lg-2 {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-lg-3,converse-bg .col-lg-3 {
        flex: none;
        width: 25%;
    }

    .conversejs .col-lg-4,converse-bg .col-lg-4 {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .col-lg-5,converse-bg .col-lg-5 {
        flex: none;
        width: 41.6667%;
    }

    .conversejs .col-lg-6,converse-bg .col-lg-6 {
        flex: none;
        width: 50%;
    }

    .conversejs .col-lg-7,converse-bg .col-lg-7 {
        flex: none;
        width: 58.3333%;
    }

    .conversejs .col-lg-8,converse-bg .col-lg-8 {
        flex: none;
        width: 66.6667%;
    }

    .conversejs .col-lg-9,converse-bg .col-lg-9 {
        flex: none;
        width: 75%;
    }

    .conversejs .col-lg-10,converse-bg .col-lg-10 {
        flex: none;
        width: 83.3333%;
    }

    .conversejs .col-lg-11,converse-bg .col-lg-11 {
        flex: none;
        width: 91.6667%;
    }

    .conversejs .col-lg-12,converse-bg .col-lg-12 {
        flex: none;
        width: 100%;
    }

    .conversejs .offset-lg-0,converse-bg .offset-lg-0 {
        margin-left: 0;
    }

    .conversejs .offset-lg-1,converse-bg .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .conversejs .offset-lg-2,converse-bg .offset-lg-2 {
        margin-left: 16.6667%;
    }

    .conversejs .offset-lg-3,converse-bg .offset-lg-3 {
        margin-left: 25%;
    }

    .conversejs .offset-lg-4,converse-bg .offset-lg-4 {
        margin-left: 33.3333%;
    }

    .conversejs .offset-lg-5,converse-bg .offset-lg-5 {
        margin-left: 41.6667%;
    }

    .conversejs .offset-lg-6,converse-bg .offset-lg-6 {
        margin-left: 50%;
    }

    .conversejs .offset-lg-7,converse-bg .offset-lg-7 {
        margin-left: 58.3333%;
    }

    .conversejs .offset-lg-8,converse-bg .offset-lg-8 {
        margin-left: 66.6667%;
    }

    .conversejs .offset-lg-9,converse-bg .offset-lg-9 {
        margin-left: 75%;
    }

    .conversejs .offset-lg-10,converse-bg .offset-lg-10 {
        margin-left: 83.3333%;
    }

    .conversejs .offset-lg-11,converse-bg .offset-lg-11 {
        margin-left: 91.6667%;
    }

    .conversejs .g-lg-0,.conversejs .gx-lg-0,converse-bg .g-lg-0,converse-bg .gx-lg-0 {
        --converse-gutter-x: 0;
    }

    .conversejs .g-lg-0,.conversejs .gy-lg-0,converse-bg .g-lg-0,converse-bg .gy-lg-0 {
        --converse-gutter-y: 0;
    }

    .conversejs .g-lg-1,.conversejs .gx-lg-1,converse-bg .g-lg-1,converse-bg .gx-lg-1 {
        --converse-gutter-x: .25rem;
    }

    .conversejs .g-lg-1,.conversejs .gy-lg-1,converse-bg .g-lg-1,converse-bg .gy-lg-1 {
        --converse-gutter-y: .25rem;
    }

    .conversejs .g-lg-2,.conversejs .gx-lg-2,converse-bg .g-lg-2,converse-bg .gx-lg-2 {
        --converse-gutter-x: .5rem;
    }

    .conversejs .g-lg-2,.conversejs .gy-lg-2,converse-bg .g-lg-2,converse-bg .gy-lg-2 {
        --converse-gutter-y: .5rem;
    }

    .conversejs .g-lg-3,.conversejs .gx-lg-3,converse-bg .g-lg-3,converse-bg .gx-lg-3 {
        --converse-gutter-x: 1rem;
    }

    .conversejs .g-lg-3,.conversejs .gy-lg-3,converse-bg .g-lg-3,converse-bg .gy-lg-3 {
        --converse-gutter-y: 1rem;
    }

    .conversejs .g-lg-4,.conversejs .gx-lg-4,converse-bg .g-lg-4,converse-bg .gx-lg-4 {
        --converse-gutter-x: 1.5rem;
    }

    .conversejs .g-lg-4,.conversejs .gy-lg-4,converse-bg .g-lg-4,converse-bg .gy-lg-4 {
        --converse-gutter-y: 1.5rem;
    }

    .conversejs .g-lg-5,.conversejs .gx-lg-5,converse-bg .g-lg-5,converse-bg .gx-lg-5 {
        --converse-gutter-x: 3rem;
    }

    .conversejs .g-lg-5,.conversejs .gy-lg-5,converse-bg .g-lg-5,converse-bg .gy-lg-5 {
        --converse-gutter-y: 3rem;
    }
}

@media (min-width:1200px) {
    .conversejs .col-xl,converse-bg .col-xl {
        flex: 1 0 0;
    }

    .conversejs .row-cols-xl-auto>*,converse-bg .row-cols-xl-auto>* {
        flex: none;
        width: auto;
    }

    .conversejs .row-cols-xl-1>*,converse-bg .row-cols-xl-1>* {
        flex: none;
        width: 100%;
    }

    .conversejs .row-cols-xl-2>*,converse-bg .row-cols-xl-2>* {
        flex: none;
        width: 50%;
    }

    .conversejs .row-cols-xl-3>*,converse-bg .row-cols-xl-3>* {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .row-cols-xl-4>*,converse-bg .row-cols-xl-4>* {
        flex: none;
        width: 25%;
    }

    .conversejs .row-cols-xl-5>*,converse-bg .row-cols-xl-5>* {
        flex: none;
        width: 20%;
    }

    .conversejs .row-cols-xl-6>*,converse-bg .row-cols-xl-6>* {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-xl-auto,converse-bg .col-xl-auto {
        flex: none;
        width: auto;
    }

    .conversejs .col-xl-1,converse-bg .col-xl-1 {
        flex: none;
        width: 8.33333%;
    }

    .conversejs .col-xl-2,converse-bg .col-xl-2 {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-xl-3,converse-bg .col-xl-3 {
        flex: none;
        width: 25%;
    }

    .conversejs .col-xl-4,converse-bg .col-xl-4 {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .col-xl-5,converse-bg .col-xl-5 {
        flex: none;
        width: 41.6667%;
    }

    .conversejs .col-xl-6,converse-bg .col-xl-6 {
        flex: none;
        width: 50%;
    }

    .conversejs .col-xl-7,converse-bg .col-xl-7 {
        flex: none;
        width: 58.3333%;
    }

    .conversejs .col-xl-8,converse-bg .col-xl-8 {
        flex: none;
        width: 66.6667%;
    }

    .conversejs .col-xl-9,converse-bg .col-xl-9 {
        flex: none;
        width: 75%;
    }

    .conversejs .col-xl-10,converse-bg .col-xl-10 {
        flex: none;
        width: 83.3333%;
    }

    .conversejs .col-xl-11,converse-bg .col-xl-11 {
        flex: none;
        width: 91.6667%;
    }

    .conversejs .col-xl-12,converse-bg .col-xl-12 {
        flex: none;
        width: 100%;
    }

    .conversejs .offset-xl-0,converse-bg .offset-xl-0 {
        margin-left: 0;
    }

    .conversejs .offset-xl-1,converse-bg .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .conversejs .offset-xl-2,converse-bg .offset-xl-2 {
        margin-left: 16.6667%;
    }

    .conversejs .offset-xl-3,converse-bg .offset-xl-3 {
        margin-left: 25%;
    }

    .conversejs .offset-xl-4,converse-bg .offset-xl-4 {
        margin-left: 33.3333%;
    }

    .conversejs .offset-xl-5,converse-bg .offset-xl-5 {
        margin-left: 41.6667%;
    }

    .conversejs .offset-xl-6,converse-bg .offset-xl-6 {
        margin-left: 50%;
    }

    .conversejs .offset-xl-7,converse-bg .offset-xl-7 {
        margin-left: 58.3333%;
    }

    .conversejs .offset-xl-8,converse-bg .offset-xl-8 {
        margin-left: 66.6667%;
    }

    .conversejs .offset-xl-9,converse-bg .offset-xl-9 {
        margin-left: 75%;
    }

    .conversejs .offset-xl-10,converse-bg .offset-xl-10 {
        margin-left: 83.3333%;
    }

    .conversejs .offset-xl-11,converse-bg .offset-xl-11 {
        margin-left: 91.6667%;
    }

    .conversejs .g-xl-0,.conversejs .gx-xl-0,converse-bg .g-xl-0,converse-bg .gx-xl-0 {
        --converse-gutter-x: 0;
    }

    .conversejs .g-xl-0,.conversejs .gy-xl-0,converse-bg .g-xl-0,converse-bg .gy-xl-0 {
        --converse-gutter-y: 0;
    }

    .conversejs .g-xl-1,.conversejs .gx-xl-1,converse-bg .g-xl-1,converse-bg .gx-xl-1 {
        --converse-gutter-x: .25rem;
    }

    .conversejs .g-xl-1,.conversejs .gy-xl-1,converse-bg .g-xl-1,converse-bg .gy-xl-1 {
        --converse-gutter-y: .25rem;
    }

    .conversejs .g-xl-2,.conversejs .gx-xl-2,converse-bg .g-xl-2,converse-bg .gx-xl-2 {
        --converse-gutter-x: .5rem;
    }

    .conversejs .g-xl-2,.conversejs .gy-xl-2,converse-bg .g-xl-2,converse-bg .gy-xl-2 {
        --converse-gutter-y: .5rem;
    }

    .conversejs .g-xl-3,.conversejs .gx-xl-3,converse-bg .g-xl-3,converse-bg .gx-xl-3 {
        --converse-gutter-x: 1rem;
    }

    .conversejs .g-xl-3,.conversejs .gy-xl-3,converse-bg .g-xl-3,converse-bg .gy-xl-3 {
        --converse-gutter-y: 1rem;
    }

    .conversejs .g-xl-4,.conversejs .gx-xl-4,converse-bg .g-xl-4,converse-bg .gx-xl-4 {
        --converse-gutter-x: 1.5rem;
    }

    .conversejs .g-xl-4,.conversejs .gy-xl-4,converse-bg .g-xl-4,converse-bg .gy-xl-4 {
        --converse-gutter-y: 1.5rem;
    }

    .conversejs .g-xl-5,.conversejs .gx-xl-5,converse-bg .g-xl-5,converse-bg .gx-xl-5 {
        --converse-gutter-x: 3rem;
    }

    .conversejs .g-xl-5,.conversejs .gy-xl-5,converse-bg .g-xl-5,converse-bg .gy-xl-5 {
        --converse-gutter-y: 3rem;
    }
}

@media (min-width:1400px) {
    .conversejs .col-xxl,converse-bg .col-xxl {
        flex: 1 0 0;
    }

    .conversejs .row-cols-xxl-auto>*,converse-bg .row-cols-xxl-auto>* {
        flex: none;
        width: auto;
    }

    .conversejs .row-cols-xxl-1>*,converse-bg .row-cols-xxl-1>* {
        flex: none;
        width: 100%;
    }

    .conversejs .row-cols-xxl-2>*,converse-bg .row-cols-xxl-2>* {
        flex: none;
        width: 50%;
    }

    .conversejs .row-cols-xxl-3>*,converse-bg .row-cols-xxl-3>* {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .row-cols-xxl-4>*,converse-bg .row-cols-xxl-4>* {
        flex: none;
        width: 25%;
    }

    .conversejs .row-cols-xxl-5>*,converse-bg .row-cols-xxl-5>* {
        flex: none;
        width: 20%;
    }

    .conversejs .row-cols-xxl-6>*,converse-bg .row-cols-xxl-6>* {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-xxl-auto,converse-bg .col-xxl-auto {
        flex: none;
        width: auto;
    }

    .conversejs .col-xxl-1,converse-bg .col-xxl-1 {
        flex: none;
        width: 8.33333%;
    }

    .conversejs .col-xxl-2,converse-bg .col-xxl-2 {
        flex: none;
        width: 16.6667%;
    }

    .conversejs .col-xxl-3,converse-bg .col-xxl-3 {
        flex: none;
        width: 25%;
    }

    .conversejs .col-xxl-4,converse-bg .col-xxl-4 {
        flex: none;
        width: 33.3333%;
    }

    .conversejs .col-xxl-5,converse-bg .col-xxl-5 {
        flex: none;
        width: 41.6667%;
    }

    .conversejs .col-xxl-6,converse-bg .col-xxl-6 {
        flex: none;
        width: 50%;
    }

    .conversejs .col-xxl-7,converse-bg .col-xxl-7 {
        flex: none;
        width: 58.3333%;
    }

    .conversejs .col-xxl-8,converse-bg .col-xxl-8 {
        flex: none;
        width: 66.6667%;
    }

    .conversejs .col-xxl-9,converse-bg .col-xxl-9 {
        flex: none;
        width: 75%;
    }

    .conversejs .col-xxl-10,converse-bg .col-xxl-10 {
        flex: none;
        width: 83.3333%;
    }

    .conversejs .col-xxl-11,converse-bg .col-xxl-11 {
        flex: none;
        width: 91.6667%;
    }

    .conversejs .col-xxl-12,converse-bg .col-xxl-12 {
        flex: none;
        width: 100%;
    }

    .conversejs .offset-xxl-0,converse-bg .offset-xxl-0 {
        margin-left: 0;
    }

    .conversejs .offset-xxl-1,converse-bg .offset-xxl-1 {
        margin-left: 8.33333%;
    }

    .conversejs .offset-xxl-2,converse-bg .offset-xxl-2 {
        margin-left: 16.6667%;
    }

    .conversejs .offset-xxl-3,converse-bg .offset-xxl-3 {
        margin-left: 25%;
    }

    .conversejs .offset-xxl-4,converse-bg .offset-xxl-4 {
        margin-left: 33.3333%;
    }

    .conversejs .offset-xxl-5,converse-bg .offset-xxl-5 {
        margin-left: 41.6667%;
    }

    .conversejs .offset-xxl-6,converse-bg .offset-xxl-6 {
        margin-left: 50%;
    }

    .conversejs .offset-xxl-7,converse-bg .offset-xxl-7 {
        margin-left: 58.3333%;
    }

    .conversejs .offset-xxl-8,converse-bg .offset-xxl-8 {
        margin-left: 66.6667%;
    }

    .conversejs .offset-xxl-9,converse-bg .offset-xxl-9 {
        margin-left: 75%;
    }

    .conversejs .offset-xxl-10,converse-bg .offset-xxl-10 {
        margin-left: 83.3333%;
    }

    .conversejs .offset-xxl-11,converse-bg .offset-xxl-11 {
        margin-left: 91.6667%;
    }

    .conversejs .g-xxl-0,.conversejs .gx-xxl-0,converse-bg .g-xxl-0,converse-bg .gx-xxl-0 {
        --converse-gutter-x: 0;
    }

    .conversejs .g-xxl-0,.conversejs .gy-xxl-0,converse-bg .g-xxl-0,converse-bg .gy-xxl-0 {
        --converse-gutter-y: 0;
    }

    .conversejs .g-xxl-1,.conversejs .gx-xxl-1,converse-bg .g-xxl-1,converse-bg .gx-xxl-1 {
        --converse-gutter-x: .25rem;
    }

    .conversejs .g-xxl-1,.conversejs .gy-xxl-1,converse-bg .g-xxl-1,converse-bg .gy-xxl-1 {
        --converse-gutter-y: .25rem;
    }

    .conversejs .g-xxl-2,.conversejs .gx-xxl-2,converse-bg .g-xxl-2,converse-bg .gx-xxl-2 {
        --converse-gutter-x: .5rem;
    }

    .conversejs .g-xxl-2,.conversejs .gy-xxl-2,converse-bg .g-xxl-2,converse-bg .gy-xxl-2 {
        --converse-gutter-y: .5rem;
    }

    .conversejs .g-xxl-3,.conversejs .gx-xxl-3,converse-bg .g-xxl-3,converse-bg .gx-xxl-3 {
        --converse-gutter-x: 1rem;
    }

    .conversejs .g-xxl-3,.conversejs .gy-xxl-3,converse-bg .g-xxl-3,converse-bg .gy-xxl-3 {
        --converse-gutter-y: 1rem;
    }

    .conversejs .g-xxl-4,.conversejs .gx-xxl-4,converse-bg .g-xxl-4,converse-bg .gx-xxl-4 {
        --converse-gutter-x: 1.5rem;
    }

    .conversejs .g-xxl-4,.conversejs .gy-xxl-4,converse-bg .g-xxl-4,converse-bg .gy-xxl-4 {
        --converse-gutter-y: 1.5rem;
    }

    .conversejs .g-xxl-5,.conversejs .gx-xxl-5,converse-bg .g-xxl-5,converse-bg .gx-xxl-5 {
        --converse-gutter-x: 3rem;
    }

    .conversejs .g-xxl-5,.conversejs .gy-xxl-5,converse-bg .g-xxl-5,converse-bg .gy-xxl-5 {
        --converse-gutter-y: 3rem;
    }
}

.conversejs .table,converse-bg .table {
    --converse-table-color-type: initial;
    --converse-table-bg-type: initial;
    --converse-table-color-state: initial;
    --converse-table-bg-state: initial;
    --converse-table-color: var(--converse-emphasis-color);
    --converse-table-bg: var(--converse-body-bg);
    --converse-table-border-color: var(--converse-border-color);
    --converse-table-accent-bg: transparent;
    --converse-table-striped-color: var(--converse-emphasis-color);
    --converse-table-striped-bg: rgba(var(--converse-emphasis-color-rgb),.05);
    --converse-table-active-color: var(--converse-emphasis-color);
    --converse-table-active-bg: rgba(var(--converse-emphasis-color-rgb),.1);
    --converse-table-hover-color: var(--converse-emphasis-color);
    --converse-table-hover-bg: rgba(var(--converse-emphasis-color-rgb),.075);
    vertical-align: top;
    border-color: var(--converse-table-border-color);
    width: 100%;
    margin-bottom: 1rem;
}

.conversejs .table>:not(caption)>*>*,converse-bg .table>:not(caption)>*>* {
    color: var(--converse-table-color-state,var(--converse-table-color-type,var(--converse-table-color)));
    background-color: var(--converse-table-bg);
    border-bottom-width: var(--converse-border-width);
    box-shadow: inset 0 0 0 9999px var(--converse-table-bg-state,var(--converse-table-bg-type,var(--converse-table-accent-bg)));
    padding: .5rem;
}

.conversejs .table>tbody,converse-bg .table>tbody {
    vertical-align: inherit;
}

.conversejs .table>thead,converse-bg .table>thead {
    vertical-align: bottom;
}

.conversejs .table-group-divider,converse-bg .table-group-divider {
    border-top: calc(var(--converse-border-width)*2)solid currentcolor;
}

.conversejs .caption-top,converse-bg .caption-top {
    caption-side: top;
}

.conversejs .table-sm>:not(caption)>*>*,converse-bg .table-sm>:not(caption)>*>* {
    padding: .25rem;
}

.conversejs .table-bordered>:not(caption)>*,converse-bg .table-bordered>:not(caption)>* {
    border-width: var(--converse-border-width)0;
}

.conversejs .table-bordered>:not(caption)>*>*,converse-bg .table-bordered>:not(caption)>*>* {
    border-width: 0 var(--converse-border-width);
}

.conversejs .table-borderless>:not(caption)>*>*,converse-bg .table-borderless>:not(caption)>*>* {
    border-bottom-width: 0;
}

.conversejs .table-borderless>:not(:first-child),converse-bg .table-borderless>:not(:first-child) {
    border-top-width: 0;
}

.conversejs .table-striped>tbody>tr:nth-of-type(odd)>*,converse-bg .table-striped>tbody>tr:nth-of-type(odd)>*,.conversejs .table-striped-columns>:not(caption)>tr>:nth-child(2n),converse-bg .table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --converse-table-color-type: var(--converse-table-striped-color);
    --converse-table-bg-type: var(--converse-table-striped-bg);
}

.conversejs .table-active,converse-bg .table-active {
    --converse-table-color-state: var(--converse-table-active-color);
    --converse-table-bg-state: var(--converse-table-active-bg);
}

.conversejs .table-hover>tbody>tr:hover>*,converse-bg .table-hover>tbody>tr:hover>* {
    --converse-table-color-state: var(--converse-table-hover-color);
    --converse-table-bg-state: var(--converse-table-hover-bg);
}

.conversejs .table-primary,converse-bg .table-primary {
    --converse-table-color: #000;
    --converse-table-bg: #cfe2ff;
    --converse-table-border-color: #a5b5cc;
    --converse-table-striped-bg: #c4d7f2;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #bacbe5;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #bfd1ec;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-secondary,converse-bg .table-secondary {
    --converse-table-color: #000;
    --converse-table-bg: #e2e3e5;
    --converse-table-border-color: #b4b6b7;
    --converse-table-striped-bg: #d6d8da;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #cbcdce;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #d1d2d4;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-success,converse-bg .table-success {
    --converse-table-color: #000;
    --converse-table-bg: #d1e7dd;
    --converse-table-border-color: #a7b9b1;
    --converse-table-striped-bg: #c7dbd2;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #bcd0c7;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #c1d6cc;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-info,converse-bg .table-info {
    --converse-table-color: #000;
    --converse-table-bg: #cff4fc;
    --converse-table-border-color: #a5c4ca;
    --converse-table-striped-bg: #c4e8ef;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #badce3;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #bfe2e9;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-warning,converse-bg .table-warning {
    --converse-table-color: #000;
    --converse-table-bg: #fff3cd;
    --converse-table-border-color: #ccc2a4;
    --converse-table-striped-bg: #f2e6c3;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #e6dab9;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #ece0be;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-danger,converse-bg .table-danger {
    --converse-table-color: #000;
    --converse-table-bg: #f8d7da;
    --converse-table-border-color: #c6acae;
    --converse-table-striped-bg: #eccccf;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #dfc1c4;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #e5c7c9;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-light,converse-bg .table-light {
    --converse-table-color: #000;
    --converse-table-bg: #f8f9fa;
    --converse-table-border-color: #c6c7c8;
    --converse-table-striped-bg: #ecedee;
    --converse-table-striped-color: #000;
    --converse-table-active-bg: #dfe0e1;
    --converse-table-active-color: #000;
    --converse-table-hover-bg: #e5e6e7;
    --converse-table-hover-color: #000;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-dark,converse-bg .table-dark {
    --converse-table-color: #fff;
    --converse-table-bg: #212529;
    --converse-table-border-color: #4d5154;
    --converse-table-striped-bg: #2c3034;
    --converse-table-striped-color: #fff;
    --converse-table-active-bg: #373b3e;
    --converse-table-active-color: #fff;
    --converse-table-hover-bg: #323539;
    --converse-table-hover-color: #fff;
    color: var(--converse-table-color);
    border-color: var(--converse-table-border-color);
}

.conversejs .table-responsive,converse-bg .table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

@media (max-width:575.98px) {
    .conversejs .table-responsive-sm,converse-bg .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width:767.98px) {
    .conversejs .table-responsive-md,converse-bg .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width:991.98px) {
    .conversejs .table-responsive-lg,converse-bg .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width:1199.98px) {
    .conversejs .table-responsive-xl,converse-bg .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

@media (max-width:1399.98px) {
    .conversejs .table-responsive-xxl,converse-bg .table-responsive-xxl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

.conversejs .form-label,converse-bg .form-label {
    margin-bottom: .5rem;
}

.conversejs .col-form-label,converse-bg .col-form-label {
    padding-top: calc(.375rem + var(--converse-border-width));
    padding-bottom: calc(.375rem + var(--converse-border-width));
    font-size: inherit;
    margin-bottom: 0;
    line-height: 1.5;
}

.conversejs .col-form-label-lg,converse-bg .col-form-label-lg {
    padding-top: calc(.5rem + var(--converse-border-width));
    padding-bottom: calc(.5rem + var(--converse-border-width));
    font-size: 1.25rem;
}

.conversejs .col-form-label-sm,converse-bg .col-form-label-sm {
    padding-top: calc(.25rem + var(--converse-border-width));
    padding-bottom: calc(.25rem + var(--converse-border-width));
    font-size: .875rem;
}

.conversejs .form-text,converse-bg .form-text {
    color: var(--converse-secondary-color);
    margin-top: .25rem;
    font-size: .875em;
}

.conversejs .form-control,converse-bg .form-control {
    width: 100%;
    color: var(--converse-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: var(--converse-body-bg);
    border: var(--converse-border-width)solid var(--converse-border-color);
    border-radius: var(--converse-border-radius);
    background-clip: padding-box;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-control,converse-bg .form-control {
        transition: none;
    }
}

.conversejs .form-control[type=file] {
    overflow: hidden;
}

converse-bg .form-control[type=file] {
    overflow: hidden;
}

.conversejs .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

converse-bg .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.conversejs .form-control:focus,converse-bg .form-control:focus {
    color: var(--converse-body-color);
    background-color: var(--converse-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.conversejs .form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0;
}

converse-bg .form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0;
}

.conversejs .form-control::-webkit-datetime-edit {
    padding: 0;
    display: block;
}

converse-bg .form-control::-webkit-datetime-edit {
    padding: 0;
    display: block;
}

.conversejs .form-control::-moz-placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

converse-bg .form-control::-moz-placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

.conversejs .form-control::-webkit-input-placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

.conversejs .form-control::-ms-input-placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

.conversejs .form-control::placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

converse-bg .form-control::-webkit-input-placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

converse-bg .form-control::-ms-input-placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

converse-bg .form-control::placeholder {
    color: var(--converse-secondary-color);
    opacity: 1;
}

.conversejs .form-control:disabled,converse-bg .form-control:disabled {
    background-color: var(--converse-secondary-bg);
    opacity: 1;
}

.conversejs .form-control::-webkit-file-upload-button {
    margin: -.375rem -.75rem;
    color: var(--converse-body-color);
    background-color: var(--converse-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.conversejs .form-control::-ms-browse {
    margin: -.375rem -.75rem;
    color: var(--converse-body-color);
    background-color: var(--converse-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.conversejs .form-control::file-selector-button {
    margin: -.375rem -.75rem;
    color: var(--converse-body-color);
    background-color: var(--converse-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.conversejs .form-control:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

.conversejs .form-control:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

.conversejs .form-control:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-ms-browse {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

.conversejs .form-control:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

.conversejs .form-control:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

.conversejs .form-control:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

.conversejs .form-control:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-ms-browse {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

.conversejs .form-control:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

converse-bg .form-control::-webkit-file-upload-button {
    margin: -.375rem -.75rem;
    color: var(--converse-body-color);
    background-color: var(--converse-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

converse-bg .form-control::-ms-browse {
    margin: -.375rem -.75rem;
    color: var(--converse-body-color);
    background-color: var(--converse-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

converse-bg .form-control::file-selector-button {
    margin: -.375rem -.75rem;
    color: var(--converse-body-color);
    background-color: var(--converse-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

converse-bg .form-control:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

converse-bg .form-control:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

converse-bg .form-control:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-ms-browse {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

converse-bg .form-control:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    border-right-width: var(--converse-border-width);
    margin-right: .75rem;
}

converse-bg .form-control:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

converse-bg .form-control:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

converse-bg .form-control:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-ms-browse {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

converse-bg .form-control:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    border-left-width: var(--converse-border-width);
    margin-left: .75rem;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-control::-webkit-file-upload-button {
        transition: none;
    }

    .conversejs .form-control::-ms-browse {
        transition: none;
    }

    .conversejs .form-control::file-selector-button {
        transition: none;
    }

    converse-bg .form-control::-webkit-file-upload-button {
        transition: none;
    }

    converse-bg .form-control::-ms-browse {
        transition: none;
    }

    converse-bg .form-control::file-selector-button {
        transition: none;
    }
}

.conversejs .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--converse-secondary-bg);
}

.conversejs .form-control:hover:not(:disabled):not([readonly])::-ms-browse {
    background-color: var(--converse-secondary-bg);
}

.conversejs .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--converse-secondary-bg);
}

converse-bg .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--converse-secondary-bg);
}

converse-bg .form-control:hover:not(:disabled):not([readonly])::-ms-browse {
    background-color: var(--converse-secondary-bg);
}

converse-bg .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--converse-secondary-bg);
}

.conversejs .form-control-plaintext,converse-bg .form-control-plaintext {
    width: 100%;
    color: var(--converse-body-color);
    border: solid transparent;
    border-width: var(--converse-border-width)0;
    background-color: transparent;
    margin-bottom: 0;
    padding: .375rem 0;
    line-height: 1.5;
    display: block;
}

.conversejs .form-control-plaintext:focus,converse-bg .form-control-plaintext:focus {
    outline: 0;
}

.conversejs .form-control-plaintext.form-control-sm,.conversejs .form-control-plaintext.form-control-lg,converse-bg .form-control-plaintext.form-control-sm,converse-bg .form-control-plaintext.form-control-lg {
    padding-left: 0;
    padding-right: 0;
}

.conversejs .form-control-sm,converse-bg .form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--converse-border-width)*2));
    border-radius: var(--converse-border-radius-sm);
    padding: .25rem .5rem;
    font-size: .875rem;
}

.conversejs .form-control-sm::-webkit-file-upload-button {
    margin: -.25rem -.5rem;
    padding: .25rem .5rem;
}

.conversejs .form-control-sm::-ms-browse {
    margin: -.25rem -.5rem;
    padding: .25rem .5rem;
}

.conversejs .form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    padding: .25rem .5rem;
}

.conversejs .form-control-sm:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button {
    margin-right: .5rem;
}

.conversejs .form-control-sm:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: .5rem;
}

.conversejs .form-control-sm:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-ms-browse {
    margin-right: .5rem;
}

.conversejs .form-control-sm:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: .5rem;
}

.conversejs .form-control-sm:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button {
    margin-left: .5rem;
}

.conversejs .form-control-sm:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: .5rem;
}

.conversejs .form-control-sm:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-ms-browse {
    margin-left: .5rem;
}

.conversejs .form-control-sm:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: .5rem;
}

converse-bg .form-control-sm::-webkit-file-upload-button {
    margin: -.25rem -.5rem;
    padding: .25rem .5rem;
}

converse-bg .form-control-sm::-ms-browse {
    margin: -.25rem -.5rem;
    padding: .25rem .5rem;
}

converse-bg .form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    padding: .25rem .5rem;
}

converse-bg .form-control-sm:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button {
    margin-right: .5rem;
}

converse-bg .form-control-sm:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: .5rem;
}

converse-bg .form-control-sm:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-ms-browse {
    margin-right: .5rem;
}

converse-bg .form-control-sm:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: .5rem;
}

converse-bg .form-control-sm:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button {
    margin-left: .5rem;
}

converse-bg .form-control-sm:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: .5rem;
}

converse-bg .form-control-sm:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-ms-browse {
    margin-left: .5rem;
}

converse-bg .form-control-sm:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: .5rem;
}

.conversejs .form-control-lg,converse-bg .form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--converse-border-width)*2));
    border-radius: var(--converse-border-radius-lg);
    padding: .5rem 1rem;
    font-size: 1.25rem;
}

.conversejs .form-control-lg::-webkit-file-upload-button {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
}

.conversejs .form-control-lg::-ms-browse {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
}

.conversejs .form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
}

.conversejs .form-control-lg:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button {
    margin-right: 1rem;
}

.conversejs .form-control-lg:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: 1rem;
}

.conversejs .form-control-lg:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-ms-browse {
    margin-right: 1rem;
}

.conversejs .form-control-lg:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: 1rem;
}

.conversejs .form-control-lg:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button {
    margin-left: 1rem;
}

.conversejs .form-control-lg:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: 1rem;
}

.conversejs .form-control-lg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-ms-browse {
    margin-left: 1rem;
}

.conversejs .form-control-lg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: 1rem;
}

converse-bg .form-control-lg::-webkit-file-upload-button {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
}

converse-bg .form-control-lg::-ms-browse {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
}

converse-bg .form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
}

converse-bg .form-control-lg:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button {
    margin-right: 1rem;
}

converse-bg .form-control-lg:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: 1rem;
}

converse-bg .form-control-lg:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-ms-browse {
    margin-right: 1rem;
}

converse-bg .form-control-lg:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button {
    margin-right: 1rem;
}

converse-bg .form-control-lg:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button {
    margin-left: 1rem;
}

converse-bg .form-control-lg:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: 1rem;
}

converse-bg .form-control-lg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-ms-browse {
    margin-left: 1rem;
}

converse-bg .form-control-lg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button {
    margin-left: 1rem;
}

.conversejs textarea.form-control,converse-bg textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--converse-border-width)*2));
}

.conversejs textarea.form-control-sm,converse-bg textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--converse-border-width)*2));
}

.conversejs textarea.form-control-lg,converse-bg textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--converse-border-width)*2));
}

.conversejs .form-control-color,converse-bg .form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(var(--converse-border-width)*2));
    padding: .375rem;
}

.conversejs .form-control-color:not(:disabled):not([readonly]),converse-bg .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.conversejs .form-control-color::-moz-color-swatch {
    border-radius: var(--converse-border-radius);
    border: 0!important;
}

converse-bg .form-control-color::-moz-color-swatch {
    border-radius: var(--converse-border-radius);
    border: 0!important;
}

.conversejs .form-control-color::-webkit-color-swatch {
    border-radius: var(--converse-border-radius);
    border: 0!important;
}

converse-bg .form-control-color::-webkit-color-swatch {
    border-radius: var(--converse-border-radius);
    border: 0!important;
}

.conversejs .form-control-color.form-control-sm,converse-bg .form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + calc(var(--converse-border-width)*2));
}

.conversejs .form-control-color.form-control-lg,converse-bg .form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(var(--converse-border-width)*2));
}

.conversejs .form-select,converse-bg .form-select {
    --converse-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    width: 100%;
    color: var(--converse-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: var(--converse-body-bg);
    background-image: var(--converse-form-select-bg-img),var(--converse-form-select-bg-icon,none);
    border: var(--converse-border-width)solid var(--converse-border-color);
    border-radius: var(--converse-border-radius);
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-select,converse-bg .form-select {
        transition: none;
    }
}

.conversejs .form-select:focus,converse-bg .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.conversejs .form-select[multiple],.conversejs .form-select[size]:not([size="1"]),converse-bg .form-select[multiple],converse-bg .form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: .75rem;
}

.conversejs .form-select:disabled,converse-bg .form-select:disabled {
    background-color: var(--converse-secondary-bg);
}

.conversejs .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--converse-body-color);
}

converse-bg .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--converse-body-color);
}

.conversejs .form-select-sm,converse-bg .form-select-sm {
    border-radius: var(--converse-border-radius-sm);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
}

.conversejs .form-select-lg,converse-bg .form-select-lg {
    border-radius: var(--converse-border-radius-lg);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.conversejs [data-bs-theme=dark] .form-select,converse-bg [data-bs-theme=dark] .form-select {
    --converse-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.conversejs .form-check,converse-bg .form-check {
    min-height: 1.5rem;
    margin-bottom: .125rem;
    padding-left: 1.5em;
    display: block;
}

.conversejs .form-check .form-check-input,converse-bg .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}

.conversejs .form-check-reverse,converse-bg .form-check-reverse {
    text-align: right;
    padding-left: 0;
    padding-right: 1.5em;
}

.conversejs .form-check-reverse .form-check-input,converse-bg .form-check-reverse .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

.conversejs .form-check-input,converse-bg .form-check-input {
    --converse-form-check-bg: var(--converse-body-bg);
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: var(--converse-form-check-bg);
    background-image: var(--converse-form-check-bg-image);
    border: var(--converse-border-width)solid var(--converse-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
}

.conversejs .form-check-input[type=checkbox] {
    border-radius: .25em;
}

converse-bg .form-check-input[type=checkbox] {
    border-radius: .25em;
}

.conversejs .form-check-input[type=radio] {
    border-radius: 50%;
}

converse-bg .form-check-input[type=radio] {
    border-radius: 50%;
}

.conversejs .form-check-input:active,converse-bg .form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.conversejs .form-check-input:focus,converse-bg .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.conversejs .form-check-input:checked,converse-bg .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.conversejs .form-check-input:checked[type=checkbox] {
    --converse-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

converse-bg .form-check-input:checked[type=checkbox] {
    --converse-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.conversejs .form-check-input:checked[type=radio] {
    --converse-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

converse-bg .form-check-input:checked[type=radio] {
    --converse-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.conversejs .form-check-input[type=checkbox]:indeterminate {
    --converse-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-color: #0d6efd;
    border-color: #0d6efd;
}

converse-bg .form-check-input[type=checkbox]:indeterminate {
    --converse-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.conversejs .form-check-input:disabled,converse-bg .form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5;
}

.conversejs .form-check-input[disabled]~.form-check-label,.conversejs .form-check-input:disabled~.form-check-label,converse-bg .form-check-input[disabled]~.form-check-label,converse-bg .form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: .5;
}

.conversejs .form-switch,converse-bg .form-switch {
    padding-left: 2.5em;
}

.conversejs .form-switch .form-check-input,converse-bg .form-switch .form-check-input {
    --converse-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-image: var(--converse-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    width: 2em;
    margin-left: -2.5em;
    transition: background-position .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-switch .form-check-input,converse-bg .form-switch .form-check-input {
        transition: none;
    }
}

.conversejs .form-switch .form-check-input:focus,converse-bg .form-switch .form-check-input:focus {
    --converse-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}

.conversejs .form-switch .form-check-input:checked,converse-bg .form-switch .form-check-input:checked {
    --converse-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: 100%;
}

.conversejs .form-switch.form-check-reverse,converse-bg .form-switch.form-check-reverse {
    padding-left: 0;
    padding-right: 2.5em;
}

.conversejs .form-switch.form-check-reverse .form-check-input,converse-bg .form-switch.form-check-reverse .form-check-input {
    margin-left: 0;
    margin-right: -2.5em;
}

.conversejs .form-check-inline,converse-bg .form-check-inline {
    margin-right: 1rem;
    display: inline-block;
}

.conversejs .btn-check,converse-bg .btn-check {
    clip: rect(0,0,0,0);
    pointer-events: none;
    position: absolute;
}

.conversejs .btn-check[disabled]+.btn,.conversejs .btn-check:disabled+.btn,converse-bg .btn-check[disabled]+.btn,converse-bg .btn-check:disabled+.btn {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .65;
}

.conversejs [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus),converse-bg [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --converse-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.conversejs .form-range,converse-bg .form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 100%;
    height: 1.5rem;
    padding: 0;
}

.conversejs .form-range:focus,converse-bg .form-range:focus {
    outline: 0;
}

.conversejs .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);
}

converse-bg .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);
}

.conversejs .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);
}

converse-bg .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);
}

.conversejs .form-range::-moz-focus-outer {
    border: 0;
}

converse-bg .form-range::-moz-focus-outer {
    border: 0;
}

.conversejs .form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

converse-bg .form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-range::-webkit-slider-thumb {
        transition: none;
    }

    converse-bg .form-range::-webkit-slider-thumb {
        transition: none;
    }
}

.conversejs .form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe;
}

converse-bg .form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe;
}

.conversejs .form-range::-webkit-slider-runnable-track {
    color: transparent;
    cursor: pointer;
    background-color: var(--converse-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    width: 100%;
    height: .5rem;
}

converse-bg .form-range::-webkit-slider-runnable-track {
    color: transparent;
    cursor: pointer;
    background-color: var(--converse-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    width: 100%;
    height: .5rem;
}

.conversejs .form-range::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

converse-bg .form-range::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-range::-moz-range-thumb {
        transition: none;
    }

    converse-bg .form-range::-moz-range-thumb {
        transition: none;
    }
}

.conversejs .form-range::-moz-range-thumb:active {
    background-color: #b6d4fe;
}

converse-bg .form-range::-moz-range-thumb:active {
    background-color: #b6d4fe;
}

.conversejs .form-range::-moz-range-track {
    color: transparent;
    cursor: pointer;
    background-color: var(--converse-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    width: 100%;
    height: .5rem;
}

converse-bg .form-range::-moz-range-track {
    color: transparent;
    cursor: pointer;
    background-color: var(--converse-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    width: 100%;
    height: .5rem;
}

.conversejs .form-range:disabled,converse-bg .form-range:disabled {
    pointer-events: none;
}

.conversejs .form-range:disabled::-webkit-slider-thumb {
    background-color: var(--converse-secondary-color);
}

converse-bg .form-range:disabled::-webkit-slider-thumb {
    background-color: var(--converse-secondary-color);
}

.conversejs .form-range:disabled::-moz-range-thumb {
    background-color: var(--converse-secondary-color);
}

converse-bg .form-range:disabled::-moz-range-thumb {
    background-color: var(--converse-secondary-color);
}

.conversejs .form-floating,converse-bg .form-floating {
    position: relative;
}

.conversejs .form-floating>.form-control,.conversejs .form-floating>.form-control-plaintext,.conversejs .form-floating>.form-select,converse-bg .form-floating>.form-control,converse-bg .form-floating>.form-control-plaintext,converse-bg .form-floating>.form-select {
    height: calc(3.5rem + calc(var(--converse-border-width)*2));
    min-height: calc(3.5rem + calc(var(--converse-border-width)*2));
    line-height: 1.25;
}

.conversejs .form-floating>label,converse-bg .form-floating>label {
    z-index: 2;
    max-width: 100%;
    height: 100%;
    color: rgba(var(--converse-body-color-rgb),.65);
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--converse-border-width)solid transparent;
    transform-origin: 0 0;
    padding: 1rem .75rem;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.conversejs .form-floating>label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .form-floating>label:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .form-floating>label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .form-floating>label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .form-floating>label:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .form-floating>label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .form-floating>label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .form-floating>label:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .form-floating>label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .form-floating>label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .form-floating>label:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .form-floating>label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .form-floating>label,converse-bg .form-floating>label {
        transition: none;
    }
}

.conversejs .form-floating>.form-control,.conversejs .form-floating>.form-control-plaintext,converse-bg .form-floating>.form-control,converse-bg .form-floating>.form-control-plaintext {
    padding: 1rem .75rem;
}

.conversejs .form-floating>.form-control::-moz-placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control-plaintext::-moz-placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control::-moz-placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control-plaintext::-moz-placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control::-webkit-input-placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control::-ms-input-placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control::placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control-plaintext::-webkit-input-placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control-plaintext::-ms-input-placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control-plaintext::placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control::-webkit-input-placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control::-ms-input-placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control::placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control-plaintext::-webkit-input-placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control-plaintext::-ms-input-placeholder {
    color: transparent;
}

converse-bg .form-floating>.form-control-plaintext::placeholder {
    color: transparent;
}

.conversejs .form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

converse-bg .form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

converse-bg .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-control:focus,.conversejs .form-floating>.form-control-plaintext:focus,converse-bg .form-floating>.form-control:focus,converse-bg .form-floating>.form-control-plaintext:focus {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

converse-bg .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

converse-bg .form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

converse-bg .form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

converse-bg .form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.conversejs .form-floating>.form-select,converse-bg .form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
    padding-left: .75rem;
}

.conversejs .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

converse-bg .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

.conversejs .form-floating>.form-control:focus~label,.conversejs .form-floating>.form-control-plaintext~label,.conversejs .form-floating>.form-select~label,converse-bg .form-floating>.form-control:focus~label,converse-bg .form-floating>.form-control-plaintext~label,converse-bg .form-floating>.form-select~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

.conversejs .form-floating>.form-control:not(:placeholder-shown)~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

converse-bg .form-floating>.form-control:not(:placeholder-shown)~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

.conversejs .form-floating>.form-control:-webkit-autofill~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

converse-bg .form-floating>.form-control:-webkit-autofill~label {
    transform: scale(.85)translateY(-.5rem)translate(.15rem);
}

.conversejs .form-floating>textarea:not(:-moz-placeholder-shown)~label:after {
    z-index: -1;
    content: "";
    background-color: var(--converse-body-bg);
    border-radius: var(--converse-border-radius);
    height: 1.5em;
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: .375rem;
    right: .375rem;
}

converse-bg .form-floating>textarea:not(:-moz-placeholder-shown)~label:after {
    z-index: -1;
    content: "";
    background-color: var(--converse-body-bg);
    border-radius: var(--converse-border-radius);
    height: 1.5em;
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: .375rem;
    right: .375rem;
}

.conversejs .form-floating>textarea:focus~label:after,converse-bg .form-floating>textarea:focus~label:after {
    z-index: -1;
    content: "";
    background-color: var(--converse-body-bg);
    border-radius: var(--converse-border-radius);
    height: 1.5em;
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: .375rem;
    right: .375rem;
}

.conversejs .form-floating>textarea:not(:placeholder-shown)~label:after {
    z-index: -1;
    content: "";
    background-color: var(--converse-body-bg);
    border-radius: var(--converse-border-radius);
    height: 1.5em;
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: .375rem;
    right: .375rem;
}

converse-bg .form-floating>textarea:not(:placeholder-shown)~label:after {
    z-index: -1;
    content: "";
    background-color: var(--converse-body-bg);
    border-radius: var(--converse-border-radius);
    height: 1.5em;
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: .375rem;
    right: .375rem;
}

.conversejs .form-floating>textarea:disabled~label:after,converse-bg .form-floating>textarea:disabled~label:after {
    background-color: var(--converse-secondary-bg);
}

.conversejs .form-floating>.form-control-plaintext~label,converse-bg .form-floating>.form-control-plaintext~label {
    border-width: var(--converse-border-width)0;
}

.conversejs .form-floating>:disabled~label,.conversejs .form-floating>.form-control:disabled~label,converse-bg .form-floating>:disabled~label,converse-bg .form-floating>.form-control:disabled~label {
    color: #6c757d;
}

.conversejs .input-group,converse-bg .input-group {
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    display: flex;
    position: relative;
}

.conversejs .input-group>.form-control,.conversejs .input-group>.form-select,.conversejs .input-group>.form-floating,converse-bg .input-group>.form-control,converse-bg .input-group>.form-select,converse-bg .input-group>.form-floating {
    flex: auto;
    width: 1%;
    min-width: 0;
    position: relative;
}

.conversejs .input-group>.form-control:focus,.conversejs .input-group>.form-select:focus,converse-bg .input-group>.form-control:focus,converse-bg .input-group>.form-select:focus {
    z-index: 5;
}

.conversejs .input-group>.form-floating:focus-within {
    z-index: 5;
}

converse-bg .input-group>.form-floating:focus-within {
    z-index: 5;
}

.conversejs .input-group .btn,converse-bg .input-group .btn {
    z-index: 2;
    position: relative;
}

.conversejs .input-group .btn:focus,converse-bg .input-group .btn:focus {
    z-index: 5;
}

.conversejs .input-group-text,converse-bg .input-group-text {
    color: var(--converse-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--converse-tertiary-bg);
    border: var(--converse-border-width)solid var(--converse-border-color);
    border-radius: var(--converse-border-radius);
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
}

.conversejs .input-group-lg>.form-control,.conversejs .input-group-lg>.form-select,.conversejs .input-group-lg>.input-group-text,.conversejs .input-group-lg>.btn,converse-bg .input-group-lg>.form-control,converse-bg .input-group-lg>.form-select,converse-bg .input-group-lg>.input-group-text,converse-bg .input-group-lg>.btn {
    border-radius: var(--converse-border-radius-lg);
    padding: .5rem 1rem;
    font-size: 1.25rem;
}

.conversejs .input-group-sm>.form-control,.conversejs .input-group-sm>.form-select,.conversejs .input-group-sm>.input-group-text,.conversejs .input-group-sm>.btn,converse-bg .input-group-sm>.form-control,converse-bg .input-group-sm>.form-select,converse-bg .input-group-sm>.input-group-text,converse-bg .input-group-sm>.btn {
    border-radius: var(--converse-border-radius-sm);
    padding: .25rem .5rem;
    font-size: .875rem;
}

.conversejs .input-group-lg>.form-select,.conversejs .input-group-sm>.form-select,converse-bg .input-group-lg>.form-select,converse-bg .input-group-sm>.form-select {
    padding-right: 3rem;
}

.conversejs .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.conversejs .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.conversejs .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.conversejs .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,converse-bg .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),converse-bg .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),converse-bg .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,converse-bg .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.conversejs .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.conversejs .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.conversejs .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.conversejs .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,converse-bg .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),converse-bg .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),converse-bg .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,converse-bg .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.conversejs .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),converse-bg .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(-1*var(--converse-border-width));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.conversejs .input-group>.form-floating:not(:first-child)>.form-control,.conversejs .input-group>.form-floating:not(:first-child)>.form-select,converse-bg .input-group>.form-floating:not(:first-child)>.form-control,converse-bg .input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.conversejs .valid-feedback,converse-bg .valid-feedback {
    width: 100%;
    color: var(--converse-form-valid-color);
    margin-top: .25rem;
    font-size: .875em;
    display: none;
}

.conversejs .valid-tooltip,converse-bg .valid-tooltip {
    z-index: 5;
    color: #fff;
    background-color: var(--converse-success);
    border-radius: var(--converse-border-radius);
    max-width: 100%;
    margin-top: .1rem;
    padding: .25rem .5rem;
    font-size: .875rem;
    display: none;
    position: absolute;
    top: 100%;
}

.conversejs.is-valid~.valid-feedback,.conversejs.is-valid~.valid-tooltip,converse-bg.is-valid~.valid-feedback,converse-bg.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .conversejs:valid~.valid-feedback {
    display: block;
}

.was-validated .conversejs:valid~.valid-tooltip {
    display: block;
}

.was-validated converse-bg:valid~.valid-feedback {
    display: block;
}

.was-validated converse-bg:valid~.valid-tooltip {
    display: block;
}

.conversejs .form-control.is-valid,converse-bg .form-control.is-valid {
    border-color: var(--converse-form-valid-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated .conversejs .form-control:valid {
    border-color: var(--converse-form-valid-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated converse-bg .form-control:valid {
    border-color: var(--converse-form-valid-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}

.conversejs .form-control.is-valid:focus,converse-bg .form-control.is-valid:focus {
    border-color: var(--converse-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.was-validated .conversejs .form-control:valid:focus {
    border-color: var(--converse-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.was-validated converse-bg .form-control:valid:focus {
    border-color: var(--converse-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.conversejs textarea.form-control.is-valid,converse-bg textarea.form-control.is-valid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated .conversejs textarea.form-control:valid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated converse-bg textarea.form-control:valid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem);
}

.conversejs .form-select.is-valid,converse-bg .form-select.is-valid {
    border-color: var(--converse-form-valid-border-color);
}

.was-validated .conversejs .form-select:valid {
    border-color: var(--converse-form-valid-border-color);
}

.was-validated converse-bg .form-select:valid {
    border-color: var(--converse-form-valid-border-color);
}

.conversejs .form-select.is-valid:not([multiple]):not([size]),.conversejs .form-select.is-valid:not([multiple])[size="1"],converse-bg .form-select.is-valid:not([multiple]):not([size]),converse-bg .form-select.is-valid:not([multiple])[size="1"] {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated .conversejs .form-select:valid:not([multiple]):not([size]) {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated .conversejs .form-select:valid:not([multiple])[size="1"] {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated converse-bg .form-select:valid:not([multiple]):not([size]) {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated converse-bg .form-select:valid:not([multiple])[size="1"] {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.conversejs .form-select.is-valid:focus,converse-bg .form-select.is-valid:focus {
    border-color: var(--converse-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.was-validated .conversejs .form-select:valid:focus {
    border-color: var(--converse-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.was-validated converse-bg .form-select:valid:focus {
    border-color: var(--converse-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.conversejs .form-control-color.is-valid,converse-bg .form-control-color.is-valid {
    width: calc(1.5em + 3.75rem);
}

.was-validated .conversejs .form-control-color:valid {
    width: calc(1.5em + 3.75rem);
}

.was-validated converse-bg .form-control-color:valid {
    width: calc(1.5em + 3.75rem);
}

.conversejs .form-check-input.is-valid,converse-bg .form-check-input.is-valid {
    border-color: var(--converse-form-valid-border-color);
}

.was-validated .conversejs .form-check-input:valid {
    border-color: var(--converse-form-valid-border-color);
}

.was-validated converse-bg .form-check-input:valid {
    border-color: var(--converse-form-valid-border-color);
}

.conversejs .form-check-input.is-valid:checked,converse-bg .form-check-input.is-valid:checked {
    background-color: var(--converse-form-valid-color);
}

.was-validated .conversejs .form-check-input:valid:checked {
    background-color: var(--converse-form-valid-color);
}

.was-validated converse-bg .form-check-input:valid:checked {
    background-color: var(--converse-form-valid-color);
}

.conversejs .form-check-input.is-valid:focus,converse-bg .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.was-validated .conversejs .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.was-validated converse-bg .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--converse-success-rgb),.25);
}

.conversejs .form-check-input.is-valid~.form-check-label,converse-bg .form-check-input.is-valid~.form-check-label {
    color: var(--converse-form-valid-color);
}

.was-validated .conversejs .form-check-input:valid~.form-check-label {
    color: var(--converse-form-valid-color);
}

.was-validated converse-bg .form-check-input:valid~.form-check-label {
    color: var(--converse-form-valid-color);
}

.conversejs .form-check-inline .form-check-input~.valid-feedback,converse-bg .form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em;
}

.conversejs .input-group>.form-control:not(:focus).is-valid,.conversejs .input-group>.form-select:not(:focus).is-valid,converse-bg .input-group>.form-control:not(:focus).is-valid,converse-bg .input-group>.form-select:not(:focus).is-valid {
    z-index: 3;
}

.was-validated .conversejs .input-group>.form-control:not(:focus):valid {
    z-index: 3;
}

.was-validated .conversejs .input-group>.form-select:not(:focus):valid {
    z-index: 3;
}

.was-validated .conversejs .input-group>.form-floating:not(:focus-within):valid {
    z-index: 3;
}

.conversejs .input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.was-validated converse-bg .input-group>.form-control:not(:focus):valid {
    z-index: 3;
}

.was-validated converse-bg .input-group>.form-select:not(:focus):valid {
    z-index: 3;
}

.was-validated converse-bg .input-group>.form-floating:not(:focus-within):valid {
    z-index: 3;
}

converse-bg .input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.conversejs .invalid-feedback,converse-bg .invalid-feedback {
    width: 100%;
    color: var(--converse-form-invalid-color);
    margin-top: .25rem;
    font-size: .875em;
    display: none;
}

.conversejs .invalid-tooltip,converse-bg .invalid-tooltip {
    z-index: 5;
    color: #fff;
    background-color: var(--converse-danger);
    border-radius: var(--converse-border-radius);
    max-width: 100%;
    margin-top: .1rem;
    padding: .25rem .5rem;
    font-size: .875rem;
    display: none;
    position: absolute;
    top: 100%;
}

.conversejs.is-invalid~.invalid-feedback,.conversejs.is-invalid~.invalid-tooltip,converse-bg.is-invalid~.invalid-feedback,converse-bg.is-invalid~.invalid-tooltip {
    display: block;
}

.was-validated .conversejs:invalid~.invalid-feedback {
    display: block;
}

.was-validated .conversejs:invalid~.invalid-tooltip {
    display: block;
}

.was-validated converse-bg:invalid~.invalid-feedback {
    display: block;
}

.was-validated converse-bg:invalid~.invalid-tooltip {
    display: block;
}

.conversejs .form-control.is-invalid,converse-bg .form-control.is-invalid {
    border-color: var(--converse-form-invalid-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated .conversejs .form-control:invalid {
    border-color: var(--converse-form-invalid-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated converse-bg .form-control:invalid {
    border-color: var(--converse-form-invalid-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}

.conversejs .form-control.is-invalid:focus,converse-bg .form-control.is-invalid:focus {
    border-color: var(--converse-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.was-validated .conversejs .form-control:invalid:focus {
    border-color: var(--converse-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.was-validated converse-bg .form-control:invalid:focus {
    border-color: var(--converse-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.conversejs textarea.form-control.is-invalid,converse-bg textarea.form-control.is-invalid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated .conversejs textarea.form-control:invalid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem);
}

.was-validated converse-bg textarea.form-control:invalid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem);
}

.conversejs .form-select.is-invalid,converse-bg .form-select.is-invalid {
    border-color: var(--converse-form-invalid-border-color);
}

.was-validated .conversejs .form-select:invalid {
    border-color: var(--converse-form-invalid-border-color);
}

.was-validated converse-bg .form-select:invalid {
    border-color: var(--converse-form-invalid-border-color);
}

.conversejs .form-select.is-invalid:not([multiple]):not([size]),.conversejs .form-select.is-invalid:not([multiple])[size="1"],converse-bg .form-select.is-invalid:not([multiple]):not([size]),converse-bg .form-select.is-invalid:not([multiple])[size="1"] {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated .conversejs .form-select:invalid:not([multiple]):not([size]) {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated .conversejs .form-select:invalid:not([multiple])[size="1"] {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated converse-bg .form-select:invalid:not([multiple]):not([size]) {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.was-validated converse-bg .form-select:invalid:not([multiple])[size="1"] {
    --converse-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,right 2.25rem center;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem;
}

.conversejs .form-select.is-invalid:focus,converse-bg .form-select.is-invalid:focus {
    border-color: var(--converse-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.was-validated .conversejs .form-select:invalid:focus {
    border-color: var(--converse-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.was-validated converse-bg .form-select:invalid:focus {
    border-color: var(--converse-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.conversejs .form-control-color.is-invalid,converse-bg .form-control-color.is-invalid {
    width: calc(1.5em + 3.75rem);
}

.was-validated .conversejs .form-control-color:invalid {
    width: calc(1.5em + 3.75rem);
}

.was-validated converse-bg .form-control-color:invalid {
    width: calc(1.5em + 3.75rem);
}

.conversejs .form-check-input.is-invalid,converse-bg .form-check-input.is-invalid {
    border-color: var(--converse-form-invalid-border-color);
}

.was-validated .conversejs .form-check-input:invalid {
    border-color: var(--converse-form-invalid-border-color);
}

.was-validated converse-bg .form-check-input:invalid {
    border-color: var(--converse-form-invalid-border-color);
}

.conversejs .form-check-input.is-invalid:checked,converse-bg .form-check-input.is-invalid:checked {
    background-color: var(--converse-form-invalid-color);
}

.was-validated .conversejs .form-check-input:invalid:checked {
    background-color: var(--converse-form-invalid-color);
}

.was-validated converse-bg .form-check-input:invalid:checked {
    background-color: var(--converse-form-invalid-color);
}

.conversejs .form-check-input.is-invalid:focus,converse-bg .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.was-validated .conversejs .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.was-validated converse-bg .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--converse-danger-rgb),.25);
}

.conversejs .form-check-input.is-invalid~.form-check-label,converse-bg .form-check-input.is-invalid~.form-check-label {
    color: var(--converse-form-invalid-color);
}

.was-validated .conversejs .form-check-input:invalid~.form-check-label {
    color: var(--converse-form-invalid-color);
}

.was-validated converse-bg .form-check-input:invalid~.form-check-label {
    color: var(--converse-form-invalid-color);
}

.conversejs .form-check-inline .form-check-input~.invalid-feedback,converse-bg .form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em;
}

.conversejs .input-group>.form-control:not(:focus).is-invalid,.conversejs .input-group>.form-select:not(:focus).is-invalid,converse-bg .input-group>.form-control:not(:focus).is-invalid,converse-bg .input-group>.form-select:not(:focus).is-invalid {
    z-index: 4;
}

.was-validated .conversejs .input-group>.form-control:not(:focus):invalid {
    z-index: 4;
}

.was-validated .conversejs .input-group>.form-select:not(:focus):invalid {
    z-index: 4;
}

.was-validated .conversejs .input-group>.form-floating:not(:focus-within):invalid {
    z-index: 4;
}

.conversejs .input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}

.was-validated converse-bg .input-group>.form-control:not(:focus):invalid {
    z-index: 4;
}

.was-validated converse-bg .input-group>.form-select:not(:focus):invalid {
    z-index: 4;
}

.was-validated converse-bg .input-group>.form-floating:not(:focus-within):invalid {
    z-index: 4;
}

converse-bg .input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}

.conversejs .btn,converse-bg .btn {
    --converse-btn-padding-x: .75rem;
    --converse-btn-padding-y: .375rem;
    --converse-btn-font-family: ;--converse-btn-font-size:1rem;
    --converse-btn-font-weight: 400;
    --converse-btn-line-height: 1.5;
    --converse-btn-color: var(--converse-body-color);
    --converse-btn-bg: transparent;
    --converse-btn-border-width: var(--converse-border-width);
    --converse-btn-border-color: transparent;
    --converse-btn-border-radius: var(--converse-border-radius);
    --converse-btn-hover-border-color: transparent;
    --converse-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    --converse-btn-disabled-opacity: .65;
    --converse-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--converse-btn-focus-shadow-rgb),.5);
    padding: var(--converse-btn-padding-y)var(--converse-btn-padding-x);
    font-family: "sfnormal";
    font-size: var(--converse-btn-font-size);
    font-weight: var(--converse-btn-font-weight);
    line-height: var(--converse-btn-line-height);
    color: var(--converse-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--converse-btn-border-width)solid var(--converse-btn-border-color);
    border-radius: var(--converse-btn-border-radius);
    background-color: var(--converse-btn-bg);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-block;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .btn,converse-bg .btn {
        transition: none;
    }
}

.conversejs .btn:hover,converse-bg .btn:hover {
    color: var(--converse-btn-hover-color);
    background-color: var(--converse-btn-hover-bg);
    border-color: var(--converse-btn-hover-border-color);
}

.btn-check+.conversejs .btn:hover,.btn-check+converse-bg .btn:hover {
    color: var(--converse-btn-color);
    background-color: var(--converse-btn-bg);
    border-color: var(--converse-btn-border-color);
}

.conversejs .btn:focus-visible {
    color: var(--converse-btn-hover-color);
    background-color: var(--converse-btn-hover-bg);
    border-color: var(--converse-btn-hover-border-color);
    box-shadow: var(--converse-btn-focus-box-shadow);
    outline: 0;
}

converse-bg .btn:focus-visible {
    color: var(--converse-btn-hover-color);
    background-color: var(--converse-btn-hover-bg);
    border-color: var(--converse-btn-hover-border-color);
    box-shadow: var(--converse-btn-focus-box-shadow);
    outline: 0;
}

.btn-check:focus-visible+.conversejs .btn {
    border-color: var(--converse-btn-hover-border-color);
    box-shadow: var(--converse-btn-focus-box-shadow);
    outline: 0;
}

.btn-check:focus-visible+converse-bg .btn {
    border-color: var(--converse-btn-hover-border-color);
    box-shadow: var(--converse-btn-focus-box-shadow);
    outline: 0;
}

.btn-check:checked+.conversejs .btn,:not(.btn-check)+.conversejs .btn:active,.conversejs .btn:first-child:active,.conversejs .btn.active,.conversejs .btn.show,.btn-check:checked+converse-bg .btn,:not(.btn-check)+converse-bg .btn:active,converse-bg .btn:first-child:active,converse-bg .btn.active,converse-bg .btn.show {
    color: var(--converse-btn-active-color);
    background-color: var(--converse-btn-active-bg);
    border-color: var(--converse-btn-active-border-color);
}

.btn-check:checked+.conversejs .btn:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

:not(.btn-check)+.conversejs .btn:active:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.conversejs .btn:first-child:active:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.conversejs .btn.active:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.conversejs .btn.show:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.btn-check:checked+converse-bg .btn:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

:not(.btn-check)+converse-bg .btn:active:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

converse-bg .btn:first-child:active:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

converse-bg .btn.active:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

converse-bg .btn.show:focus-visible {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.btn-check:checked:focus-visible+.conversejs .btn {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.btn-check:checked:focus-visible+converse-bg .btn {
    box-shadow: var(--converse-btn-focus-box-shadow);
}

.conversejs .btn:disabled,.conversejs .btn.disabled,fieldset:disabled .conversejs .btn,converse-bg .btn:disabled,converse-bg .btn.disabled,fieldset:disabled converse-bg .btn {
    color: var(--converse-btn-disabled-color);
    pointer-events: none;
    background-color: var(--converse-btn-disabled-bg);
    border-color: var(--converse-btn-disabled-border-color);
    opacity: var(--converse-btn-disabled-opacity);
}

.conversejs .btn-primary,converse-bg .btn-primary {
    --converse-btn-color: #fff;
    --converse-btn-bg: #0d6efd;
    --converse-btn-border-color: #0d6efd;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #0b5ed7;
    --converse-btn-hover-border-color: #0a58ca;
    --converse-btn-focus-shadow-rgb: 49,132,253;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #0a58ca;
    --converse-btn-active-border-color: #0a53be;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #fff;
    --converse-btn-disabled-bg: #0d6efd;
    --converse-btn-disabled-border-color: #0d6efd;
}

.conversejs .btn-secondary,converse-bg .btn-secondary {
    --converse-btn-color: #fff;
    --converse-btn-bg: #6c757d;
    --converse-btn-border-color: #6c757d;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #5c636a;
    --converse-btn-hover-border-color: #565e64;
    --converse-btn-focus-shadow-rgb: 130,138,145;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #565e64;
    --converse-btn-active-border-color: #51585e;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #fff;
    --converse-btn-disabled-bg: #6c757d;
    --converse-btn-disabled-border-color: #6c757d;
}

.conversejs .btn-success,converse-bg .btn-success {
    --converse-btn-color: #fff;
    --converse-btn-bg: #198754;
    --converse-btn-border-color: #198754;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #157347;
    --converse-btn-hover-border-color: #146c43;
    --converse-btn-focus-shadow-rgb: 60,153,110;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #146c43;
    --converse-btn-active-border-color: #13653f;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #fff;
    --converse-btn-disabled-bg: #198754;
    --converse-btn-disabled-border-color: #198754;
}

.conversejs .btn-info,converse-bg .btn-info {
    --converse-btn-color: #000;
    --converse-btn-bg: #0dcaf0;
    --converse-btn-border-color: #0dcaf0;
    --converse-btn-hover-color: #000;
    --converse-btn-hover-bg: #31d2f2;
    --converse-btn-hover-border-color: #25cff2;
    --converse-btn-focus-shadow-rgb: 11,172,204;
    --converse-btn-active-color: #000;
    --converse-btn-active-bg: #3dd5f3;
    --converse-btn-active-border-color: #25cff2;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #000;
    --converse-btn-disabled-bg: #0dcaf0;
    --converse-btn-disabled-border-color: #0dcaf0;
}

.conversejs .btn-warning,converse-bg .btn-warning {
    --converse-btn-color: #000;
    --converse-btn-bg: #ffc107;
    --converse-btn-border-color: #ffc107;
    --converse-btn-hover-color: #000;
    --converse-btn-hover-bg: #ffca2c;
    --converse-btn-hover-border-color: #ffc720;
    --converse-btn-focus-shadow-rgb: 217,164,6;
    --converse-btn-active-color: #000;
    --converse-btn-active-bg: #ffcd39;
    --converse-btn-active-border-color: #ffc720;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #000;
    --converse-btn-disabled-bg: #ffc107;
    --converse-btn-disabled-border-color: #ffc107;
}

.conversejs .btn-danger,converse-bg .btn-danger {
    --converse-btn-color: #fff;
    --converse-btn-bg: #dc3545;
    --converse-btn-border-color: #dc3545;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #bb2d3b;
    --converse-btn-hover-border-color: #b02a37;
    --converse-btn-focus-shadow-rgb: 225,83,97;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #b02a37;
    --converse-btn-active-border-color: #a52834;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #fff;
    --converse-btn-disabled-bg: #dc3545;
    --converse-btn-disabled-border-color: #dc3545;
}

.conversejs .btn-light,converse-bg .btn-light {
    --converse-btn-color: #000;
    --converse-btn-bg: #f8f9fa;
    --converse-btn-border-color: #f8f9fa;
    --converse-btn-hover-color: #000;
    --converse-btn-hover-bg: #d3d4d5;
    --converse-btn-hover-border-color: #c6c7c8;
    --converse-btn-focus-shadow-rgb: 211,212,213;
    --converse-btn-active-color: #000;
    --converse-btn-active-bg: #c6c7c8;
    --converse-btn-active-border-color: #babbbc;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #000;
    --converse-btn-disabled-bg: #f8f9fa;
    --converse-btn-disabled-border-color: #f8f9fa;
}

.conversejs .btn-dark,converse-bg .btn-dark {
    --converse-btn-color: #fff;
    --converse-btn-bg: #212529;
    --converse-btn-border-color: #212529;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #424649;
    --converse-btn-hover-border-color: #373b3e;
    --converse-btn-focus-shadow-rgb: 66,70,73;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #4d5154;
    --converse-btn-active-border-color: #373b3e;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #fff;
    --converse-btn-disabled-bg: #212529;
    --converse-btn-disabled-border-color: #212529;
}

.conversejs .btn-outline-primary,converse-bg .btn-outline-primary {
    --converse-btn-color: #0d6efd;
    --converse-btn-border-color: #0d6efd;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #0d6efd;
    --converse-btn-hover-border-color: #0d6efd;
    --converse-btn-focus-shadow-rgb: 13,110,253;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #0d6efd;
    --converse-btn-active-border-color: #0d6efd;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #0d6efd;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #0d6efd;
    --converse-gradient: none;
}

.conversejs .btn-outline-secondary,converse-bg .btn-outline-secondary {
    --converse-btn-color: #6c757d;
    --converse-btn-border-color: #6c757d;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #6c757d;
    --converse-btn-hover-border-color: #6c757d;
    --converse-btn-focus-shadow-rgb: 108,117,125;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #6c757d;
    --converse-btn-active-border-color: #6c757d;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #6c757d;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #6c757d;
    --converse-gradient: none;
}

.conversejs .btn-outline-success,converse-bg .btn-outline-success {
    --converse-btn-color: #198754;
    --converse-btn-border-color: #198754;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #198754;
    --converse-btn-hover-border-color: #198754;
    --converse-btn-focus-shadow-rgb: 25,135,84;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #198754;
    --converse-btn-active-border-color: #198754;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #198754;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #198754;
    --converse-gradient: none;
}

.conversejs .btn-outline-info,converse-bg .btn-outline-info {
    --converse-btn-color: #0dcaf0;
    --converse-btn-border-color: #0dcaf0;
    --converse-btn-hover-color: #000;
    --converse-btn-hover-bg: #0dcaf0;
    --converse-btn-hover-border-color: #0dcaf0;
    --converse-btn-focus-shadow-rgb: 13,202,240;
    --converse-btn-active-color: #000;
    --converse-btn-active-bg: #0dcaf0;
    --converse-btn-active-border-color: #0dcaf0;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #0dcaf0;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #0dcaf0;
    --converse-gradient: none;
}

.conversejs .btn-outline-warning,converse-bg .btn-outline-warning {
    --converse-btn-color: #ffc107;
    --converse-btn-border-color: #ffc107;
    --converse-btn-hover-color: #000;
    --converse-btn-hover-bg: #ffc107;
    --converse-btn-hover-border-color: #ffc107;
    --converse-btn-focus-shadow-rgb: 255,193,7;
    --converse-btn-active-color: #000;
    --converse-btn-active-bg: #ffc107;
    --converse-btn-active-border-color: #ffc107;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #ffc107;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #ffc107;
    --converse-gradient: none;
}

.conversejs .btn-outline-danger,converse-bg .btn-outline-danger {
    --converse-btn-color: #dc3545;
    --converse-btn-border-color: #dc3545;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #dc3545;
    --converse-btn-hover-border-color: #dc3545;
    --converse-btn-focus-shadow-rgb: 220,53,69;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #dc3545;
    --converse-btn-active-border-color: #dc3545;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #dc3545;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #dc3545;
    --converse-gradient: none;
}

.conversejs .btn-outline-light,converse-bg .btn-outline-light {
    --converse-btn-color: #f8f9fa;
    --converse-btn-border-color: #f8f9fa;
    --converse-btn-hover-color: #000;
    --converse-btn-hover-bg: #f8f9fa;
    --converse-btn-hover-border-color: #f8f9fa;
    --converse-btn-focus-shadow-rgb: 248,249,250;
    --converse-btn-active-color: #000;
    --converse-btn-active-bg: #f8f9fa;
    --converse-btn-active-border-color: #f8f9fa;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #f8f9fa;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #f8f9fa;
    --converse-gradient: none;
}

.conversejs .btn-outline-dark,converse-bg .btn-outline-dark {
    --converse-btn-color: #212529;
    --converse-btn-border-color: #212529;
    --converse-btn-hover-color: #fff;
    --converse-btn-hover-bg: #212529;
    --converse-btn-hover-border-color: #212529;
    --converse-btn-focus-shadow-rgb: 33,37,41;
    --converse-btn-active-color: #fff;
    --converse-btn-active-bg: #212529;
    --converse-btn-active-border-color: #212529;
    --converse-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --converse-btn-disabled-color: #212529;
    --converse-btn-disabled-bg: transparent;
    --converse-btn-disabled-border-color: #212529;
    --converse-gradient: none;
}

.conversejs .btn-link,converse-bg .btn-link {
    --converse-btn-font-weight: 400;
    --converse-btn-color: var(--converse-link-color);
    --converse-btn-bg: transparent;
    --converse-btn-border-color: transparent;
    --converse-btn-hover-color: var(--converse-link-hover-color);
    --converse-btn-hover-border-color: transparent;
    --converse-btn-active-color: var(--converse-link-hover-color);
    --converse-btn-active-border-color: transparent;
    --converse-btn-disabled-color: #6c757d;
    --converse-btn-disabled-border-color: transparent;
    --converse-btn-box-shadow: 0 0 0 #000;
    --converse-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline;
}

.conversejs .btn-link:focus-visible {
    color: var(--converse-btn-color);
}

converse-bg .btn-link:focus-visible {
    color: var(--converse-btn-color);
}

.conversejs .btn-link:hover,converse-bg .btn-link:hover {
    color: var(--converse-btn-hover-color);
}

.conversejs .btn-lg,.conversejs .btn-group-lg>.btn,converse-bg .btn-lg,converse-bg .btn-group-lg>.btn {
    --converse-btn-padding-y: .5rem;
    --converse-btn-padding-x: 1rem;
    --converse-btn-font-size: 1.25rem;
    --converse-btn-border-radius: var(--converse-border-radius-lg);
}

.conversejs .btn-sm,.conversejs .btn-group-sm>.btn,converse-bg .btn-sm,converse-bg .btn-group-sm>.btn {
    --converse-btn-padding-y: .25rem;
    --converse-btn-padding-x: .5rem;
    --converse-btn-font-size: .875rem;
    --converse-btn-border-radius: var(--converse-border-radius-sm);
}

.conversejs .fade,converse-bg .fade {
    transition: opacity .15s linear;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .fade,converse-bg .fade {
        transition: none;
    }
}

.conversejs .fade:not(.show),converse-bg .fade:not(.show) {
    opacity: 0;
}

.conversejs .collapse:not(.show),converse-bg .collapse:not(.show) {
    display: none;
}

.conversejs .collapsing,converse-bg .collapsing {
    height: 0;
    transition: height .35s;
    overflow: hidden;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .collapsing,converse-bg .collapsing {
        transition: none;
    }
}

.conversejs .collapsing.collapse-horizontal,converse-bg .collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .collapsing.collapse-horizontal,converse-bg .collapsing.collapse-horizontal {
        transition: none;
    }
}

.conversejs .dropup,.conversejs .dropend,.conversejs .dropdown,.conversejs .dropstart,.conversejs .dropup-center,.conversejs .dropdown-center,converse-bg .dropup,converse-bg .dropend,converse-bg .dropdown,converse-bg .dropstart,converse-bg .dropup-center,converse-bg .dropdown-center {
    position: relative;
}

.conversejs .dropdown-toggle,converse-bg .dropdown-toggle {
    white-space: nowrap;
}

.conversejs .dropdown-toggle:after,converse-bg .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border: .3em solid transparent;
    border-top-color: currentColor;
    border-bottom: 0;
    margin-left: .255em;
    display: inline-block;
}

.conversejs .dropdown-toggle:empty:after,converse-bg .dropdown-toggle:empty:after {
    margin-left: 0;
}

.conversejs .dropdown-menu,converse-bg .dropdown-menu {
    --converse-dropdown-zindex: 1000;
    --converse-dropdown-min-width: 10rem;
    --converse-dropdown-padding-x: 0;
    --converse-dropdown-padding-y: .5rem;
    --converse-dropdown-spacer: .125rem;
    --converse-dropdown-font-size: 1rem;
    --converse-dropdown-color: var(--converse-body-color);
    --converse-dropdown-bg: var(--converse-body-bg);
    --converse-dropdown-border-color: var(--converse-border-color-translucent);
    --converse-dropdown-border-radius: var(--converse-border-radius);
    --converse-dropdown-border-width: var(--converse-border-width);
    --converse-dropdown-inner-border-radius: calc(var(--converse-border-radius) - var(--converse-border-width));
    --converse-dropdown-divider-bg: var(--converse-border-color-translucent);
    --converse-dropdown-divider-margin-y: .5rem;
    --converse-dropdown-box-shadow: var(--converse-box-shadow);
    --converse-dropdown-link-color: var(--converse-body-color);
    --converse-dropdown-link-hover-color: var(--converse-body-color);
    --converse-dropdown-link-hover-bg: var(--converse-tertiary-bg);
    --converse-dropdown-link-active-color: #fff;
    --converse-dropdown-link-active-bg: #0d6efd;
    --converse-dropdown-link-disabled-color: var(--converse-tertiary-color);
    --converse-dropdown-item-padding-x: 1rem;
    --converse-dropdown-item-padding-y: .25rem;
    --converse-dropdown-header-color: #6c757d;
    --converse-dropdown-header-padding-x: 1rem;
    --converse-dropdown-header-padding-y: .5rem;
    z-index: var(--converse-dropdown-zindex);
    min-width: var(--converse-dropdown-min-width);
    padding: var(--converse-dropdown-padding-y)var(--converse-dropdown-padding-x);
    font-size: var(--converse-dropdown-font-size);
    color: var(--converse-dropdown-color);
    text-align: left;
    background-color: var(--converse-dropdown-bg);
    border: var(--converse-dropdown-border-width)solid var(--converse-dropdown-border-color);
    border-radius: var(--converse-dropdown-border-radius);
    background-clip: padding-box;
    margin: 0;
    list-style: none;
    display: none;
    position: absolute;
}

.conversejs .dropdown-menu[data-bs-popper],converse-bg .dropdown-menu[data-bs-popper] {
    margin-top: var(--converse-dropdown-spacer);
    top: 100%;
    left: 0;
}

.conversejs .dropdown-menu-start,converse-bg .dropdown-menu-start {
    --bs-position: start;
}

.conversejs .dropdown-menu-start[data-bs-popper],converse-bg .dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto;
}

.conversejs .dropdown-menu-end,converse-bg .dropdown-menu-end {
    --bs-position: end;
}

.conversejs .dropdown-menu-end[data-bs-popper],converse-bg .dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0;
}

@media (min-width:576px) {
    .conversejs .dropdown-menu-sm-start,converse-bg .dropdown-menu-sm-start {
        --bs-position: start;
    }

    .conversejs .dropdown-menu-sm-start[data-bs-popper],converse-bg .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto;
    }

    .conversejs .dropdown-menu-sm-end,converse-bg .dropdown-menu-sm-end {
        --bs-position: end;
    }

    .conversejs .dropdown-menu-sm-end[data-bs-popper],converse-bg .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0;
    }
}

@media (min-width:768px) {
    .conversejs .dropdown-menu-md-start,converse-bg .dropdown-menu-md-start {
        --bs-position: start;
    }

    .conversejs .dropdown-menu-md-start[data-bs-popper],converse-bg .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto;
    }

    .conversejs .dropdown-menu-md-end,converse-bg .dropdown-menu-md-end {
        --bs-position: end;
    }

    .conversejs .dropdown-menu-md-end[data-bs-popper],converse-bg .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0;
    }
}

@media (min-width:992px) {
    .conversejs .dropdown-menu-lg-start,converse-bg .dropdown-menu-lg-start {
        --bs-position: start;
    }

    .conversejs .dropdown-menu-lg-start[data-bs-popper],converse-bg .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto;
    }

    .conversejs .dropdown-menu-lg-end,converse-bg .dropdown-menu-lg-end {
        --bs-position: end;
    }

    .conversejs .dropdown-menu-lg-end[data-bs-popper],converse-bg .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0;
    }
}

@media (min-width:1200px) {
    .conversejs .dropdown-menu-xl-start,converse-bg .dropdown-menu-xl-start {
        --bs-position: start;
    }

    .conversejs .dropdown-menu-xl-start[data-bs-popper],converse-bg .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto;
    }

    .conversejs .dropdown-menu-xl-end,converse-bg .dropdown-menu-xl-end {
        --bs-position: end;
    }

    .conversejs .dropdown-menu-xl-end[data-bs-popper],converse-bg .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0;
    }
}

@media (min-width:1400px) {
    .conversejs .dropdown-menu-xxl-start,converse-bg .dropdown-menu-xxl-start {
        --bs-position: start;
    }

    .conversejs .dropdown-menu-xxl-start[data-bs-popper],converse-bg .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto;
    }

    .conversejs .dropdown-menu-xxl-end,converse-bg .dropdown-menu-xxl-end {
        --bs-position: end;
    }

    .conversejs .dropdown-menu-xxl-end[data-bs-popper],converse-bg .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0;
    }
}

.conversejs .dropup .dropdown-menu[data-bs-popper],converse-bg .dropup .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-bottom: var(--converse-dropdown-spacer);
    top: auto;
    bottom: 100%;
}

.conversejs .dropup .dropdown-toggle:after,converse-bg .dropup .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border: .3em solid transparent;
    border-top: 0;
    border-bottom-color: currentColor;
    margin-left: .255em;
    display: inline-block;
}

.conversejs .dropup .dropdown-toggle:empty:after,converse-bg .dropup .dropdown-toggle:empty:after {
    margin-left: 0;
}

.conversejs .dropend .dropdown-menu[data-bs-popper],converse-bg .dropend .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-left: var(--converse-dropdown-spacer);
    top: 0;
    left: 100%;
    right: auto;
}

.conversejs .dropend .dropdown-toggle:after,converse-bg .dropend .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border: .3em solid transparent;
    border-left-color: currentColor;
    border-right: 0;
    margin-left: .255em;
    display: inline-block;
}

.conversejs .dropend .dropdown-toggle:empty:after,converse-bg .dropend .dropdown-toggle:empty:after {
    margin-left: 0;
}

.conversejs .dropend .dropdown-toggle:after,converse-bg .dropend .dropdown-toggle:after {
    vertical-align: 0;
}

.conversejs .dropstart .dropdown-menu[data-bs-popper],converse-bg .dropstart .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-right: var(--converse-dropdown-spacer);
    top: 0;
    left: auto;
    right: 100%;
}

.conversejs .dropstart .dropdown-toggle:after,converse-bg .dropstart .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    margin-left: .255em;
    display: none;
}

.conversejs .dropstart .dropdown-toggle:before,converse-bg .dropstart .dropdown-toggle:before {
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    margin-right: .255em;
    display: inline-block;
}

.conversejs .dropstart .dropdown-toggle:empty:after,converse-bg .dropstart .dropdown-toggle:empty:after {
    margin-left: 0;
}

.conversejs .dropstart .dropdown-toggle:before,converse-bg .dropstart .dropdown-toggle:before {
    vertical-align: 0;
}

.conversejs .dropdown-divider,converse-bg .dropdown-divider {
    height: 0;
    margin: var(--converse-dropdown-divider-margin-y)0;
    border-top: 1px solid var(--converse-dropdown-divider-bg);
    opacity: 1;
    overflow: hidden;
}

.conversejs .dropdown-item,converse-bg .dropdown-item {
    width: 100%;
    padding: var(--converse-dropdown-item-padding-y)var(--converse-dropdown-item-padding-x);
    clear: both;
    color: var(--converse-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    border-radius: var(--converse-dropdown-item-border-radius,0);
    background-color: transparent;
    border: 0;
    font-weight: 400;
    text-decoration: none;
    display: block;
}

.conversejs .dropdown-item:hover,.conversejs .dropdown-item:focus,converse-bg .dropdown-item:hover,converse-bg .dropdown-item:focus {
    color: var(--converse-dropdown-link-hover-color);
    background-color: var(--converse-dropdown-link-hover-bg);
}

.conversejs .dropdown-item.active,.conversejs .dropdown-item:active,converse-bg .dropdown-item.active,converse-bg .dropdown-item:active {
    color: var(--converse-dropdown-link-active-color);
    background-color: var(--converse-dropdown-link-active-bg);
    text-decoration: none;
}

.conversejs .dropdown-item.disabled,.conversejs .dropdown-item:disabled,converse-bg .dropdown-item.disabled,converse-bg .dropdown-item:disabled {
    color: var(--converse-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}

.conversejs .dropdown-menu.show,converse-bg .dropdown-menu.show {
    display: block;
}

.conversejs .dropdown-header,converse-bg .dropdown-header {
    padding: var(--converse-dropdown-header-padding-y)var(--converse-dropdown-header-padding-x);
    color: var(--converse-dropdown-header-color);
    white-space: nowrap;
    margin-bottom: 0;
    font-size: .875rem;
    display: block;
}

.conversejs .dropdown-item-text,converse-bg .dropdown-item-text {
    padding: var(--converse-dropdown-item-padding-y)var(--converse-dropdown-item-padding-x);
    color: var(--converse-dropdown-link-color);
    display: block;
}

.conversejs .dropdown-menu-dark,converse-bg .dropdown-menu-dark {
    --converse-dropdown-color: #dee2e6;
    --converse-dropdown-bg: #343a40;
    --converse-dropdown-border-color: var(--converse-border-color-translucent);
    --converse-dropdown-box-shadow: ;--converse-dropdown-link-color:#dee2e6;
    --converse-dropdown-link-hover-color: #fff;
    --converse-dropdown-divider-bg: var(--converse-border-color-translucent);
    --converse-dropdown-link-hover-bg: rgba(255,255,255,.15);
    --converse-dropdown-link-active-color: #fff;
    --converse-dropdown-link-active-bg: #0d6efd;
    --converse-dropdown-link-disabled-color: #adb5bd;
    --converse-dropdown-header-color: #adb5bd;
}

.conversejs .btn-group,.conversejs .btn-group-vertical,converse-bg .btn-group,converse-bg .btn-group-vertical {
    vertical-align: middle;
    display: inline-flex;
    position: relative;
}

.conversejs .btn-group>.btn,.conversejs .btn-group-vertical>.btn,converse-bg .btn-group>.btn,converse-bg .btn-group-vertical>.btn {
    flex: auto;
    position: relative;
}

.conversejs .btn-group>.btn-check:checked+.btn,.conversejs .btn-group>.btn-check:focus+.btn,.conversejs .btn-group>.btn:hover,.conversejs .btn-group>.btn:focus,.conversejs .btn-group>.btn:active,.conversejs .btn-group>.btn.active,.conversejs .btn-group-vertical>.btn-check:checked+.btn,.conversejs .btn-group-vertical>.btn-check:focus+.btn,.conversejs .btn-group-vertical>.btn:hover,.conversejs .btn-group-vertical>.btn:focus,.conversejs .btn-group-vertical>.btn:active,.conversejs .btn-group-vertical>.btn.active,converse-bg .btn-group>.btn-check:checked+.btn,converse-bg .btn-group>.btn-check:focus+.btn,converse-bg .btn-group>.btn:hover,converse-bg .btn-group>.btn:focus,converse-bg .btn-group>.btn:active,converse-bg .btn-group>.btn.active,converse-bg .btn-group-vertical>.btn-check:checked+.btn,converse-bg .btn-group-vertical>.btn-check:focus+.btn,converse-bg .btn-group-vertical>.btn:hover,converse-bg .btn-group-vertical>.btn:focus,converse-bg .btn-group-vertical>.btn:active,converse-bg .btn-group-vertical>.btn.active {
    z-index: 1;
}

.conversejs .btn-toolbar,converse-bg .btn-toolbar {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
}

.conversejs .btn-toolbar .input-group,converse-bg .btn-toolbar .input-group {
    width: auto;
}

.conversejs .btn-group,converse-bg .btn-group {
    border-radius: var(--converse-border-radius);
}

.conversejs .btn-group>:not(.btn-check:first-child)+.btn,.conversejs .btn-group>.btn-group:not(:first-child),converse-bg .btn-group>:not(.btn-check:first-child)+.btn,converse-bg .btn-group>.btn-group:not(:first-child) {
    margin-left: calc(-1*var(--converse-border-width));
}

.conversejs .btn-group>.btn:not(:last-child):not(.dropdown-toggle),.conversejs .btn-group>.btn.dropdown-toggle-split:first-child,.conversejs .btn-group>.btn-group:not(:last-child)>.btn,converse-bg .btn-group>.btn:not(:last-child):not(.dropdown-toggle),converse-bg .btn-group>.btn.dropdown-toggle-split:first-child,converse-bg .btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.conversejs .btn-group>.btn:nth-child(n+3),.conversejs .btn-group>:not(.btn-check)+.btn,.conversejs .btn-group>.btn-group:not(:first-child)>.btn,converse-bg .btn-group>.btn:nth-child(n+3),converse-bg .btn-group>:not(.btn-check)+.btn,converse-bg .btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.conversejs .dropdown-toggle-split,converse-bg .dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem;
}

.conversejs .dropdown-toggle-split:after,.dropup .conversejs .dropdown-toggle-split:after,.dropend .conversejs .dropdown-toggle-split:after,converse-bg .dropdown-toggle-split:after,.dropup converse-bg .dropdown-toggle-split:after,.dropend converse-bg .dropdown-toggle-split:after {
    margin-left: 0;
}

.dropstart .conversejs .dropdown-toggle-split:before,.dropstart converse-bg .dropdown-toggle-split:before {
    margin-right: 0;
}

.conversejs .btn-sm+.dropdown-toggle-split,.conversejs .btn-group-sm>.btn+.dropdown-toggle-split,converse-bg .btn-sm+.dropdown-toggle-split,converse-bg .btn-group-sm>.btn+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem;
}

.conversejs .btn-lg+.dropdown-toggle-split,.conversejs .btn-group-lg>.btn+.dropdown-toggle-split,converse-bg .btn-lg+.dropdown-toggle-split,converse-bg .btn-group-lg>.btn+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem;
}

.conversejs .btn-group-vertical,converse-bg .btn-group-vertical {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.conversejs .btn-group-vertical>.btn,.conversejs .btn-group-vertical>.btn-group,converse-bg .btn-group-vertical>.btn,converse-bg .btn-group-vertical>.btn-group {
    width: 100%;
}

.conversejs .btn-group-vertical>.btn:not(:first-child),.conversejs .btn-group-vertical>.btn-group:not(:first-child),converse-bg .btn-group-vertical>.btn:not(:first-child),converse-bg .btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: calc(-1*var(--converse-border-width));
}

.conversejs .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.conversejs .btn-group-vertical>.btn-group:not(:last-child)>.btn,converse-bg .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),converse-bg .btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.conversejs .btn-group-vertical>.btn:nth-child(n+3),.conversejs .btn-group-vertical>:not(.btn-check)+.btn,.conversejs .btn-group-vertical>.btn-group:not(:first-child)>.btn,converse-bg .btn-group-vertical>.btn:nth-child(n+3),converse-bg .btn-group-vertical>:not(.btn-check)+.btn,converse-bg .btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.conversejs .nav,converse-bg .nav {
    --converse-nav-link-padding-x: 1rem;
    --converse-nav-link-padding-y: .5rem;
    --converse-nav-link-font-weight: ;--converse-nav-link-color:var(--converse-link-color);
    --converse-nav-link-hover-color: var(--converse-link-hover-color);
    --converse-nav-link-disabled-color: var(--converse-secondary-color);
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
}

.conversejs .nav-link,converse-bg .nav-link {
    padding: var(--converse-nav-link-padding-y)var(--converse-nav-link-padding-x);
    font-size: var(--converse-nav-link-font-size);
    font-weight: var(--converse-nav-link-font-weight);
    color: var(--converse-nav-link-color);
    background: 0 0;
    border: 0;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    display: block;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .nav-link,converse-bg .nav-link {
        transition: none;
    }
}

.conversejs .nav-link:hover,.conversejs .nav-link:focus,converse-bg .nav-link:hover,converse-bg .nav-link:focus {
    color: var(--converse-nav-link-hover-color);
}

.conversejs .nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

converse-bg .nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.conversejs .nav-link.disabled,.conversejs .nav-link:disabled,converse-bg .nav-link.disabled,converse-bg .nav-link:disabled {
    color: var(--converse-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}

.conversejs .nav-tabs,converse-bg .nav-tabs {
    --converse-nav-tabs-border-width: var(--converse-border-width);
    --converse-nav-tabs-border-color: var(--converse-border-color);
    --converse-nav-tabs-border-radius: var(--converse-border-radius);
    --converse-nav-tabs-link-hover-border-color: var(--converse-secondary-bg)var(--converse-secondary-bg)var(--converse-border-color);
    --converse-nav-tabs-link-active-color: var(--converse-emphasis-color);
    --converse-nav-tabs-link-active-bg: var(--converse-body-bg);
    --converse-nav-tabs-link-active-border-color: var(--converse-border-color)var(--converse-border-color)var(--converse-body-bg);
    border-bottom: var(--converse-nav-tabs-border-width)solid var(--converse-nav-tabs-border-color);
}

.conversejs .nav-tabs .nav-link,converse-bg .nav-tabs .nav-link {
    margin-bottom: calc(-1*var(--converse-nav-tabs-border-width));
    border: var(--converse-nav-tabs-border-width)solid transparent;
    border-top-left-radius: var(--converse-nav-tabs-border-radius);
    border-top-right-radius: var(--converse-nav-tabs-border-radius);
}

.conversejs .nav-tabs .nav-link:hover,.conversejs .nav-tabs .nav-link:focus,converse-bg .nav-tabs .nav-link:hover,converse-bg .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--converse-nav-tabs-link-hover-border-color);
}

.conversejs .nav-tabs .nav-link.active,.conversejs .nav-tabs .nav-item.show .nav-link,converse-bg .nav-tabs .nav-link.active,converse-bg .nav-tabs .nav-item.show .nav-link {
    color: var(--converse-nav-tabs-link-active-color);
    background-color: var(--converse-nav-tabs-link-active-bg);
    border-color: var(--converse-nav-tabs-link-active-border-color);
}

.conversejs .nav-tabs .dropdown-menu,converse-bg .nav-tabs .dropdown-menu {
    margin-top: calc(-1*var(--converse-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.conversejs .nav-pills,converse-bg .nav-pills {
    --converse-nav-pills-border-radius: var(--converse-border-radius);
    --converse-nav-pills-link-active-color: #fff;
    --converse-nav-pills-link-active-bg: #0d6efd;
}

.conversejs .nav-pills .nav-link,converse-bg .nav-pills .nav-link {
    border-radius: var(--converse-nav-pills-border-radius);
}

.conversejs .nav-pills .nav-link.active,.conversejs .nav-pills .show>.nav-link,converse-bg .nav-pills .nav-link.active,converse-bg .nav-pills .show>.nav-link {
    color: var(--converse-nav-pills-link-active-color);
    background-color: var(--converse-nav-pills-link-active-bg);
}

.conversejs .nav-underline,converse-bg .nav-underline {
    --converse-nav-underline-gap: 1rem;
    --converse-nav-underline-border-width: .125rem;
    --converse-nav-underline-link-active-color: var(--converse-emphasis-color);
    gap: var(--converse-nav-underline-gap);
}

.conversejs .nav-underline .nav-link,converse-bg .nav-underline .nav-link {
    border-bottom: var(--converse-nav-underline-border-width)solid transparent;
    padding-left: 0;
    padding-right: 0;
}

.conversejs .nav-underline .nav-link:hover,.conversejs .nav-underline .nav-link:focus,converse-bg .nav-underline .nav-link:hover,converse-bg .nav-underline .nav-link:focus {
    border-bottom-color: currentColor;
}

.conversejs .nav-underline .nav-link.active,.conversejs .nav-underline .show>.nav-link,converse-bg .nav-underline .nav-link.active,converse-bg .nav-underline .show>.nav-link {
    color: var(--converse-nav-underline-link-active-color);
    border-bottom-color: currentColor;
    font-weight: 700;
}

.conversejs .nav-fill>.nav-link,.conversejs .nav-fill .nav-item,converse-bg .nav-fill>.nav-link,converse-bg .nav-fill .nav-item {
    text-align: center;
    flex: auto;
}

.conversejs .nav-justified>.nav-link,.conversejs .nav-justified .nav-item,converse-bg .nav-justified>.nav-link,converse-bg .nav-justified .nav-item {
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
}

.conversejs .nav-fill .nav-item .nav-link,.conversejs .nav-justified .nav-item .nav-link,converse-bg .nav-fill .nav-item .nav-link,converse-bg .nav-justified .nav-item .nav-link {
    width: 100%;
}

.conversejs .tab-content>.tab-pane,converse-bg .tab-content>.tab-pane {
    display: none;
}

.conversejs .tab-content>.active,converse-bg .tab-content>.active {
    display: block;
}

.conversejs .navbar,converse-bg .navbar {
    --converse-navbar-padding-x: 0;
    --converse-navbar-padding-y: .5rem;
    --converse-navbar-color: rgba(var(--converse-emphasis-color-rgb),.65);
    --converse-navbar-hover-color: rgba(var(--converse-emphasis-color-rgb),.8);
    --converse-navbar-disabled-color: rgba(var(--converse-emphasis-color-rgb),.3);
    --converse-navbar-active-color: rgba(var(--converse-emphasis-color-rgb),1);
    --converse-navbar-brand-padding-y: .3125rem;
    --converse-navbar-brand-margin-end: 1rem;
    --converse-navbar-brand-font-size: 1.25rem;
    --converse-navbar-brand-color: rgba(var(--converse-emphasis-color-rgb),1);
    --converse-navbar-brand-hover-color: rgba(var(--converse-emphasis-color-rgb),1);
    --converse-navbar-nav-link-padding-x: .5rem;
    --converse-navbar-toggler-padding-y: .25rem;
    --converse-navbar-toggler-padding-x: .75rem;
    --converse-navbar-toggler-font-size: 1.25rem;
    --converse-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --converse-navbar-toggler-border-color: rgba(var(--converse-emphasis-color-rgb),.15);
    --converse-navbar-toggler-border-radius: var(--converse-border-radius);
    --converse-navbar-toggler-focus-width: .25rem;
    --converse-navbar-toggler-transition: box-shadow .15s ease-in-out;
    padding: var(--converse-navbar-padding-y)var(--converse-navbar-padding-x);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.conversejs .navbar>.container,.conversejs .navbar>.container-fluid,.conversejs .navbar>.container-sm,.conversejs .navbar>.container-md,.conversejs .navbar>.container-lg,.conversejs .navbar>.container-xl,.conversejs .navbar>.container-xxl,converse-bg .navbar>.container,converse-bg .navbar>.container-fluid,converse-bg .navbar>.container-sm,converse-bg .navbar>.container-md,converse-bg .navbar>.container-lg,converse-bg .navbar>.container-xl,converse-bg .navbar>.container-xxl {
    flex-wrap: inherit;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.conversejs .navbar-brand,converse-bg .navbar-brand {
    padding-top: var(--converse-navbar-brand-padding-y);
    padding-bottom: var(--converse-navbar-brand-padding-y);
    margin-right: var(--converse-navbar-brand-margin-end);
    font-size: var(--converse-navbar-brand-font-size);
    color: var(--converse-navbar-brand-color);
    white-space: nowrap;
    text-decoration: none;
}

.conversejs .navbar-brand:hover,.conversejs .navbar-brand:focus,converse-bg .navbar-brand:hover,converse-bg .navbar-brand:focus {
    color: var(--converse-navbar-brand-hover-color);
}

.conversejs .navbar-nav,converse-bg .navbar-nav {
    --converse-nav-link-padding-x: 0;
    --converse-nav-link-padding-y: .5rem;
    --converse-nav-link-font-weight: ;--converse-nav-link-color:var(--converse-navbar-color);
    --converse-nav-link-hover-color: var(--converse-navbar-hover-color);
    --converse-nav-link-disabled-color: var(--converse-navbar-disabled-color);
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
}

.conversejs .navbar-nav .nav-link.active,.conversejs .navbar-nav .nav-link.show,converse-bg .navbar-nav .nav-link.active,converse-bg .navbar-nav .nav-link.show {
    color: var(--converse-navbar-active-color);
}

.conversejs .navbar-nav .dropdown-menu,converse-bg .navbar-nav .dropdown-menu {
    position: static;
}

.conversejs .navbar-text,converse-bg .navbar-text {
    color: var(--converse-navbar-color);
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.conversejs .navbar-text a,.conversejs .navbar-text a:hover,.conversejs .navbar-text a:focus,converse-bg .navbar-text a,converse-bg .navbar-text a:hover,converse-bg .navbar-text a:focus {
    color: var(--converse-navbar-active-color);
}

.conversejs .navbar-collapse,converse-bg .navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center;
}

.conversejs .navbar-toggler,converse-bg .navbar-toggler {
    padding: var(--converse-navbar-toggler-padding-y)var(--converse-navbar-toggler-padding-x);
    font-size: var(--converse-navbar-toggler-font-size);
    color: var(--converse-navbar-color);
    border: var(--converse-border-width)solid var(--converse-navbar-toggler-border-color);
    border-radius: var(--converse-navbar-toggler-border-radius);
    transition: var(--converse-navbar-toggler-transition);
    background-color: transparent;
    line-height: 1;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .navbar-toggler,converse-bg .navbar-toggler {
        transition: none;
    }
}

.conversejs .navbar-toggler:hover,converse-bg .navbar-toggler:hover {
    text-decoration: none;
}

.conversejs .navbar-toggler:focus,converse-bg .navbar-toggler:focus {
    box-shadow: 0 0 0 var(--converse-navbar-toggler-focus-width);
    outline: 0;
    text-decoration: none;
}

.conversejs .navbar-toggler-icon,converse-bg .navbar-toggler-icon {
    vertical-align: middle;
    background-image: var(--converse-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}

.conversejs .navbar-nav-scroll,converse-bg .navbar-nav-scroll {
    max-height: var(--converse-scroll-height,75vh);
    overflow-y: auto;
}

@media (min-width:576px) {
    .conversejs .navbar-expand-sm,converse-bg .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .conversejs .navbar-expand-sm .navbar-nav,converse-bg .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }

    .conversejs .navbar-expand-sm .navbar-nav .dropdown-menu,converse-bg .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .conversejs .navbar-expand-sm .navbar-nav .nav-link,converse-bg .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--converse-navbar-nav-link-padding-x);
        padding-left: var(--converse-navbar-nav-link-padding-x);
    }

    .conversejs .navbar-expand-sm .navbar-nav-scroll,converse-bg .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }

    .conversejs .navbar-expand-sm .navbar-collapse,converse-bg .navbar-expand-sm .navbar-collapse {
        flex-basis: auto;
        display: flex!important;
    }

    .conversejs .navbar-expand-sm .navbar-toggler,converse-bg .navbar-expand-sm .navbar-toggler {
        display: none;
    }

    .conversejs .navbar-expand-sm .offcanvas,converse-bg .navbar-expand-sm .offcanvas {
        z-index: auto;
        flex-grow: 1;
        transition: none;
        position: static;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        width: auto!important;
        height: auto!important;
        transform: none!important;
    }

    .conversejs .navbar-expand-sm .offcanvas .offcanvas-header,converse-bg .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none;
    }

    .conversejs .navbar-expand-sm .offcanvas .offcanvas-body,converse-bg .navbar-expand-sm .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        display: flex;
        overflow-y: visible;
    }
}

@media (min-width:768px) {
    .conversejs .navbar-expand-md,converse-bg .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .conversejs .navbar-expand-md .navbar-nav,converse-bg .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .conversejs .navbar-expand-md .navbar-nav .dropdown-menu,converse-bg .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .conversejs .navbar-expand-md .navbar-nav .nav-link,converse-bg .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--converse-navbar-nav-link-padding-x);
        padding-left: var(--converse-navbar-nav-link-padding-x);
    }

    .conversejs .navbar-expand-md .navbar-nav-scroll,converse-bg .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }

    .conversejs .navbar-expand-md .navbar-collapse,converse-bg .navbar-expand-md .navbar-collapse {
        flex-basis: auto;
        display: flex!important;
    }

    .conversejs .navbar-expand-md .navbar-toggler,converse-bg .navbar-expand-md .navbar-toggler {
        display: none;
    }

    .conversejs .navbar-expand-md .offcanvas,converse-bg .navbar-expand-md .offcanvas {
        z-index: auto;
        flex-grow: 1;
        transition: none;
        position: static;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        width: auto!important;
        height: auto!important;
        transform: none!important;
    }

    .conversejs .navbar-expand-md .offcanvas .offcanvas-header,converse-bg .navbar-expand-md .offcanvas .offcanvas-header {
        display: none;
    }

    .conversejs .navbar-expand-md .offcanvas .offcanvas-body,converse-bg .navbar-expand-md .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        display: flex;
        overflow-y: visible;
    }
}

@media (min-width:992px) {
    .conversejs .navbar-expand-lg,converse-bg .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .conversejs .navbar-expand-lg .navbar-nav,converse-bg .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .conversejs .navbar-expand-lg .navbar-nav .dropdown-menu,converse-bg .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .conversejs .navbar-expand-lg .navbar-nav .nav-link,converse-bg .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--converse-navbar-nav-link-padding-x);
        padding-left: var(--converse-navbar-nav-link-padding-x);
    }

    .conversejs .navbar-expand-lg .navbar-nav-scroll,converse-bg .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }

    .conversejs .navbar-expand-lg .navbar-collapse,converse-bg .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
        display: flex!important;
    }

    .conversejs .navbar-expand-lg .navbar-toggler,converse-bg .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .conversejs .navbar-expand-lg .offcanvas,converse-bg .navbar-expand-lg .offcanvas {
        z-index: auto;
        flex-grow: 1;
        transition: none;
        position: static;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        width: auto!important;
        height: auto!important;
        transform: none!important;
    }

    .conversejs .navbar-expand-lg .offcanvas .offcanvas-header,converse-bg .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none;
    }

    .conversejs .navbar-expand-lg .offcanvas .offcanvas-body,converse-bg .navbar-expand-lg .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        display: flex;
        overflow-y: visible;
    }
}

@media (min-width:1200px) {
    .conversejs .navbar-expand-xl,converse-bg .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .conversejs .navbar-expand-xl .navbar-nav,converse-bg .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .conversejs .navbar-expand-xl .navbar-nav .dropdown-menu,converse-bg .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .conversejs .navbar-expand-xl .navbar-nav .nav-link,converse-bg .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--converse-navbar-nav-link-padding-x);
        padding-left: var(--converse-navbar-nav-link-padding-x);
    }

    .conversejs .navbar-expand-xl .navbar-nav-scroll,converse-bg .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }

    .conversejs .navbar-expand-xl .navbar-collapse,converse-bg .navbar-expand-xl .navbar-collapse {
        flex-basis: auto;
        display: flex!important;
    }

    .conversejs .navbar-expand-xl .navbar-toggler,converse-bg .navbar-expand-xl .navbar-toggler {
        display: none;
    }

    .conversejs .navbar-expand-xl .offcanvas,converse-bg .navbar-expand-xl .offcanvas {
        z-index: auto;
        flex-grow: 1;
        transition: none;
        position: static;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        width: auto!important;
        height: auto!important;
        transform: none!important;
    }

    .conversejs .navbar-expand-xl .offcanvas .offcanvas-header,converse-bg .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none;
    }

    .conversejs .navbar-expand-xl .offcanvas .offcanvas-body,converse-bg .navbar-expand-xl .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        display: flex;
        overflow-y: visible;
    }
}

@media (min-width:1400px) {
    .conversejs .navbar-expand-xxl,converse-bg .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .conversejs .navbar-expand-xxl .navbar-nav,converse-bg .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }

    .conversejs .navbar-expand-xxl .navbar-nav .dropdown-menu,converse-bg .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .conversejs .navbar-expand-xxl .navbar-nav .nav-link,converse-bg .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--converse-navbar-nav-link-padding-x);
        padding-left: var(--converse-navbar-nav-link-padding-x);
    }

    .conversejs .navbar-expand-xxl .navbar-nav-scroll,converse-bg .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }

    .conversejs .navbar-expand-xxl .navbar-collapse,converse-bg .navbar-expand-xxl .navbar-collapse {
        flex-basis: auto;
        display: flex!important;
    }

    .conversejs .navbar-expand-xxl .navbar-toggler,converse-bg .navbar-expand-xxl .navbar-toggler {
        display: none;
    }

    .conversejs .navbar-expand-xxl .offcanvas,converse-bg .navbar-expand-xxl .offcanvas {
        z-index: auto;
        flex-grow: 1;
        transition: none;
        position: static;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        width: auto!important;
        height: auto!important;
        transform: none!important;
    }

    .conversejs .navbar-expand-xxl .offcanvas .offcanvas-header,converse-bg .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none;
    }

    .conversejs .navbar-expand-xxl .offcanvas .offcanvas-body,converse-bg .navbar-expand-xxl .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        display: flex;
        overflow-y: visible;
    }
}

.conversejs .navbar-expand,converse-bg .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.conversejs .navbar-expand .navbar-nav,converse-bg .navbar-expand .navbar-nav {
    flex-direction: row;
}

.conversejs .navbar-expand .navbar-nav .dropdown-menu,converse-bg .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.conversejs .navbar-expand .navbar-nav .nav-link,converse-bg .navbar-expand .navbar-nav .nav-link {
    padding-right: var(--converse-navbar-nav-link-padding-x);
    padding-left: var(--converse-navbar-nav-link-padding-x);
}

.conversejs .navbar-expand .navbar-nav-scroll,converse-bg .navbar-expand .navbar-nav-scroll {
    overflow: visible;
}

.conversejs .navbar-expand .navbar-collapse,converse-bg .navbar-expand .navbar-collapse {
    flex-basis: auto;
    display: flex!important;
}

.conversejs .navbar-expand .navbar-toggler,converse-bg .navbar-expand .navbar-toggler {
    display: none;
}

.conversejs .navbar-expand .offcanvas,converse-bg .navbar-expand .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    width: auto!important;
    height: auto!important;
    transform: none!important;
}

.conversejs .navbar-expand .offcanvas .offcanvas-header,converse-bg .navbar-expand .offcanvas .offcanvas-header {
    display: none;
}

.conversejs .navbar-expand .offcanvas .offcanvas-body,converse-bg .navbar-expand .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
}

.conversejs .navbar-dark,.conversejs .navbar[data-bs-theme=dark],converse-bg .navbar-dark,converse-bg .navbar[data-bs-theme=dark] {
    --converse-navbar-color: rgba(255,255,255,.55);
    --converse-navbar-hover-color: rgba(255,255,255,.75);
    --converse-navbar-disabled-color: rgba(255,255,255,.25);
    --converse-navbar-active-color: #fff;
    --converse-navbar-brand-color: #fff;
    --converse-navbar-brand-hover-color: #fff;
    --converse-navbar-toggler-border-color: rgba(255,255,255,.1);
    --converse-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.conversejs [data-bs-theme=dark] .navbar-toggler-icon,converse-bg [data-bs-theme=dark] .navbar-toggler-icon {
    --converse-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.conversejs .card,converse-bg .card {
    --converse-card-spacer-y: 1rem;
    --converse-card-spacer-x: 1rem;
    --converse-card-title-spacer-y: .5rem;
    --converse-card-title-color: ;--converse-card-subtitle-color:;
    --converse-card-border-width: var(--converse-border-width);
    --converse-card-border-color: var(--converse-border-color-translucent);
    --converse-card-border-radius: var(--converse-border-radius);
    --converse-card-box-shadow: ;--converse-card-inner-border-radius:calc(var(--converse-border-radius) - (var(--converse-border-width)));
    --converse-card-cap-padding-y: .5rem;
    --converse-card-cap-padding-x: 1rem;
    --converse-card-cap-bg: rgba(var(--converse-body-color-rgb),.03);
    --converse-card-cap-color: ;--converse-card-height:;
    --converse-card-color: ;--converse-card-bg:var(--converse-body-bg);
    --converse-card-img-overlay-padding: 1rem;
    --converse-card-group-margin: .75rem;
    min-width: 0;
    height: var(--converse-card-height);
    color: var(--converse-body-color);
    word-wrap: break-word;
    background-color: var(--converse-card-bg);
    border: var(--converse-card-border-width)solid var(--converse-card-border-color);
    border-radius: var(--converse-card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    display: flex;
    position: relative;
}

.conversejs .card>hr,converse-bg .card>hr {
    margin-left: 0;
    margin-right: 0;
}

.conversejs .card>.list-group,converse-bg .card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.conversejs .card>.list-group:first-child,converse-bg .card>.list-group:first-child {
    border-top-left-radius: var(--converse-card-inner-border-radius);
    border-top-right-radius: var(--converse-card-inner-border-radius);
    border-top-width: 0;
}

.conversejs .card>.list-group:last-child,converse-bg .card>.list-group:last-child {
    border-bottom-right-radius: var(--converse-card-inner-border-radius);
    border-bottom-left-radius: var(--converse-card-inner-border-radius);
    border-bottom-width: 0;
}

.conversejs .card>.card-header+.list-group,.conversejs .card>.list-group+.card-footer,converse-bg .card>.card-header+.list-group,converse-bg .card>.list-group+.card-footer {
    border-top: 0;
}

.conversejs .card-body,converse-bg .card-body {
    padding: var(--converse-card-spacer-y)var(--converse-card-spacer-x);
    color: var(--converse-card-color);
    flex: auto;
}

.conversejs .card-title,converse-bg .card-title {
    margin-bottom: var(--converse-card-title-spacer-y);
    color: var(--converse-card-title-color);
}

.conversejs .card-subtitle,converse-bg .card-subtitle {
    margin-top: calc(-.5*var(--converse-card-title-spacer-y));
    color: var(--converse-card-subtitle-color);
    margin-bottom: 0;
}

.conversejs .card-text:last-child,converse-bg .card-text:last-child {
    margin-bottom: 0;
}

.conversejs .card-link+.card-link,converse-bg .card-link+.card-link {
    margin-left: var(--converse-card-spacer-x);
}

.conversejs .card-header,converse-bg .card-header {
    padding: var(--converse-card-cap-padding-y)var(--converse-card-cap-padding-x);
    color: var(--converse-card-cap-color);
    background-color: var(--converse-card-cap-bg);
    border-bottom: var(--converse-card-border-width)solid var(--converse-card-border-color);
    margin-bottom: 0;
}

.conversejs .card-header:first-child,converse-bg .card-header:first-child {
    border-radius: var(--converse-card-inner-border-radius)var(--converse-card-inner-border-radius)0 0;
}

.conversejs .card-footer,converse-bg .card-footer {
    padding: var(--converse-card-cap-padding-y)var(--converse-card-cap-padding-x);
    color: var(--converse-card-cap-color);
    background-color: var(--converse-card-cap-bg);
    border-top: var(--converse-card-border-width)solid var(--converse-card-border-color);
}

.conversejs .card-footer:last-child,converse-bg .card-footer:last-child {
    border-radius: 0 0 var(--converse-card-inner-border-radius)var(--converse-card-inner-border-radius);
}

.conversejs .card-header-tabs,converse-bg .card-header-tabs {
    margin-right: calc(-.5*var(--converse-card-cap-padding-x));
    margin-bottom: calc(-1*var(--converse-card-cap-padding-y));
    margin-left: calc(-.5*var(--converse-card-cap-padding-x));
    border-bottom: 0;
}

.conversejs .card-header-tabs .nav-link.active,converse-bg .card-header-tabs .nav-link.active {
    background-color: var(--converse-card-bg);
    border-bottom-color: var(--converse-card-bg);
}

.conversejs .card-header-pills,converse-bg .card-header-pills {
    margin-right: calc(-.5*var(--converse-card-cap-padding-x));
    margin-left: calc(-.5*var(--converse-card-cap-padding-x));
}

.conversejs .card-img-overlay,converse-bg .card-img-overlay {
    padding: var(--converse-card-img-overlay-padding);
    border-radius: var(--converse-card-inner-border-radius);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.conversejs .card-img,.conversejs .card-img-top,.conversejs .card-img-bottom,converse-bg .card-img,converse-bg .card-img-top,converse-bg .card-img-bottom {
    width: 100%;
}

.conversejs .card-img,.conversejs .card-img-top,converse-bg .card-img,converse-bg .card-img-top {
    border-top-left-radius: var(--converse-card-inner-border-radius);
    border-top-right-radius: var(--converse-card-inner-border-radius);
}

.conversejs .card-img,.conversejs .card-img-bottom,converse-bg .card-img,converse-bg .card-img-bottom {
    border-bottom-right-radius: var(--converse-card-inner-border-radius);
    border-bottom-left-radius: var(--converse-card-inner-border-radius);
}

.conversejs .card-group>.card,converse-bg .card-group>.card {
    margin-bottom: var(--converse-card-group-margin);
}

@media (min-width:576px) {
    .conversejs .card-group,converse-bg .card-group {
        flex-flow: wrap;
        display: flex;
    }

    .conversejs .card-group>.card,converse-bg .card-group>.card {
        flex: 1 0 0;
        margin-bottom: 0;
    }

    .conversejs .card-group>.card+.card,converse-bg .card-group>.card+.card {
        border-left: 0;
        margin-left: 0;
    }

    .conversejs .card-group>.card:not(:last-child),converse-bg .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .conversejs .card-group>.card:not(:last-child)>.card-img-top,.conversejs .card-group>.card:not(:last-child)>.card-header,converse-bg .card-group>.card:not(:last-child)>.card-img-top,converse-bg .card-group>.card:not(:last-child)>.card-header {
        border-top-right-radius: 0;
    }

    .conversejs .card-group>.card:not(:last-child)>.card-img-bottom,.conversejs .card-group>.card:not(:last-child)>.card-footer,converse-bg .card-group>.card:not(:last-child)>.card-img-bottom,converse-bg .card-group>.card:not(:last-child)>.card-footer {
        border-bottom-right-radius: 0;
    }

    .conversejs .card-group>.card:not(:first-child),converse-bg .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .conversejs .card-group>.card:not(:first-child)>.card-img-top,.conversejs .card-group>.card:not(:first-child)>.card-header,converse-bg .card-group>.card:not(:first-child)>.card-img-top,converse-bg .card-group>.card:not(:first-child)>.card-header {
        border-top-left-radius: 0;
    }

    .conversejs .card-group>.card:not(:first-child)>.card-img-bottom,.conversejs .card-group>.card:not(:first-child)>.card-footer,converse-bg .card-group>.card:not(:first-child)>.card-img-bottom,converse-bg .card-group>.card:not(:first-child)>.card-footer {
        border-bottom-left-radius: 0;
    }
}

.conversejs .breadcrumb,converse-bg .breadcrumb {
    --converse-breadcrumb-padding-x: 0;
    --converse-breadcrumb-padding-y: 0;
    --converse-breadcrumb-margin-bottom: 1rem;
    --converse-breadcrumb-bg: ;--converse-breadcrumb-border-radius:;
    --converse-breadcrumb-divider-color: var(--converse-secondary-color);
    --converse-breadcrumb-item-padding-x: .5rem;
    --converse-breadcrumb-item-active-color: var(--converse-secondary-color);
    padding: var(--converse-breadcrumb-padding-y)var(--converse-breadcrumb-padding-x);
    margin-bottom: var(--converse-breadcrumb-margin-bottom);
    font-size: var(--converse-breadcrumb-font-size);
    background-color: var(--converse-breadcrumb-bg);
    border-radius: var(--converse-breadcrumb-border-radius);
    flex-wrap: wrap;
    list-style: none;
    display: flex;
}

.conversejs .breadcrumb-item+.breadcrumb-item,converse-bg .breadcrumb-item+.breadcrumb-item {
    padding-left: var(--converse-breadcrumb-item-padding-x);
}

.conversejs .breadcrumb-item+.breadcrumb-item:before,converse-bg .breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--converse-breadcrumb-item-padding-x);
    color: var(--converse-breadcrumb-divider-color);
    content: var(--converse-breadcrumb-divider,"/");
}

.conversejs .breadcrumb-item.active,converse-bg .breadcrumb-item.active {
    color: var(--converse-breadcrumb-item-active-color);
}

.conversejs .badge,converse-bg .badge {
    --converse-badge-padding-x: .65em;
    --converse-badge-padding-y: .35em;
    --converse-badge-font-size: .75em;
    --converse-badge-font-weight: 700;
    --converse-badge-color: #fff;
    --converse-badge-border-radius: var(--converse-border-radius);
    padding: var(--converse-badge-padding-y)var(--converse-badge-padding-x);
    font-size: var(--converse-badge-font-size);
    font-weight: var(--converse-badge-font-weight);
    color: var(--converse-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--converse-badge-border-radius);
    line-height: 1;
    display: inline-block;
}

.conversejs .badge:empty,converse-bg .badge:empty {
    display: none;
}

.conversejs .btn .badge,converse-bg .btn .badge {
    position: relative;
    top: -1px;
}

.conversejs .alert,converse-bg .alert {
    --converse-alert-bg: transparent;
    --converse-alert-padding-x: 1rem;
    --converse-alert-padding-y: 1rem;
    --converse-alert-margin-bottom: 1rem;
    --converse-alert-color: inherit;
    --converse-alert-border-color: transparent;
    --converse-alert-border: var(--converse-border-width)solid var(--converse-alert-border-color);
    --converse-alert-border-radius: var(--converse-border-radius);
    --converse-alert-link-color: inherit;
    padding: var(--converse-alert-padding-y)var(--converse-alert-padding-x);
    margin-bottom: var(--converse-alert-margin-bottom);
    color: var(--converse-alert-color);
    background-color: var(--converse-alert-bg);
    border: var(--converse-alert-border);
    border-radius: var(--converse-alert-border-radius);
    position: relative;
}

.conversejs .alert-heading,converse-bg .alert-heading {
    color: inherit;
}

.conversejs .alert-link,converse-bg .alert-link {
    color: var(--converse-alert-link-color);
    font-weight: 700;
}

.conversejs .alert-dismissible,converse-bg .alert-dismissible {
    padding-right: 3rem;
}

.conversejs .alert-dismissible .btn-close,converse-bg .alert-dismissible .btn-close {
    z-index: 2;
    padding: 1.25rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
}

.conversejs .alert-primary,converse-bg .alert-primary {
    --converse-alert-color: var(--converse-primary-text-emphasis);
    --converse-alert-bg: var(--converse-primary-bg-subtle);
    --converse-alert-border-color: var(--converse-primary-border-subtle);
    --converse-alert-link-color: var(--converse-primary-text-emphasis);
}

.conversejs .alert-secondary,converse-bg .alert-secondary {
    --converse-alert-color: var(--converse-secondary-text-emphasis);
    --converse-alert-bg: var(--converse-secondary-bg-subtle);
    --converse-alert-border-color: var(--converse-secondary-border-subtle);
    --converse-alert-link-color: var(--converse-secondary-text-emphasis);
}

.conversejs .alert-success,converse-bg .alert-success {
    --converse-alert-color: var(--converse-success-text-emphasis);
    --converse-alert-bg: var(--converse-success-bg-subtle);
    --converse-alert-border-color: var(--converse-success-border-subtle);
    --converse-alert-link-color: var(--converse-success-text-emphasis);
}

.conversejs .alert-info,converse-bg .alert-info {
    --converse-alert-color: var(--converse-info-text-emphasis);
    --converse-alert-bg: var(--converse-info-bg-subtle);
    --converse-alert-border-color: var(--converse-info-border-subtle);
    --converse-alert-link-color: var(--converse-info-text-emphasis);
}

.conversejs .alert-warning,converse-bg .alert-warning {
    --converse-alert-color: var(--converse-warning-text-emphasis);
    --converse-alert-bg: var(--converse-warning-bg-subtle);
    --converse-alert-border-color: var(--converse-warning-border-subtle);
    --converse-alert-link-color: var(--converse-warning-text-emphasis);
}

.conversejs .alert-danger,converse-bg .alert-danger {
    --converse-alert-color: var(--converse-danger-text-emphasis);
    --converse-alert-bg: var(--converse-danger-bg-subtle);
    --converse-alert-border-color: var(--converse-danger-border-subtle);
    --converse-alert-link-color: var(--converse-danger-text-emphasis);
}

.conversejs .alert-light,converse-bg .alert-light {
    --converse-alert-color: var(--converse-light-text-emphasis);
    --converse-alert-bg: var(--converse-light-bg-subtle);
    --converse-alert-border-color: var(--converse-light-border-subtle);
    --converse-alert-link-color: var(--converse-light-text-emphasis);
}

.conversejs .alert-dark,converse-bg .alert-dark {
    --converse-alert-color: var(--converse-dark-text-emphasis);
    --converse-alert-bg: var(--converse-dark-bg-subtle);
    --converse-alert-border-color: var(--converse-dark-border-subtle);
    --converse-alert-link-color: var(--converse-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--converse-progress-height);
    }
}

.conversejs .progress,.conversejs .progress-stacked,converse-bg .progress,converse-bg .progress-stacked {
    --converse-progress-height: 1rem;
    --converse-progress-font-size: .75rem;
    --converse-progress-bg: var(--converse-secondary-bg);
    --converse-progress-border-radius: var(--converse-border-radius);
    --converse-progress-box-shadow: var(--converse-box-shadow-inset);
    --converse-progress-bar-color: #fff;
    --converse-progress-bar-bg: #0d6efd;
    --converse-progress-bar-transition: width .6s ease;
    height: var(--converse-progress-height);
    font-size: var(--converse-progress-font-size);
    background-color: var(--converse-progress-bg);
    border-radius: var(--converse-progress-border-radius);
    display: flex;
    overflow: hidden;
}

.conversejs .progress-bar,converse-bg .progress-bar {
    color: var(--converse-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--converse-progress-bar-bg);
    transition: var(--converse-progress-bar-transition);
    flex-direction: column;
    justify-content: center;
    display: flex;
    overflow: hidden;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .progress-bar,converse-bg .progress-bar {
        transition: none;
    }
}

.conversejs .progress-bar-striped,converse-bg .progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--converse-progress-height)var(--converse-progress-height);
}

.conversejs .progress-stacked>.progress,converse-bg .progress-stacked>.progress {
    overflow: visible;
}

.conversejs .progress-stacked>.progress>.progress-bar,converse-bg .progress-stacked>.progress>.progress-bar {
    width: 100%;
}

.conversejs .progress-bar-animated,converse-bg .progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .progress-bar-animated,converse-bg .progress-bar-animated {
        animation: none;
    }
}

.conversejs .list-group,converse-bg .list-group {
    --converse-list-group-color: var(--converse-body-color);
    --converse-list-group-bg: var(--converse-body-bg);
    --converse-list-group-border-color: var(--converse-border-color);
    --converse-list-group-border-width: var(--converse-border-width);
    --converse-list-group-border-radius: var(--converse-border-radius);
    --converse-list-group-item-padding-x: 1rem;
    --converse-list-group-item-padding-y: .5rem;
    --converse-list-group-action-color: var(--converse-secondary-color);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-tertiary-bg);
    --converse-list-group-action-active-color: var(--converse-body-color);
    --converse-list-group-action-active-bg: var(--converse-secondary-bg);
    --converse-list-group-disabled-color: var(--converse-secondary-color);
    --converse-list-group-disabled-bg: var(--converse-body-bg);
    --converse-list-group-active-color: #fff;
    --converse-list-group-active-bg: #0d6efd;
    --converse-list-group-active-border-color: #0d6efd;
    border-radius: var(--converse-list-group-border-radius);
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.conversejs .list-group-numbered,converse-bg .list-group-numbered {
    counter-reset: section;
    list-style-type: none;
}

.conversejs .list-group-numbered>.list-group-item:before,converse-bg .list-group-numbered>.list-group-item:before {
    content: counters(section,".")". ";
    counter-increment: section;
}

.conversejs .list-group-item,converse-bg .list-group-item {
    padding: var(--converse-list-group-item-padding-y)var(--converse-list-group-item-padding-x);
    color: var(--converse-list-group-color);
    background-color: var(--converse-list-group-bg);
    border: var(--converse-list-group-border-width)solid var(--converse-list-group-border-color);
    text-decoration: none;
    display: block;
    position: relative;
}

.conversejs .list-group-item:first-child,converse-bg .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.conversejs .list-group-item:last-child,converse-bg .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.conversejs .list-group-item.disabled,.conversejs .list-group-item:disabled,converse-bg .list-group-item.disabled,converse-bg .list-group-item:disabled {
    color: var(--converse-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--converse-list-group-disabled-bg);
}

.conversejs .list-group-item.active,converse-bg .list-group-item.active {
    z-index: 2;
    color: var(--converse-list-group-active-color);
    background-color: var(--converse-list-group-active-bg);
    border-color: var(--converse-list-group-active-border-color);
}

.conversejs .list-group-item+.list-group-item,converse-bg .list-group-item+.list-group-item {
    border-top-width: 0;
}

.conversejs .list-group-item+.list-group-item.active,converse-bg .list-group-item+.list-group-item.active {
    margin-top: calc(-1*var(--converse-list-group-border-width));
    border-top-width: var(--converse-list-group-border-width);
}

.conversejs .list-group-item-action,converse-bg .list-group-item-action {
    width: 100%;
    color: var(--converse-list-group-action-color);
    text-align: inherit;
}

.conversejs .list-group-item-action:not(.active):hover,.conversejs .list-group-item-action:not(.active):focus,converse-bg .list-group-item-action:not(.active):hover,converse-bg .list-group-item-action:not(.active):focus {
    z-index: 1;
    color: var(--converse-list-group-action-hover-color);
    background-color: var(--converse-list-group-action-hover-bg);
    text-decoration: none;
}

.conversejs .list-group-item-action:not(.active):active,converse-bg .list-group-item-action:not(.active):active {
    color: var(--converse-list-group-action-active-color);
    background-color: var(--converse-list-group-action-active-bg);
}

.conversejs .list-group-horizontal,converse-bg .list-group-horizontal {
    flex-direction: row;
}

.conversejs .list-group-horizontal>.list-group-item:first-child:not(:last-child),converse-bg .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--converse-list-group-border-radius);
    border-top-right-radius: 0;
}

.conversejs .list-group-horizontal>.list-group-item:last-child:not(:first-child),converse-bg .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--converse-list-group-border-radius);
    border-bottom-left-radius: 0;
}

.conversejs .list-group-horizontal>.list-group-item.active,converse-bg .list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}

.conversejs .list-group-horizontal>.list-group-item+.list-group-item,converse-bg .list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--converse-list-group-border-width);
    border-left-width: 0;
}

.conversejs .list-group-horizontal>.list-group-item+.list-group-item.active,converse-bg .list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--converse-list-group-border-width));
    border-left-width: var(--converse-list-group-border-width);
}

@media (min-width:576px) {
    .conversejs .list-group-horizontal-sm,converse-bg .list-group-horizontal-sm {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child),converse-bg .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child),converse-bg .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item.active,converse-bg .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item+.list-group-item,converse-bg .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item+.list-group-item.active,converse-bg .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:768px) {
    .conversejs .list-group-horizontal-md,converse-bg .list-group-horizontal-md {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-md>.list-group-item:first-child:not(:last-child),converse-bg .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item:last-child:not(:first-child),converse-bg .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item.active,converse-bg .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item+.list-group-item,converse-bg .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item+.list-group-item.active,converse-bg .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:992px) {
    .conversejs .list-group-horizontal-lg,converse-bg .list-group-horizontal-lg {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child),converse-bg .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child),converse-bg .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item.active,converse-bg .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item+.list-group-item,converse-bg .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item+.list-group-item.active,converse-bg .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:1200px) {
    .conversejs .list-group-horizontal-xl,converse-bg .list-group-horizontal-xl {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child),converse-bg .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child),converse-bg .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item.active,converse-bg .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item+.list-group-item,converse-bg .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item+.list-group-item.active,converse-bg .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:1400px) {
    .conversejs .list-group-horizontal-xxl,converse-bg .list-group-horizontal-xxl {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child),converse-bg .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child),converse-bg .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item.active,converse-bg .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item+.list-group-item,converse-bg .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item+.list-group-item.active,converse-bg .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

.conversejs .list-group-flush,converse-bg .list-group-flush {
    border-radius: 0;
}

.conversejs .list-group-flush>.list-group-item,converse-bg .list-group-flush>.list-group-item {
    border-width: 0 0 var(--converse-list-group-border-width);
}

.conversejs .list-group-flush>.list-group-item:last-child,converse-bg .list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

.conversejs .list-group-item-primary,converse-bg .list-group-item-primary {
    --converse-list-group-color: var(--converse-primary-text-emphasis);
    --converse-list-group-bg: var(--converse-primary-bg-subtle);
    --converse-list-group-border-color: var(--converse-primary-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-primary-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-primary-border-subtle);
    --converse-list-group-active-color: var(--converse-primary-bg-subtle);
    --converse-list-group-active-bg: var(--converse-primary-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-primary-text-emphasis);
}

.conversejs .list-group-item-secondary,converse-bg .list-group-item-secondary {
    --converse-list-group-color: var(--converse-secondary-text-emphasis);
    --converse-list-group-bg: var(--converse-secondary-bg-subtle);
    --converse-list-group-border-color: var(--converse-secondary-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-secondary-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-secondary-border-subtle);
    --converse-list-group-active-color: var(--converse-secondary-bg-subtle);
    --converse-list-group-active-bg: var(--converse-secondary-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-secondary-text-emphasis);
}

.conversejs .list-group-item-success,converse-bg .list-group-item-success {
    --converse-list-group-color: var(--converse-success-text-emphasis);
    --converse-list-group-bg: var(--converse-success-bg-subtle);
    --converse-list-group-border-color: var(--converse-success-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-success-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-success-border-subtle);
    --converse-list-group-active-color: var(--converse-success-bg-subtle);
    --converse-list-group-active-bg: var(--converse-success-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-success-text-emphasis);
}

.conversejs .list-group-item-info,converse-bg .list-group-item-info {
    --converse-list-group-color: var(--converse-info-text-emphasis);
    --converse-list-group-bg: var(--converse-info-bg-subtle);
    --converse-list-group-border-color: var(--converse-info-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-info-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-info-border-subtle);
    --converse-list-group-active-color: var(--converse-info-bg-subtle);
    --converse-list-group-active-bg: var(--converse-info-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-info-text-emphasis);
}

.conversejs .list-group-item-warning,converse-bg .list-group-item-warning {
    --converse-list-group-color: var(--converse-warning-text-emphasis);
    --converse-list-group-bg: var(--converse-warning-bg-subtle);
    --converse-list-group-border-color: var(--converse-warning-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-warning-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-warning-border-subtle);
    --converse-list-group-active-color: var(--converse-warning-bg-subtle);
    --converse-list-group-active-bg: var(--converse-warning-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-warning-text-emphasis);
}

.conversejs .list-group-item-danger,converse-bg .list-group-item-danger {
    --converse-list-group-color: var(--converse-danger-text-emphasis);
    --converse-list-group-bg: var(--converse-danger-bg-subtle);
    --converse-list-group-border-color: var(--converse-danger-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-danger-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-danger-border-subtle);
    --converse-list-group-active-color: var(--converse-danger-bg-subtle);
    --converse-list-group-active-bg: var(--converse-danger-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-danger-text-emphasis);
}

.conversejs .list-group-item-light,converse-bg .list-group-item-light {
    --converse-list-group-color: var(--converse-light-text-emphasis);
    --converse-list-group-bg: var(--converse-light-bg-subtle);
    --converse-list-group-border-color: var(--converse-light-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-light-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-light-border-subtle);
    --converse-list-group-active-color: var(--converse-light-bg-subtle);
    --converse-list-group-active-bg: var(--converse-light-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-light-text-emphasis);
}

.conversejs .list-group-item-dark,converse-bg .list-group-item-dark {
    --converse-list-group-color: var(--converse-dark-text-emphasis);
    --converse-list-group-bg: var(--converse-dark-bg-subtle);
    --converse-list-group-border-color: var(--converse-dark-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-dark-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-dark-border-subtle);
    --converse-list-group-active-color: var(--converse-dark-bg-subtle);
    --converse-list-group-active-bg: var(--converse-dark-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-dark-text-emphasis);
}

.conversejs .btn-close,converse-bg .btn-close {
    --converse-btn-close-color: #000;
    --converse-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    --converse-btn-close-opacity: .5;
    --converse-btn-close-hover-opacity: .75;
    --converse-btn-close-focus-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    --converse-btn-close-focus-opacity: 1;
    --converse-btn-close-disabled-opacity: .25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: var(--converse-btn-close-color);
    background: transparent var(--converse-btn-close-bg)center/1em auto no-repeat;
    -webkit-filter: var(--converse-btn-close-filter);
    filter: var(--converse-btn-close-filter);
    opacity: var(--converse-btn-close-opacity);
    border: 0;
    border-radius: .375rem;
    padding: .25em;
}

.conversejs .btn-close:hover,converse-bg .btn-close:hover {
    color: var(--converse-btn-close-color);
    opacity: var(--converse-btn-close-hover-opacity);
    text-decoration: none;
}

.conversejs .btn-close:focus,converse-bg .btn-close:focus {
    box-shadow: var(--converse-btn-close-focus-shadow);
    opacity: var(--converse-btn-close-focus-opacity);
    outline: 0;
}

.conversejs .btn-close:disabled,.conversejs .btn-close.disabled,converse-bg .btn-close:disabled,converse-bg .btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: var(--converse-btn-close-disabled-opacity);
}

.conversejs .btn-close-white,converse-bg .btn-close-white {
    --converse-btn-close-filter: invert(1)grayscale(100%)brightness(200%);
}

.conversejs :root,.conversejs [data-bs-theme=light],converse-bg :root,converse-bg [data-bs-theme=light] {
    --converse-btn-close-filter: }.conversejs [data-bs-theme=dark],converse-bg [data-bs-theme=dark]{--converse-btn-close-filter:invert(1)grayscale(100%)brightness(200%);
}

.conversejs .toast,converse-bg .toast {
    --converse-toast-zindex: 1090;
    --converse-toast-padding-x: .75rem;
    --converse-toast-padding-y: .5rem;
    --converse-toast-spacing: 1.5rem;
    --converse-toast-max-width: 350px;
    --converse-toast-font-size: .875rem;
    --converse-toast-color: ;--converse-toast-bg:rgba(var(--converse-body-bg-rgb),.85);
    --converse-toast-border-width: var(--converse-border-width);
    --converse-toast-border-color: var(--converse-border-color-translucent);
    --converse-toast-border-radius: var(--converse-border-radius);
    --converse-toast-box-shadow: var(--converse-box-shadow);
    --converse-toast-header-color: var(--converse-secondary-color);
    --converse-toast-header-bg: rgba(var(--converse-body-bg-rgb),.85);
    --converse-toast-header-border-color: var(--converse-border-color-translucent);
    width: var(--converse-toast-max-width);
    max-width: 100%;
    font-size: var(--converse-toast-font-size);
    color: var(--converse-toast-color);
    pointer-events: auto;
    background-color: var(--converse-toast-bg);
    border: var(--converse-toast-border-width)solid var(--converse-toast-border-color);
    box-shadow: var(--converse-toast-box-shadow);
    border-radius: var(--converse-toast-border-radius);
    background-clip: padding-box;
}

.conversejs .toast.showing,converse-bg .toast.showing {
    opacity: 0;
}

.conversejs .toast:not(.show),converse-bg .toast:not(.show) {
    display: none;
}

.conversejs .toast-container,converse-bg .toast-container {
    --converse-toast-zindex: 1090;
    z-index: var(--converse-toast-zindex);
    width: -moz-max-content;
    pointer-events: none;
    width: max-content;
    max-width: 100%;
    position: absolute;
}

.conversejs .toast-container>:not(:last-child),converse-bg .toast-container>:not(:last-child) {
    margin-bottom: var(--converse-toast-spacing);
}

.conversejs .toast-header,converse-bg .toast-header {
    padding: var(--converse-toast-padding-y)var(--converse-toast-padding-x);
    color: var(--converse-toast-header-color);
    background-color: var(--converse-toast-header-bg);
    border-bottom: var(--converse-toast-border-width)solid var(--converse-toast-header-border-color);
    border-top-left-radius: calc(var(--converse-toast-border-radius) - var(--converse-toast-border-width));
    border-top-right-radius: calc(var(--converse-toast-border-radius) - var(--converse-toast-border-width));
    background-clip: padding-box;
    align-items: center;
    display: flex;
}

.conversejs .toast-header .btn-close,converse-bg .toast-header .btn-close {
    margin-right: calc(-.5*var(--converse-toast-padding-x));
    margin-left: var(--converse-toast-padding-x);
}

.conversejs .toast-body,converse-bg .toast-body {
    padding: var(--converse-toast-padding-x);
    word-wrap: break-word;
}

.conversejs .modal,converse-bg .modal {
    --converse-modal-zindex: 1055;
    --converse-modal-width: 500px;
    --converse-modal-padding: 1rem;
    --converse-modal-margin: .5rem;
    --converse-modal-color: var(--converse-body-color);
    --converse-modal-bg: var(--converse-body-bg);
    --converse-modal-border-color: var(--converse-border-color-translucent);
    --converse-modal-border-width: var(--converse-border-width);
    --converse-modal-border-radius: var(--converse-border-radius-lg);
    --converse-modal-box-shadow: var(--converse-box-shadow-sm);
    --converse-modal-inner-border-radius: calc(var(--converse-border-radius-lg) - (var(--converse-border-width)));
    --converse-modal-header-padding-x: 1rem;
    --converse-modal-header-padding-y: 1rem;
    --converse-modal-header-padding: 1rem 1rem;
    --converse-modal-header-border-color: var(--converse-border-color);
    --converse-modal-header-border-width: var(--converse-border-width);
    --converse-modal-title-line-height: 1.5;
    --converse-modal-footer-gap: .5rem;
    --converse-modal-footer-bg: ;--converse-modal-footer-border-color:var(--converse-border-color);
    --converse-modal-footer-border-width: var(--converse-border-width);
    z-index: var(--converse-modal-zindex);
    outline: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.conversejs .modal-dialog,converse-bg .modal-dialog {
    width: auto;
    margin: var(--converse-modal-margin);
    pointer-events: none;
    position: relative;
}

.modal.fade .conversejs .modal-dialog,.modal.fade converse-bg .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px);
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .conversejs .modal-dialog,.modal.fade converse-bg .modal-dialog {
        transition: none;
    }
}

.modal.show .conversejs .modal-dialog,.modal.show converse-bg .modal-dialog {
    transform: none;
}

.modal.modal-static .conversejs .modal-dialog,.modal.modal-static converse-bg .modal-dialog {
    transform: scale(1.02);
}

.conversejs .modal-dialog-scrollable,converse-bg .modal-dialog-scrollable {
    height: calc(100% - var(--converse-modal-margin)*2);
}

.conversejs .modal-dialog-scrollable .modal-content,converse-bg .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.conversejs .modal-dialog-scrollable .modal-body,converse-bg .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.conversejs .modal-dialog-centered,converse-bg .modal-dialog-centered {
    min-height: calc(100% - var(--converse-modal-margin)*2);
    align-items: center;
    display: flex;
}

.conversejs .modal-content,converse-bg .modal-content {
    width: 100%;
    color: var(--converse-modal-color);
    pointer-events: auto;
    background-color: var(--converse-modal-bg);
    border: var(--converse-modal-border-width)solid var(--converse-modal-border-color);
    border-radius: var(--converse-modal-border-radius);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: relative;
}

.conversejs .modal-backdrop,converse-bg .modal-backdrop {
    --converse-backdrop-zindex: 1050;
    --converse-backdrop-bg: #000;
    --converse-backdrop-opacity: .5;
    z-index: var(--converse-backdrop-zindex);
    background-color: var(--converse-backdrop-bg);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.conversejs .modal-backdrop.fade,converse-bg .modal-backdrop.fade {
    opacity: 0;
}

.conversejs .modal-backdrop.show,converse-bg .modal-backdrop.show {
    opacity: var(--converse-backdrop-opacity);
}

.conversejs .modal-header,converse-bg .modal-header {
    padding: var(--converse-modal-header-padding);
    border-bottom: var(--converse-modal-header-border-width)solid var(--converse-modal-header-border-color);
    border-top-left-radius: var(--converse-modal-inner-border-radius);
    border-top-right-radius: var(--converse-modal-inner-border-radius);
    flex-shrink: 0;
    align-items: center;
    display: flex;
}

.conversejs .modal-header .btn-close,converse-bg .modal-header .btn-close {
    padding: calc(var(--converse-modal-header-padding-y)*.5)calc(var(--converse-modal-header-padding-x)*.5);
    margin-top: calc(-.5*var(--converse-modal-header-padding-y));
    margin-right: calc(-.5*var(--converse-modal-header-padding-x));
    margin-bottom: calc(-.5*var(--converse-modal-header-padding-y));
    margin-left: auto;
}

.conversejs .modal-title,converse-bg .modal-title {
    line-height: var(--converse-modal-title-line-height);
    margin-bottom: 0;
}

.conversejs .modal-body,converse-bg .modal-body {
    padding: var(--converse-modal-padding);
    flex: auto;
    position: relative;
}

.conversejs .modal-footer,converse-bg .modal-footer {
    padding: calc(var(--converse-modal-padding) - var(--converse-modal-footer-gap)*.5);
    background-color: var(--converse-modal-footer-bg);
    border-top: var(--converse-modal-footer-border-width)solid var(--converse-modal-footer-border-color);
    border-bottom-right-radius: var(--converse-modal-inner-border-radius);
    border-bottom-left-radius: var(--converse-modal-inner-border-radius);
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.conversejs .modal-footer>*,converse-bg .modal-footer>* {
    margin: calc(var(--converse-modal-footer-gap)*.5);
}

@media (min-width:576px) {
    .conversejs .modal,converse-bg .modal {
        --converse-modal-margin: 1.75rem;
        --converse-modal-box-shadow: var(--converse-box-shadow);
    }

    .conversejs .modal-dialog,converse-bg .modal-dialog {
        max-width: var(--converse-modal-width);
        margin-left: auto;
        margin-right: auto;
    }

    .conversejs .modal-sm,converse-bg .modal-sm {
        --converse-modal-width: 300px;
    }
}

@media (min-width:992px) {
    .conversejs .modal-lg,.conversejs .modal-xl,converse-bg .modal-lg,converse-bg .modal-xl {
        --converse-modal-width: 800px;
    }
}

@media (min-width:1200px) {
    .conversejs .modal-xl,converse-bg .modal-xl {
        --converse-modal-width: 1140px;
    }
}

.conversejs .modal-fullscreen,converse-bg .modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.conversejs .modal-fullscreen .modal-content,converse-bg .modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
}

.conversejs .modal-fullscreen .modal-header,.conversejs .modal-fullscreen .modal-footer,converse-bg .modal-fullscreen .modal-header,converse-bg .modal-fullscreen .modal-footer {
    border-radius: 0;
}

.conversejs .modal-fullscreen .modal-body,converse-bg .modal-fullscreen .modal-body {
    overflow-y: auto;
}

@media (max-width:575.98px) {
    .conversejs .modal-fullscreen-sm-down,converse-bg .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .conversejs .modal-fullscreen-sm-down .modal-content,converse-bg .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .conversejs .modal-fullscreen-sm-down .modal-header,.conversejs .modal-fullscreen-sm-down .modal-footer,converse-bg .modal-fullscreen-sm-down .modal-header,converse-bg .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }

    .conversejs .modal-fullscreen-sm-down .modal-body,converse-bg .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width:767.98px) {
    .conversejs .modal-fullscreen-md-down,converse-bg .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .conversejs .modal-fullscreen-md-down .modal-content,converse-bg .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .conversejs .modal-fullscreen-md-down .modal-header,.conversejs .modal-fullscreen-md-down .modal-footer,converse-bg .modal-fullscreen-md-down .modal-header,converse-bg .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }

    .conversejs .modal-fullscreen-md-down .modal-body,converse-bg .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width:991.98px) {
    .conversejs .modal-fullscreen-lg-down,converse-bg .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .conversejs .modal-fullscreen-lg-down .modal-content,converse-bg .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .conversejs .modal-fullscreen-lg-down .modal-header,.conversejs .modal-fullscreen-lg-down .modal-footer,converse-bg .modal-fullscreen-lg-down .modal-header,converse-bg .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }

    .conversejs .modal-fullscreen-lg-down .modal-body,converse-bg .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width:1199.98px) {
    .conversejs .modal-fullscreen-xl-down,converse-bg .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .conversejs .modal-fullscreen-xl-down .modal-content,converse-bg .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .conversejs .modal-fullscreen-xl-down .modal-header,.conversejs .modal-fullscreen-xl-down .modal-footer,converse-bg .modal-fullscreen-xl-down .modal-header,converse-bg .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }

    .conversejs .modal-fullscreen-xl-down .modal-body,converse-bg .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width:1399.98px) {
    .conversejs .modal-fullscreen-xxl-down,converse-bg .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .conversejs .modal-fullscreen-xxl-down .modal-content,converse-bg .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .conversejs .modal-fullscreen-xxl-down .modal-header,.conversejs .modal-fullscreen-xxl-down .modal-footer,converse-bg .modal-fullscreen-xxl-down .modal-header,converse-bg .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }

    .conversejs .modal-fullscreen-xxl-down .modal-body,converse-bg .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}

.conversejs .tooltip,converse-bg .tooltip {
    --converse-tooltip-zindex: 1080;
    --converse-tooltip-max-width: 200px;
    --converse-tooltip-padding-x: .5rem;
    --converse-tooltip-padding-y: .25rem;
    --converse-tooltip-margin: ;--converse-tooltip-font-size:.875rem;
    --converse-tooltip-color: var(--converse-body-bg);
    --converse-tooltip-bg: var(--converse-emphasis-color);
    --converse-tooltip-border-radius: var(--converse-border-radius);
    --converse-tooltip-opacity: .9;
    --converse-tooltip-arrow-width: .8rem;
    --converse-tooltip-arrow-height: .4rem;
    z-index: var(--converse-tooltip-zindex);
    margin: var(--converse-tooltip-margin);
    font-family: "sfnormal";
    text-align: left;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: var(--converse-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
    text-decoration: none;
    display: block;
}

.conversejs .tooltip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .tooltip:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .tooltip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .tooltip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .tooltip:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .tooltip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .tooltip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .tooltip:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .tooltip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .tooltip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .tooltip:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .tooltip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .tooltip.show,converse-bg .tooltip.show {
    opacity: var(--converse-tooltip-opacity);
}

.conversejs .tooltip .tooltip-arrow,converse-bg .tooltip .tooltip-arrow {
    width: var(--converse-tooltip-arrow-width);
    height: var(--converse-tooltip-arrow-height);
    display: block;
}

.conversejs .tooltip .tooltip-arrow:before,converse-bg .tooltip .tooltip-arrow:before {
    content: "";
    border-style: solid;
    border-color: transparent;
    position: absolute;
}

.conversejs .bs-tooltip-top .tooltip-arrow,.conversejs .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,converse-bg .bs-tooltip-top .tooltip-arrow,converse-bg .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: calc(-1*var(--converse-tooltip-arrow-height));
}

.conversejs .bs-tooltip-top .tooltip-arrow:before,.conversejs .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,converse-bg .bs-tooltip-top .tooltip-arrow:before,converse-bg .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    border-width: var(--converse-tooltip-arrow-height)calc(var(--converse-tooltip-arrow-width)*.5)0;
    border-top-color: var(--converse-tooltip-bg);
    top: -1px;
}

.conversejs .bs-tooltip-end .tooltip-arrow,.conversejs .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,converse-bg .bs-tooltip-end .tooltip-arrow,converse-bg .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: calc(-1*var(--converse-tooltip-arrow-height));
    width: var(--converse-tooltip-arrow-height);
    height: var(--converse-tooltip-arrow-width);
}

.conversejs .bs-tooltip-end .tooltip-arrow:before,.conversejs .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,converse-bg .bs-tooltip-end .tooltip-arrow:before,converse-bg .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    border-width: calc(var(--converse-tooltip-arrow-width)*.5)var(--converse-tooltip-arrow-height)calc(var(--converse-tooltip-arrow-width)*.5)0;
    border-right-color: var(--converse-tooltip-bg);
    right: -1px;
}

.conversejs .bs-tooltip-bottom .tooltip-arrow,.conversejs .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,converse-bg .bs-tooltip-bottom .tooltip-arrow,converse-bg .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: calc(-1*var(--converse-tooltip-arrow-height));
}

.conversejs .bs-tooltip-bottom .tooltip-arrow:before,.conversejs .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,converse-bg .bs-tooltip-bottom .tooltip-arrow:before,converse-bg .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    border-width: 0 calc(var(--converse-tooltip-arrow-width)*.5)var(--converse-tooltip-arrow-height);
    border-bottom-color: var(--converse-tooltip-bg);
    bottom: -1px;
}

.conversejs .bs-tooltip-start .tooltip-arrow,.conversejs .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,converse-bg .bs-tooltip-start .tooltip-arrow,converse-bg .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: calc(-1*var(--converse-tooltip-arrow-height));
    width: var(--converse-tooltip-arrow-height);
    height: var(--converse-tooltip-arrow-width);
}

.conversejs .bs-tooltip-start .tooltip-arrow:before,.conversejs .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,converse-bg .bs-tooltip-start .tooltip-arrow:before,converse-bg .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    border-width: calc(var(--converse-tooltip-arrow-width)*.5)0 calc(var(--converse-tooltip-arrow-width)*.5)var(--converse-tooltip-arrow-height);
    border-left-color: var(--converse-tooltip-bg);
    left: -1px;
}

.conversejs .tooltip-inner,converse-bg .tooltip-inner {
    max-width: var(--converse-tooltip-max-width);
    padding: var(--converse-tooltip-padding-y)var(--converse-tooltip-padding-x);
    color: var(--converse-tooltip-color);
    text-align: center;
    background-color: var(--converse-tooltip-bg);
    border-radius: var(--converse-tooltip-border-radius);
}

.conversejs .popover,converse-bg .popover {
    --converse-popover-zindex: 1070;
    --converse-popover-max-width: 276px;
    --converse-popover-font-size: .875rem;
    --converse-popover-bg: var(--converse-body-bg);
    --converse-popover-border-width: var(--converse-border-width);
    --converse-popover-border-color: var(--converse-border-color-translucent);
    --converse-popover-border-radius: var(--converse-border-radius-lg);
    --converse-popover-inner-border-radius: calc(var(--converse-border-radius-lg) - var(--converse-border-width));
    --converse-popover-box-shadow: var(--converse-box-shadow);
    --converse-popover-header-padding-x: 1rem;
    --converse-popover-header-padding-y: .5rem;
    --converse-popover-header-font-size: 1rem;
    --converse-popover-header-color: inherit;
    --converse-popover-header-bg: var(--converse-secondary-bg);
    --converse-popover-body-padding-x: 1rem;
    --converse-popover-body-padding-y: 1rem;
    --converse-popover-body-color: var(--converse-body-color);
    --converse-popover-arrow-width: 1rem;
    --converse-popover-arrow-height: .5rem;
    --converse-popover-arrow-border: var(--converse-popover-border-color);
    z-index: var(--converse-popover-zindex);
    max-width: var(--converse-popover-max-width);
    font-family: "sfnormal";
    text-align: left;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: var(--converse-popover-font-size);
    word-wrap: break-word;
    background-color: var(--converse-popover-bg);
    border: var(--converse-popover-border-width)solid var(--converse-popover-border-color);
    border-radius: var(--converse-popover-border-radius);
    background-clip: padding-box;
    text-decoration: none;
    display: block;
}

.conversejs .popover:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .popover:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .popover:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .popover:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .popover:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-bg .popover:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .popover:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .popover:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .popover:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .popover:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .popover:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-bg .popover:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .popover .popover-arrow,converse-bg .popover .popover-arrow {
    width: var(--converse-popover-arrow-width);
    height: var(--converse-popover-arrow-height);
    display: block;
}

.conversejs .popover .popover-arrow:before,.conversejs .popover .popover-arrow:after,converse-bg .popover .popover-arrow:before,converse-bg .popover .popover-arrow:after {
    content: "";
    border: 0 solid transparent;
    display: block;
    position: absolute;
}

.conversejs .bs-popover-top>.popover-arrow,.conversejs .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,converse-bg .bs-popover-top>.popover-arrow,converse-bg .bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-1*(var(--converse-popover-arrow-height)) - var(--converse-popover-border-width));
}

.conversejs .bs-popover-top>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.conversejs .bs-popover-top>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,converse-bg .bs-popover-top>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,converse-bg .bs-popover-top>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    border-width: var(--converse-popover-arrow-height)calc(var(--converse-popover-arrow-width)*.5)0;
}

.conversejs .bs-popover-top>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,converse-bg .bs-popover-top>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    border-top-color: var(--converse-popover-arrow-border);
    bottom: 0;
}

.conversejs .bs-popover-top>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,converse-bg .bs-popover-top>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    bottom: var(--converse-popover-border-width);
    border-top-color: var(--converse-popover-bg);
}

.conversejs .bs-popover-end>.popover-arrow,.conversejs .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,converse-bg .bs-popover-end>.popover-arrow,converse-bg .bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(-1*(var(--converse-popover-arrow-height)) - var(--converse-popover-border-width));
    width: var(--converse-popover-arrow-height);
    height: var(--converse-popover-arrow-width);
}

.conversejs .bs-popover-end>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.conversejs .bs-popover-end>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,converse-bg .bs-popover-end>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,converse-bg .bs-popover-end>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    border-width: calc(var(--converse-popover-arrow-width)*.5)var(--converse-popover-arrow-height)calc(var(--converse-popover-arrow-width)*.5)0;
}

.conversejs .bs-popover-end>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,converse-bg .bs-popover-end>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    border-right-color: var(--converse-popover-arrow-border);
    left: 0;
}

.conversejs .bs-popover-end>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,converse-bg .bs-popover-end>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    left: var(--converse-popover-border-width);
    border-right-color: var(--converse-popover-bg);
}

.conversejs .bs-popover-bottom>.popover-arrow,.conversejs .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,converse-bg .bs-popover-bottom>.popover-arrow,converse-bg .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-1*(var(--converse-popover-arrow-height)) - var(--converse-popover-border-width));
}

.conversejs .bs-popover-bottom>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.conversejs .bs-popover-bottom>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,converse-bg .bs-popover-bottom>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,converse-bg .bs-popover-bottom>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    border-width: 0 calc(var(--converse-popover-arrow-width)*.5)var(--converse-popover-arrow-height);
}

.conversejs .bs-popover-bottom>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,converse-bg .bs-popover-bottom>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    border-bottom-color: var(--converse-popover-arrow-border);
    top: 0;
}

.conversejs .bs-popover-bottom>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,converse-bg .bs-popover-bottom>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    top: var(--converse-popover-border-width);
    border-bottom-color: var(--converse-popover-bg);
}

.conversejs .bs-popover-bottom .popover-header:before,.conversejs .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,converse-bg .bs-popover-bottom .popover-header:before,converse-bg .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    width: var(--converse-popover-arrow-width);
    margin-left: calc(-.5*var(--converse-popover-arrow-width));
    content: "";
    border-bottom: var(--converse-popover-border-width)solid var(--converse-popover-header-bg);
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
}

.conversejs .bs-popover-start>.popover-arrow,.conversejs .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,converse-bg .bs-popover-start>.popover-arrow,converse-bg .bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(-1*(var(--converse-popover-arrow-height)) - var(--converse-popover-border-width));
    width: var(--converse-popover-arrow-height);
    height: var(--converse-popover-arrow-width);
}

.conversejs .bs-popover-start>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.conversejs .bs-popover-start>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,converse-bg .bs-popover-start>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,converse-bg .bs-popover-start>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    border-width: calc(var(--converse-popover-arrow-width)*.5)0 calc(var(--converse-popover-arrow-width)*.5)var(--converse-popover-arrow-height);
}

.conversejs .bs-popover-start>.popover-arrow:before,.conversejs .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,converse-bg .bs-popover-start>.popover-arrow:before,converse-bg .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    border-left-color: var(--converse-popover-arrow-border);
    right: 0;
}

.conversejs .bs-popover-start>.popover-arrow:after,.conversejs .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,converse-bg .bs-popover-start>.popover-arrow:after,converse-bg .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    right: var(--converse-popover-border-width);
    border-left-color: var(--converse-popover-bg);
}

.conversejs .popover-header,converse-bg .popover-header {
    padding: var(--converse-popover-header-padding-y)var(--converse-popover-header-padding-x);
    font-size: var(--converse-popover-header-font-size);
    color: var(--converse-popover-header-color);
    background-color: var(--converse-popover-header-bg);
    border-bottom: var(--converse-popover-border-width)solid var(--converse-popover-border-color);
    border-top-left-radius: var(--converse-popover-inner-border-radius);
    border-top-right-radius: var(--converse-popover-inner-border-radius);
    margin-bottom: 0;
}

.conversejs .popover-header:empty,converse-bg .popover-header:empty {
    display: none;
}

.conversejs .popover-body,converse-bg .popover-body {
    padding: var(--converse-popover-body-padding-y)var(--converse-popover-body-padding-x);
    color: var(--converse-popover-body-color);
}

.conversejs .spinner-grow,.conversejs .spinner-border,converse-bg .spinner-grow,converse-bg .spinner-border {
    width: var(--converse-spinner-width);
    height: var(--converse-spinner-height);
    vertical-align: var(--converse-spinner-vertical-align);
    animation: var(--converse-spinner-animation-speed)linear infinite var(--converse-spinner-animation-name);
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.conversejs .spinner-border,converse-bg .spinner-border {
    --converse-spinner-width: 2rem;
    --converse-spinner-height: 2rem;
    --converse-spinner-vertical-align: -.125em;
    --converse-spinner-border-width: .25em;
    --converse-spinner-animation-speed: .75s;
    --converse-spinner-animation-name: spinner-border;
    border: var(--converse-spinner-border-width)solid currentcolor;
    border-right-color: transparent;
}

.conversejs .spinner-border-sm,converse-bg .spinner-border-sm {
    --converse-spinner-width: 1rem;
    --converse-spinner-height: 1rem;
    --converse-spinner-border-width: .2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.conversejs .spinner-grow,converse-bg .spinner-grow {
    --converse-spinner-width: 2rem;
    --converse-spinner-height: 2rem;
    --converse-spinner-vertical-align: -.125em;
    --converse-spinner-animation-speed: .75s;
    --converse-spinner-animation-name: spinner-grow;
    opacity: 0;
    background-color: currentColor;
}

.conversejs .spinner-grow-sm,converse-bg .spinner-grow-sm {
    --converse-spinner-width: 1rem;
    --converse-spinner-height: 1rem;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .spinner-border,.conversejs .spinner-grow,converse-bg .spinner-border,converse-bg .spinner-grow {
        --converse-spinner-animation-speed: 1.5s;
    }
}

.conversejs .placeholder,converse-bg .placeholder {
    vertical-align: middle;
    cursor: wait;
    opacity: .5;
    background-color: currentColor;
    min-height: 1em;
    display: inline-block;
}

.conversejs .placeholder.btn:before,converse-bg .placeholder.btn:before {
    content: "";
    display: inline-block;
}

.conversejs .placeholder-xs,converse-bg .placeholder-xs {
    min-height: .6em;
}

.conversejs .placeholder-sm,converse-bg .placeholder-sm {
    min-height: .8em;
}

.conversejs .placeholder-lg,converse-bg .placeholder-lg {
    min-height: 1.2em;
}

.conversejs .placeholder-glow .placeholder,converse-bg .placeholder-glow .placeholder {
    animation: 2s ease-in-out infinite placeholder-glow;
}

@keyframes placeholder-glow {
    50% {
        opacity: .2;
    }
}

.conversejs .placeholder-wave,converse-bg .placeholder-wave {
    animation: 2s linear infinite placeholder-wave;
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0;
    }
}

.conversejs .clearfix:after,converse-bg .clearfix:after {
    clear: both;
    content: "";
    display: block;
}

.conversejs .text-bg-primary,converse-bg .text-bg-primary {
    color: #fff!important;
    background-color: RGBA(var(--converse-primary-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-secondary,converse-bg .text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(var(--converse-secondary-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-success,converse-bg .text-bg-success {
    color: #fff!important;
    background-color: RGBA(var(--converse-success-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-info,converse-bg .text-bg-info {
    color: #000!important;
    background-color: RGBA(var(--converse-info-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-warning,converse-bg .text-bg-warning {
    color: #000!important;
    background-color: RGBA(var(--converse-warning-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-danger,converse-bg .text-bg-danger {
    color: #fff!important;
    background-color: RGBA(var(--converse-danger-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-light,converse-bg .text-bg-light {
    color: #000!important;
    background-color: RGBA(var(--converse-light-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .text-bg-dark,converse-bg .text-bg-dark {
    color: #fff!important;
    background-color: RGBA(var(--converse-dark-rgb),var(--converse-bg-opacity,1))!important;
}

.conversejs .link-primary,converse-bg .link-primary {
    color: RGBA(var(--converse-primary-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-primary-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-primary-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-primary:hover,.conversejs .link-primary:focus,converse-bg .link-primary:hover,converse-bg .link-primary:focus {
    color: RGBA(10,88,202,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(10,88,202,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-secondary,converse-bg .link-secondary {
    color: RGBA(var(--converse-secondary-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-secondary-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-secondary-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-secondary:hover,.conversejs .link-secondary:focus,converse-bg .link-secondary:hover,converse-bg .link-secondary:focus {
    color: RGBA(86,94,100,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(86,94,100,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-success,converse-bg .link-success {
    color: RGBA(var(--converse-success-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-success-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-success-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-success:hover,.conversejs .link-success:focus,converse-bg .link-success:hover,converse-bg .link-success:focus {
    color: RGBA(20,108,67,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(20,108,67,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-info,converse-bg .link-info {
    color: RGBA(var(--converse-info-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-info-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-info-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-info:hover,.conversejs .link-info:focus,converse-bg .link-info:hover,converse-bg .link-info:focus {
    color: RGBA(61,213,243,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(61,213,243,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-warning,converse-bg .link-warning {
    color: RGBA(var(--converse-warning-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-warning-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-warning-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-warning:hover,.conversejs .link-warning:focus,converse-bg .link-warning:hover,converse-bg .link-warning:focus {
    color: RGBA(255,205,57,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(255,205,57,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-danger,converse-bg .link-danger {
    color: RGBA(var(--converse-danger-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-danger-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-danger-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-danger:hover,.conversejs .link-danger:focus,converse-bg .link-danger:hover,converse-bg .link-danger:focus {
    color: RGBA(176,42,55,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(176,42,55,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-light,converse-bg .link-light {
    color: RGBA(var(--converse-light-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-light-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-light-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-light:hover,.conversejs .link-light:focus,converse-bg .link-light:hover,converse-bg .link-light:focus {
    color: RGBA(249,250,251,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(249,250,251,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-dark,converse-bg .link-dark {
    color: RGBA(var(--converse-dark-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-dark-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-dark-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-dark:hover,.conversejs .link-dark:focus,converse-bg .link-dark:hover,converse-bg .link-dark:focus {
    color: RGBA(26,30,33,var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(26,30,33,var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-body-emphasis,converse-bg .link-body-emphasis {
    color: RGBA(var(--converse-emphasis-color-rgb),var(--converse-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-emphasis-color-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--converse-emphasis-color-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-body-emphasis:hover,.conversejs .link-body-emphasis:focus,converse-bg .link-body-emphasis:hover,converse-bg .link-body-emphasis:focus {
    color: RGBA(var(--converse-emphasis-color-rgb),var(--converse-link-opacity,.75))!important;
    -webkit-text-decoration-color: RGBA(var(--converse-emphasis-color-rgb),var(--converse-link-underline-opacity,.75))!important;
    text-decoration-color: RGBA(var(--converse-emphasis-color-rgb),var(--converse-link-underline-opacity,.75))!important;
}

.conversejs .focus-ring:focus,converse-bg .focus-ring:focus {
    box-shadow: var(--converse-focus-ring-x,0)var(--converse-focus-ring-y,0)var(--converse-focus-ring-blur,0)var(--converse-focus-ring-width)var(--converse-focus-ring-color);
    outline: 0;
}

.conversejs .icon-link,converse-bg .icon-link {
    -webkit-text-decoration-color: rgba(var(--converse-link-color-rgb),var(--converse-link-opacity,.5));
    text-decoration-color: rgba(var(--converse-link-color-rgb),var(--converse-link-opacity,.5));
    text-underline-offset: .25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    align-items: center;
    gap: .375rem;
    display: inline-flex;
}

.conversejs .icon-link>.bi,converse-bg .icon-link>.bi {
    fill: currentColor;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    transition: transform .2s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .conversejs .icon-link>.bi,converse-bg .icon-link>.bi {
        transition: none;
    }
}

.conversejs .icon-link-hover:hover>.bi,converse-bg .icon-link-hover:hover>.bi {
    transform: var(--converse-icon-link-transform,translate3d(.25em,0,0));
}

.conversejs .icon-link-hover:focus-visible>.bi {
    transform: var(--converse-icon-link-transform,translate3d(.25em,0,0));
}

converse-bg .icon-link-hover:focus-visible>.bi {
    transform: var(--converse-icon-link-transform,translate3d(.25em,0,0));
}

.conversejs .ratio,converse-bg .ratio {
    width: 100%;
    position: relative;
}

.conversejs .ratio:before,converse-bg .ratio:before {
    padding-top: var(--converse-aspect-ratio);
    content: "";
    display: block;
}

.conversejs .ratio>*,converse-bg .ratio>* {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.conversejs .ratio-1x1,converse-bg .ratio-1x1 {
    --converse-aspect-ratio: 100%;
}

.conversejs .ratio-4x3,converse-bg .ratio-4x3 {
    --converse-aspect-ratio: 75%;
}

.conversejs .ratio-16x9,converse-bg .ratio-16x9 {
    --converse-aspect-ratio: 56.25%;
}

.conversejs .ratio-21x9,converse-bg .ratio-21x9 {
    --converse-aspect-ratio: 42.8571%;
}

.conversejs .fixed-top,converse-bg .fixed-top {
    z-index: 1030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.conversejs .fixed-bottom,converse-bg .fixed-bottom {
    z-index: 1030;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.conversejs .sticky-top,converse-bg .sticky-top {
    z-index: 1020;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.conversejs .sticky-bottom,converse-bg .sticky-bottom {
    z-index: 1020;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

@media (min-width:576px) {
    .conversejs .sticky-sm-top,converse-bg .sticky-sm-top {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .conversejs .sticky-sm-bottom,converse-bg .sticky-sm-bottom {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
    }
}

@media (min-width:768px) {
    .conversejs .sticky-md-top,converse-bg .sticky-md-top {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .conversejs .sticky-md-bottom,converse-bg .sticky-md-bottom {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
    }
}

@media (min-width:992px) {
    .conversejs .sticky-lg-top,converse-bg .sticky-lg-top {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .conversejs .sticky-lg-bottom,converse-bg .sticky-lg-bottom {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
    }
}

@media (min-width:1200px) {
    .conversejs .sticky-xl-top,converse-bg .sticky-xl-top {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .conversejs .sticky-xl-bottom,converse-bg .sticky-xl-bottom {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
    }
}

@media (min-width:1400px) {
    .conversejs .sticky-xxl-top,converse-bg .sticky-xxl-top {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .conversejs .sticky-xxl-bottom,converse-bg .sticky-xxl-bottom {
        z-index: 1020;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
    }
}

.conversejs .hstack,converse-bg .hstack {
    flex-direction: row;
    align-self: stretch;
    align-items: center;
    display: flex;
}

.conversejs .vstack,converse-bg .vstack {
    flex-direction: column;
    flex: auto;
    align-self: stretch;
    display: flex;
}

.conversejs .visually-hidden,converse-bg .visually-hidden {
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    overflow: hidden!important;
}

.conversejs .visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    overflow: hidden!important;
}

converse-bg .visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    overflow: hidden!important;
}

.conversejs .visually-hidden:not(caption),converse-bg .visually-hidden:not(caption) {
    position: absolute!important;
}

.conversejs .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute!important;
}

converse-bg .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute!important;
}

.conversejs .visually-hidden *,converse-bg .visually-hidden * {
    overflow: hidden!important;
}

.conversejs .visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden!important;
}

converse-bg .visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden!important;
}

.conversejs .stretched-link:after,converse-bg .stretched-link:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.conversejs .text-truncate,converse-bg .text-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.conversejs .vr,converse-bg .vr {
    width: var(--converse-border-width);
    opacity: .25;
    background-color: currentColor;
    align-self: stretch;
    min-height: 1em;
    display: inline-block;
}

.conversejs .align-baseline,converse-bg .align-baseline {
    vertical-align: baseline!important;
}

.conversejs .align-top,converse-bg .align-top {
    vertical-align: top!important;
}

.conversejs .align-middle,converse-bg .align-middle {
    vertical-align: middle!important;
}

.conversejs .align-bottom,converse-bg .align-bottom {
    vertical-align: bottom!important;
}

.conversejs .align-text-bottom,converse-bg .align-text-bottom {
    vertical-align: text-bottom!important;
}

.conversejs .align-text-top,converse-bg .align-text-top {
    vertical-align: text-top!important;
}

.conversejs .float-start,converse-bg .float-start {
    float: left!important;
}

.conversejs .float-end,converse-bg .float-end {
    float: right!important;
}

.conversejs .float-none,converse-bg .float-none {
    float: none!important;
}

.conversejs .object-fit-contain,converse-bg .object-fit-contain {
    -o-object-fit: contain!important;
    object-fit: contain!important;
}

.conversejs .object-fit-cover,converse-bg .object-fit-cover {
    -o-object-fit: cover!important;
    object-fit: cover!important;
}

.conversejs .object-fit-fill,converse-bg .object-fit-fill {
    -o-object-fit: fill!important;
    object-fit: fill!important;
}

.conversejs .object-fit-scale,converse-bg .object-fit-scale {
    -o-object-fit: scale-down!important;
    object-fit: scale-down!important;
}

.conversejs .object-fit-none,converse-bg .object-fit-none {
    -o-object-fit: none!important;
    object-fit: none!important;
}

.conversejs .opacity-0,converse-bg .opacity-0 {
    opacity: 0!important;
}

.conversejs .opacity-25,converse-bg .opacity-25 {
    opacity: .25!important;
}

.conversejs .opacity-50,converse-bg .opacity-50 {
    opacity: .5!important;
}

.conversejs .opacity-75,converse-bg .opacity-75 {
    opacity: .75!important;
}

.conversejs .opacity-100,converse-bg .opacity-100 {
    opacity: 1!important;
}

.conversejs .overflow-auto,converse-bg .overflow-auto {
    overflow: auto!important;
}

.conversejs .overflow-hidden,converse-bg .overflow-hidden {
    overflow: hidden!important;
}

.conversejs .overflow-visible,converse-bg .overflow-visible {
    overflow: visible!important;
}

.conversejs .overflow-scroll,converse-bg .overflow-scroll {
    overflow: scroll!important;
}

.conversejs .overflow-x-auto,converse-bg .overflow-x-auto {
    overflow-x: auto!important;
}

.conversejs .overflow-x-hidden,converse-bg .overflow-x-hidden {
    overflow-x: hidden!important;
}

.conversejs .overflow-x-visible,converse-bg .overflow-x-visible {
    overflow-x: visible!important;
}

.conversejs .overflow-x-scroll,converse-bg .overflow-x-scroll {
    overflow-x: scroll!important;
}

.conversejs .overflow-y-auto,converse-bg .overflow-y-auto {
    overflow-y: auto!important;
}

.conversejs .overflow-y-hidden,converse-bg .overflow-y-hidden {
    overflow-y: hidden!important;
}

.conversejs .overflow-y-visible,converse-bg .overflow-y-visible {
    overflow-y: visible!important;
}

.conversejs .overflow-y-scroll,converse-bg .overflow-y-scroll {
    overflow-y: scroll!important;
}

.conversejs .d-inline,converse-bg .d-inline {
    display: inline!important;
}

.conversejs .d-inline-block,converse-bg .d-inline-block {
    display: inline-block!important;
}

.conversejs .d-block,converse-bg .d-block {
    display: block!important;
}

.conversejs .d-grid,converse-bg .d-grid {
    display: grid!important;
}

.conversejs .d-inline-grid,converse-bg .d-inline-grid {
    display: inline-grid!important;
}

.conversejs .d-table,converse-bg .d-table {
    display: table!important;
}

.conversejs .d-table-row,converse-bg .d-table-row {
    display: table-row!important;
}

.conversejs .d-table-cell,converse-bg .d-table-cell {
    display: table-cell!important;
}

.conversejs .d-flex,converse-bg .d-flex {
    display: flex!important;
}

.conversejs .d-inline-flex,converse-bg .d-inline-flex {
    display: inline-flex!important;
}

.conversejs .d-none,converse-bg .d-none {
    display: none!important;
}

.conversejs .shadow,converse-bg .shadow {
    box-shadow: var(--converse-box-shadow)!important;
}

.conversejs .shadow-sm,converse-bg .shadow-sm {
    box-shadow: var(--converse-box-shadow-sm)!important;
}

.conversejs .shadow-lg,converse-bg .shadow-lg {
    box-shadow: var(--converse-box-shadow-lg)!important;
}

.conversejs .shadow-none,converse-bg .shadow-none {
    box-shadow: none!important;
}

.conversejs .focus-ring-primary,converse-bg .focus-ring-primary {
    --converse-focus-ring-color: rgba(var(--converse-primary-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-secondary,converse-bg .focus-ring-secondary {
    --converse-focus-ring-color: rgba(var(--converse-secondary-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-success,converse-bg .focus-ring-success {
    --converse-focus-ring-color: rgba(var(--converse-success-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-info,converse-bg .focus-ring-info {
    --converse-focus-ring-color: rgba(var(--converse-info-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-warning,converse-bg .focus-ring-warning {
    --converse-focus-ring-color: rgba(var(--converse-warning-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-danger,converse-bg .focus-ring-danger {
    --converse-focus-ring-color: rgba(var(--converse-danger-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-light,converse-bg .focus-ring-light {
    --converse-focus-ring-color: rgba(var(--converse-light-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .focus-ring-dark,converse-bg .focus-ring-dark {
    --converse-focus-ring-color: rgba(var(--converse-dark-rgb),var(--converse-focus-ring-opacity));
}

.conversejs .position-static,converse-bg .position-static {
    position: static!important;
}

.conversejs .position-relative,converse-bg .position-relative {
    position: relative!important;
}

.conversejs .position-absolute,converse-bg .position-absolute {
    position: absolute!important;
}

.conversejs .position-fixed,converse-bg .position-fixed {
    position: fixed!important;
}

.conversejs .position-sticky,converse-bg .position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
}

.conversejs .top-0,converse-bg .top-0 {
    top: 0!important;
}

.conversejs .top-50,converse-bg .top-50 {
    top: 50%!important;
}

.conversejs .top-100,converse-bg .top-100 {
    top: 100%!important;
}

.conversejs .bottom-0,converse-bg .bottom-0 {
    bottom: 0!important;
}

.conversejs .bottom-50,converse-bg .bottom-50 {
    bottom: 50%!important;
}

.conversejs .bottom-100,converse-bg .bottom-100 {
    bottom: 100%!important;
}

.conversejs .start-0,converse-bg .start-0 {
    left: 0!important;
}

.conversejs .start-50,converse-bg .start-50 {
    left: 50%!important;
}

.conversejs .start-100,converse-bg .start-100 {
    left: 100%!important;
}

.conversejs .end-0,converse-bg .end-0 {
    right: 0!important;
}

.conversejs .end-50,converse-bg .end-50 {
    right: 50%!important;
}

.conversejs .end-100,converse-bg .end-100 {
    right: 100%!important;
}

.conversejs .translate-middle,converse-bg .translate-middle {
    transform: translate(-50%,-50%)!important;
}

.conversejs .translate-middle-x,converse-bg .translate-middle-x {
    transform: translate(-50%)!important;
}

.conversejs .translate-middle-y,converse-bg .translate-middle-y {
    transform: translateY(-50%)!important;
}

.conversejs .border,converse-bg .border {
    border: var(--converse-border-width)var(--converse-border-style)var(--converse-border-color)!important;
}

.conversejs .border-0,converse-bg .border-0 {
    border: 0!important;
}

.conversejs .border-top,converse-bg .border-top {
    border-top: var(--converse-border-width)var(--converse-border-style)var(--converse-border-color)!important;
}

.conversejs .border-top-0,converse-bg .border-top-0 {
    border-top: 0!important;
}

.conversejs .border-end,converse-bg .border-end {
    border-right: var(--converse-border-width)var(--converse-border-style)var(--converse-border-color)!important;
}

.conversejs .border-end-0,converse-bg .border-end-0 {
    border-right: 0!important;
}

.conversejs .border-bottom,converse-bg .border-bottom {
    border-bottom: var(--converse-border-width)var(--converse-border-style)var(--converse-border-color)!important;
}

.conversejs .border-bottom-0,converse-bg .border-bottom-0 {
    border-bottom: 0!important;
}

.conversejs .border-start,converse-bg .border-start {
    border-left: var(--converse-border-width)var(--converse-border-style)var(--converse-border-color)!important;
}

.conversejs .border-start-0,converse-bg .border-start-0 {
    border-left: 0!important;
}

.conversejs .border-primary,converse-bg .border-primary {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-primary-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-secondary,converse-bg .border-secondary {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-secondary-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-success,converse-bg .border-success {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-success-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-info,converse-bg .border-info {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-info-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-warning,converse-bg .border-warning {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-warning-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-danger,converse-bg .border-danger {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-danger-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-light,converse-bg .border-light {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-light-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-dark,converse-bg .border-dark {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-dark-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-black,converse-bg .border-black {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-black-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-white,converse-bg .border-white {
    --converse-border-opacity: 1;
    border-color: rgba(var(--converse-white-rgb),var(--converse-border-opacity))!important;
}

.conversejs .border-primary-subtle,converse-bg .border-primary-subtle {
    border-color: var(--converse-primary-border-subtle)!important;
}

.conversejs .border-secondary-subtle,converse-bg .border-secondary-subtle {
    border-color: var(--converse-secondary-border-subtle)!important;
}

.conversejs .border-success-subtle,converse-bg .border-success-subtle {
    border-color: var(--converse-success-border-subtle)!important;
}

.conversejs .border-info-subtle,converse-bg .border-info-subtle {
    border-color: var(--converse-info-border-subtle)!important;
}

.conversejs .border-warning-subtle,converse-bg .border-warning-subtle {
    border-color: var(--converse-warning-border-subtle)!important;
}

.conversejs .border-danger-subtle,converse-bg .border-danger-subtle {
    border-color: var(--converse-danger-border-subtle)!important;
}

.conversejs .border-light-subtle,converse-bg .border-light-subtle {
    border-color: var(--converse-light-border-subtle)!important;
}

.conversejs .border-dark-subtle,converse-bg .border-dark-subtle {
    border-color: var(--converse-dark-border-subtle)!important;
}

.conversejs .border-1,converse-bg .border-1 {
    border-width: 1px!important;
}

.conversejs .border-2,converse-bg .border-2 {
    border-width: 2px!important;
}

.conversejs .border-3,converse-bg .border-3 {
    border-width: 3px!important;
}

.conversejs .border-4,converse-bg .border-4 {
    border-width: 4px!important;
}

.conversejs .border-5,converse-bg .border-5 {
    border-width: 5px!important;
}

.conversejs .border-opacity-10,converse-bg .border-opacity-10 {
    --converse-border-opacity: .1;
}

.conversejs .border-opacity-25,converse-bg .border-opacity-25 {
    --converse-border-opacity: .25;
}

.conversejs .border-opacity-50,converse-bg .border-opacity-50 {
    --converse-border-opacity: .5;
}

.conversejs .border-opacity-75,converse-bg .border-opacity-75 {
    --converse-border-opacity: .75;
}

.conversejs .border-opacity-100,converse-bg .border-opacity-100 {
    --converse-border-opacity: 1;
}

.conversejs .w-25,converse-bg .w-25 {
    width: 25%!important;
}

.conversejs .w-50,converse-bg .w-50 {
    width: 50%!important;
}

.conversejs .w-75,converse-bg .w-75 {
    width: 75%!important;
}

.conversejs .w-100,converse-bg .w-100 {
    width: 100%!important;
}

.conversejs .w-auto,converse-bg .w-auto {
    width: auto!important;
}

.conversejs .mw-100,converse-bg .mw-100 {
    max-width: 100%!important;
}

.conversejs .vw-100,converse-bg .vw-100 {
    width: 100vw!important;
}

.conversejs .min-vw-100,converse-bg .min-vw-100 {
    min-width: 100vw!important;
}

.conversejs .h-25,converse-bg .h-25 {
    height: 25%!important;
}

.conversejs .h-50,converse-bg .h-50 {
    height: 50%!important;
}

.conversejs .h-75,converse-bg .h-75 {
    height: 75%!important;
}

.conversejs .h-100,converse-bg .h-100 {
    height: 100%!important;
}

.conversejs .h-auto,converse-bg .h-auto {
    height: auto!important;
}

.conversejs .mh-100,converse-bg .mh-100 {
    max-height: 100%!important;
}

.conversejs .vh-100,converse-bg .vh-100 {
    height: 100vh!important;
}

.conversejs .min-vh-100,converse-bg .min-vh-100 {
    min-height: 100vh!important;
}

.conversejs .flex-fill,converse-bg .flex-fill {
    flex: auto!important;
}

.conversejs .flex-row,converse-bg .flex-row {
    flex-direction: row!important;
}

.conversejs .flex-column,converse-bg .flex-column {
    flex-direction: column!important;
}

.conversejs .flex-row-reverse,converse-bg .flex-row-reverse {
    flex-direction: row-reverse!important;
}

.conversejs .flex-column-reverse,converse-bg .flex-column-reverse {
    flex-direction: column-reverse!important;
}

.conversejs .flex-grow-0,converse-bg .flex-grow-0 {
    flex-grow: 0!important;
}

.conversejs .flex-grow-1,converse-bg .flex-grow-1 {
    flex-grow: 1!important;
}

.conversejs .flex-shrink-0,converse-bg .flex-shrink-0 {
    flex-shrink: 0!important;
}

.conversejs .flex-shrink-1,converse-bg .flex-shrink-1 {
    flex-shrink: 1!important;
}

.conversejs .flex-wrap,converse-bg .flex-wrap {
    flex-wrap: wrap!important;
}

.conversejs .flex-nowrap,converse-bg .flex-nowrap {
    flex-wrap: nowrap!important;
}

.conversejs .flex-wrap-reverse,converse-bg .flex-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}

.conversejs .justify-content-start,converse-bg .justify-content-start {
    justify-content: flex-start!important;
}

.conversejs .justify-content-end,converse-bg .justify-content-end {
    justify-content: flex-end!important;
}

.conversejs .justify-content-center,converse-bg .justify-content-center {
    justify-content: center!important;
}

.conversejs .justify-content-between,converse-bg .justify-content-between {
    justify-content: space-between!important;
}

.conversejs .justify-content-around,converse-bg .justify-content-around {
    justify-content: space-around!important;
}

.conversejs .justify-content-evenly,converse-bg .justify-content-evenly {
    justify-content: space-evenly!important;
}

.conversejs .align-items-start,converse-bg .align-items-start {
    align-items: flex-start!important;
}

.conversejs .align-items-end,converse-bg .align-items-end {
    align-items: flex-end!important;
}

.conversejs .align-items-center,converse-bg .align-items-center {
    align-items: center!important;
}

.conversejs .align-items-baseline,converse-bg .align-items-baseline {
    align-items: baseline!important;
}

.conversejs .align-items-stretch,converse-bg .align-items-stretch {
    align-items: stretch!important;
}

.conversejs .align-content-start,converse-bg .align-content-start {
    align-content: flex-start!important;
}

.conversejs .align-content-end,converse-bg .align-content-end {
    align-content: flex-end!important;
}

.conversejs .align-content-center,converse-bg .align-content-center {
    align-content: center!important;
}

.conversejs .align-content-between,converse-bg .align-content-between {
    align-content: space-between!important;
}

.conversejs .align-content-around,converse-bg .align-content-around {
    align-content: space-around!important;
}

.conversejs .align-content-stretch,converse-bg .align-content-stretch {
    align-content: stretch!important;
}

.conversejs .align-self-auto,converse-bg .align-self-auto {
    align-self: auto!important;
}

.conversejs .align-self-start,converse-bg .align-self-start {
    align-self: flex-start!important;
}

.conversejs .align-self-end,converse-bg .align-self-end {
    align-self: flex-end!important;
}

.conversejs .align-self-center,converse-bg .align-self-center {
    align-self: center!important;
}

.conversejs .align-self-baseline,converse-bg .align-self-baseline {
    align-self: baseline!important;
}

.conversejs .align-self-stretch,converse-bg .align-self-stretch {
    align-self: stretch!important;
}

.conversejs .order-first,converse-bg .order-first {
    order: -1!important;
}

.conversejs .order-0,converse-bg .order-0 {
    order: 0!important;
}

.conversejs .order-1,converse-bg .order-1 {
    order: 1!important;
}

.conversejs .order-2,converse-bg .order-2 {
    order: 2!important;
}

.conversejs .order-3,converse-bg .order-3 {
    order: 3!important;
}

.conversejs .order-4,converse-bg .order-4 {
    order: 4!important;
}

.conversejs .order-5,converse-bg .order-5 {
    order: 5!important;
}

.conversejs .order-last,converse-bg .order-last {
    order: 6!important;
}

.conversejs .m-0,converse-bg .m-0 {
    margin: 0!important;
}

.conversejs .m-1,converse-bg .m-1 {
    margin: .25rem!important;
}

.conversejs .m-2,converse-bg .m-2 {
    margin: .5rem!important;
}

.conversejs .m-3,converse-bg .m-3 {
    margin: 1rem!important;
}

.conversejs .m-4,converse-bg .m-4 {
    margin: 1.5rem!important;
}

.conversejs .m-5,converse-bg .m-5 {
    margin: 3rem!important;
}

.conversejs .m-auto,converse-bg .m-auto {
    margin: auto!important;
}

.conversejs .mx-0,converse-bg .mx-0 {
    margin-left: 0!important;
    margin-right: 0!important;
}

.conversejs .mx-1,converse-bg .mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important;
}

.conversejs .mx-2,converse-bg .mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important;
}

.conversejs .mx-3,converse-bg .mx-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important;
}

.conversejs .mx-4,converse-bg .mx-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important;
}

.conversejs .mx-5,converse-bg .mx-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important;
}

.conversejs .mx-auto,converse-bg .mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
}

.conversejs .my-0,converse-bg .my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.conversejs .my-1,converse-bg .my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}

.conversejs .my-2,converse-bg .my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}

.conversejs .my-3,converse-bg .my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}

.conversejs .my-4,converse-bg .my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}

.conversejs .my-5,converse-bg .my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}

.conversejs .my-auto,converse-bg .my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}

.conversejs .mt-0,converse-bg .mt-0 {
    margin-top: 0!important;
}

.conversejs .mt-1,converse-bg .mt-1 {
    margin-top: .25rem!important;
}

.conversejs .mt-2,converse-bg .mt-2 {
    margin-top: .5rem!important;
}

.conversejs .mt-3,converse-bg .mt-3 {
    margin-top: 1rem!important;
}

.conversejs .mt-4,converse-bg .mt-4 {
    margin-top: 1.5rem!important;
}

.conversejs .mt-5,converse-bg .mt-5 {
    margin-top: 3rem!important;
}

.conversejs .mt-auto,converse-bg .mt-auto {
    margin-top: auto!important;
}

.conversejs .me-0,converse-bg .me-0 {
    margin-right: 0!important;
}

.conversejs .me-1,converse-bg .me-1 {
    margin-right: .25rem!important;
}

.conversejs .me-2,converse-bg .me-2 {
    margin-right: .5rem!important;
}

.conversejs .me-3,converse-bg .me-3 {
    margin-right: 1rem!important;
}

.conversejs .me-4,converse-bg .me-4 {
    margin-right: 1.5rem!important;
}

.conversejs .me-5,converse-bg .me-5 {
    margin-right: 3rem!important;
}

.conversejs .me-auto,converse-bg .me-auto {
    margin-right: auto!important;
}

.conversejs .mb-0,converse-bg .mb-0 {
    margin-bottom: 0!important;
}

.conversejs .mb-1,converse-bg .mb-1 {
    margin-bottom: .25rem!important;
}

.conversejs .mb-2,converse-bg .mb-2 {
    margin-bottom: .5rem!important;
}

.conversejs .mb-3,converse-bg .mb-3 {
    margin-bottom: 1rem!important;
}

.conversejs .mb-4,converse-bg .mb-4 {
    margin-bottom: 1.5rem!important;
}

.conversejs .mb-5,converse-bg .mb-5 {
    margin-bottom: 3rem!important;
}

.conversejs .mb-auto,converse-bg .mb-auto {
    margin-bottom: auto!important;
}

.conversejs .ms-0,converse-bg .ms-0 {
    margin-left: 0!important;
}

.conversejs .ms-1,converse-bg .ms-1 {
    margin-left: .25rem!important;
}

.conversejs .ms-2,converse-bg .ms-2 {
    margin-left: .5rem!important;
}

.conversejs .ms-3,converse-bg .ms-3 {
    margin-left: 1rem!important;
}

.conversejs .ms-4,converse-bg .ms-4 {
    margin-left: 1.5rem!important;
}

.conversejs .ms-5,converse-bg .ms-5 {
    margin-left: 3rem!important;
}

.conversejs .ms-auto,converse-bg .ms-auto {
    margin-left: auto!important;
}

.conversejs .p-0,converse-bg .p-0 {
    padding: 0!important;
}

.conversejs .p-1,converse-bg .p-1 {
    padding: .25rem!important;
}

.conversejs .p-2,converse-bg .p-2 {
    padding: .5rem!important;
}

.conversejs .p-3,converse-bg .p-3 {
    padding: 1rem!important;
}

.conversejs .p-4,converse-bg .p-4 {
    padding: 1.5rem!important;
}

.conversejs .p-5,converse-bg .p-5 {
    padding: 3rem!important;
}

.conversejs .px-0,converse-bg .px-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.conversejs .px-1,converse-bg .px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important;
}

.conversejs .px-2,converse-bg .px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important;
}

.conversejs .px-3,converse-bg .px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}

.conversejs .px-4,converse-bg .px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
}

.conversejs .px-5,converse-bg .px-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important;
}

.conversejs .py-0,converse-bg .py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.conversejs .py-1,converse-bg .py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}

.conversejs .py-2,converse-bg .py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}

.conversejs .py-3,converse-bg .py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}

.conversejs .py-4,converse-bg .py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}

.conversejs .py-5,converse-bg .py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}

.conversejs .pt-0,converse-bg .pt-0 {
    padding-top: 0!important;
}

.conversejs .pt-1,converse-bg .pt-1 {
    padding-top: .25rem!important;
}

.conversejs .pt-2,converse-bg .pt-2 {
    padding-top: .5rem!important;
}

.conversejs .pt-3,converse-bg .pt-3 {
    padding-top: 1rem!important;
}

.conversejs .pt-4,converse-bg .pt-4 {
    padding-top: 1.5rem!important;
}

.conversejs .pt-5,converse-bg .pt-5 {
    padding-top: 3rem!important;
}

.conversejs .pe-0,converse-bg .pe-0 {
    padding-right: 0!important;
}

.conversejs .pe-1,converse-bg .pe-1 {
    padding-right: .25rem!important;
}

.conversejs .pe-2,converse-bg .pe-2 {
    padding-right: .5rem!important;
}

.conversejs .pe-3,converse-bg .pe-3 {
    padding-right: 1rem!important;
}

.conversejs .pe-4,converse-bg .pe-4 {
    padding-right: 1.5rem!important;
}

.conversejs .pe-5,converse-bg .pe-5 {
    padding-right: 3rem!important;
}

.conversejs .pb-0,converse-bg .pb-0 {
    padding-bottom: 0!important;
}

.conversejs .pb-1,converse-bg .pb-1 {
    padding-bottom: .25rem!important;
}

.conversejs .pb-2,converse-bg .pb-2 {
    padding-bottom: .5rem!important;
}

.conversejs .pb-3,converse-bg .pb-3 {
    padding-bottom: 1rem!important;
}

.conversejs .pb-4,converse-bg .pb-4 {
    padding-bottom: 1.5rem!important;
}

.conversejs .pb-5,converse-bg .pb-5 {
    padding-bottom: 3rem!important;
}

.conversejs .ps-0,converse-bg .ps-0 {
    padding-left: 0!important;
}

.conversejs .ps-1,converse-bg .ps-1 {
    padding-left: .25rem!important;
}

.conversejs .ps-2,converse-bg .ps-2 {
    padding-left: .5rem!important;
}

.conversejs .ps-3,converse-bg .ps-3 {
    padding-left: 1rem!important;
}

.conversejs .ps-4,converse-bg .ps-4 {
    padding-left: 1.5rem!important;
}

.conversejs .ps-5,converse-bg .ps-5 {
    padding-left: 3rem!important;
}

.conversejs .gap-0,converse-bg .gap-0 {
    gap: 0!important;
}

.conversejs .gap-1,converse-bg .gap-1 {
    gap: .25rem!important;
}

.conversejs .gap-2,converse-bg .gap-2 {
    gap: .5rem!important;
}

.conversejs .gap-3,converse-bg .gap-3 {
    gap: 1rem!important;
}

.conversejs .gap-4,converse-bg .gap-4 {
    gap: 1.5rem!important;
}

.conversejs .gap-5,converse-bg .gap-5 {
    gap: 3rem!important;
}

.conversejs .row-gap-0,converse-bg .row-gap-0 {
    row-gap: 0!important;
}

.conversejs .row-gap-1,converse-bg .row-gap-1 {
    row-gap: .25rem!important;
}

.conversejs .row-gap-2,converse-bg .row-gap-2 {
    row-gap: .5rem!important;
}

.conversejs .row-gap-3,converse-bg .row-gap-3 {
    row-gap: 1rem!important;
}

.conversejs .row-gap-4,converse-bg .row-gap-4 {
    row-gap: 1.5rem!important;
}

.conversejs .row-gap-5,converse-bg .row-gap-5 {
    row-gap: 3rem!important;
}

.conversejs .column-gap-0,converse-bg .column-gap-0 {
    -moz-column-gap: 0!important;
    column-gap: 0!important;
}

.conversejs .column-gap-1,converse-bg .column-gap-1 {
    -moz-column-gap: .25rem!important;
    column-gap: .25rem!important;
}

.conversejs .column-gap-2,converse-bg .column-gap-2 {
    -moz-column-gap: .5rem!important;
    column-gap: .5rem!important;
}

.conversejs .column-gap-3,converse-bg .column-gap-3 {
    -moz-column-gap: 1rem!important;
    column-gap: 1rem!important;
}

.conversejs .column-gap-4,converse-bg .column-gap-4 {
    -moz-column-gap: 1.5rem!important;
    column-gap: 1.5rem!important;
}

.conversejs .column-gap-5,converse-bg .column-gap-5 {
    -moz-column-gap: 3rem!important;
    column-gap: 3rem!important;
}

.conversejs .font-monospace,converse-bg .font-monospace {
    font-family: var(--converse-font-monospace)!important;
}

.conversejs .fs-1,converse-bg .fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important;
}

.conversejs .fs-2,converse-bg .fs-2 {
    font-size: calc(1.325rem + .9vw)!important;
}

.conversejs .fs-3,converse-bg .fs-3 {
    font-size: calc(1.3rem + .6vw)!important;
}

.conversejs .fs-4,converse-bg .fs-4 {
    font-size: calc(1.275rem + .3vw)!important;
}

.conversejs .fs-5,converse-bg .fs-5 {
    font-size: 1.25rem!important;
}

.conversejs .fs-6,converse-bg .fs-6 {
    font-size: 1rem!important;
}

.conversejs .fst-italic,converse-bg .fst-italic {
    font-style: italic!important;
}

.conversejs .fst-normal,converse-bg .fst-normal {
    font-style: normal!important;
}

.conversejs .fw-lighter,converse-bg .fw-lighter {
    font-weight: lighter!important;
}

.conversejs .fw-light,converse-bg .fw-light {
    font-weight: 300!important;
}

.conversejs .fw-normal,converse-bg .fw-normal {
    font-weight: 400!important;
}

.conversejs .fw-medium,converse-bg .fw-medium {
    font-weight: 500!important;
}

.conversejs .fw-semibold,converse-bg .fw-semibold {
    font-weight: 600!important;
}

.conversejs .fw-bold,converse-bg .fw-bold {
    font-weight: 700!important;
}

.conversejs .fw-bolder,converse-bg .fw-bolder {
    font-weight: bolder!important;
}

.conversejs .lh-1,converse-bg .lh-1 {
    line-height: 1!important;
}

.conversejs .lh-sm,converse-bg .lh-sm {
    line-height: 1.25!important;
}

.conversejs .lh-base,converse-bg .lh-base {
    line-height: 1.5!important;
}

.conversejs .lh-lg,converse-bg .lh-lg {
    line-height: 2!important;
}

.conversejs .text-start,converse-bg .text-start {
    text-align: left!important;
}

.conversejs .text-end,converse-bg .text-end {
    text-align: right!important;
}

.conversejs .text-center,converse-bg .text-center {
    text-align: center!important;
}

.conversejs .text-decoration-none,converse-bg .text-decoration-none {
    text-decoration: none!important;
}

.conversejs .text-decoration-underline,converse-bg .text-decoration-underline {
    text-decoration: underline!important;
}

.conversejs .text-decoration-line-through,converse-bg .text-decoration-line-through {
    text-decoration: line-through!important;
}

.conversejs .text-lowercase,converse-bg .text-lowercase {
    text-transform: lowercase!important;
}

.conversejs .text-uppercase,converse-bg .text-uppercase {
    text-transform: uppercase!important;
}

.conversejs .text-capitalize,converse-bg .text-capitalize {
    text-transform: capitalize!important;
}

.conversejs .text-wrap,converse-bg .text-wrap {
    white-space: normal!important;
}

.conversejs .text-nowrap,converse-bg .text-nowrap {
    white-space: nowrap!important;
}

.conversejs .text-break,converse-bg .text-break {
    word-wrap: break-word!important;
    word-break: break-word!important;
}

.conversejs .text-primary,converse-bg .text-primary {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-primary-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-secondary,converse-bg .text-secondary {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-secondary-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-success,converse-bg .text-success {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-success-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-info,converse-bg .text-info {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-info-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-warning,converse-bg .text-warning {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-warning-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-danger,converse-bg .text-danger {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-danger-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-light,converse-bg .text-light {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-light-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-dark,converse-bg .text-dark {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-dark-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-black,converse-bg .text-black {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-black-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-white,converse-bg .text-white {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-white-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-body,converse-bg .text-body {
    --converse-text-opacity: 1;
    color: rgba(var(--converse-body-color-rgb),var(--converse-text-opacity))!important;
}

.conversejs .text-muted,converse-bg .text-muted {
    --converse-text-opacity: 1;
    color: var(--converse-secondary-color)!important;
}

.conversejs .text-black-50,converse-bg .text-black-50 {
    --converse-text-opacity: 1;
    color: rgba(0,0,0,.5)!important;
}

.conversejs .text-white-50,converse-bg .text-white-50 {
    --converse-text-opacity: 1;
    color: rgba(255,255,255,.5)!important;
}

.conversejs .text-body-secondary,converse-bg .text-body-secondary {
    --converse-text-opacity: 1;
    color: var(--converse-secondary-color)!important;
}

.conversejs .text-body-tertiary,converse-bg .text-body-tertiary {
    --converse-text-opacity: 1;
    color: var(--converse-tertiary-color)!important;
}

.conversejs .text-body-emphasis,converse-bg .text-body-emphasis {
    --converse-text-opacity: 1;
    color: var(--converse-emphasis-color)!important;
}

.conversejs .text-reset,converse-bg .text-reset {
    --converse-text-opacity: 1;
    color: inherit!important;
}

.conversejs .text-opacity-25,converse-bg .text-opacity-25 {
    --converse-text-opacity: .25;
}

.conversejs .text-opacity-50,converse-bg .text-opacity-50 {
    --converse-text-opacity: .5;
}

.conversejs .text-opacity-75,converse-bg .text-opacity-75 {
    --converse-text-opacity: .75;
}

.conversejs .text-opacity-100,converse-bg .text-opacity-100 {
    --converse-text-opacity: 1;
}

.conversejs .text-primary-emphasis,converse-bg .text-primary-emphasis {
    color: var(--converse-primary-text-emphasis)!important;
}

.conversejs .text-secondary-emphasis,converse-bg .text-secondary-emphasis {
    color: var(--converse-secondary-text-emphasis)!important;
}

.conversejs .text-success-emphasis,converse-bg .text-success-emphasis {
    color: var(--converse-success-text-emphasis)!important;
}

.conversejs .text-info-emphasis,converse-bg .text-info-emphasis {
    color: var(--converse-info-text-emphasis)!important;
}

.conversejs .text-warning-emphasis,converse-bg .text-warning-emphasis {
    color: var(--converse-warning-text-emphasis)!important;
}

.conversejs .text-danger-emphasis,converse-bg .text-danger-emphasis {
    color: var(--converse-danger-text-emphasis)!important;
}

.conversejs .text-light-emphasis,converse-bg .text-light-emphasis {
    color: var(--converse-light-text-emphasis)!important;
}

.conversejs .text-dark-emphasis,converse-bg .text-dark-emphasis {
    color: var(--converse-dark-text-emphasis)!important;
}

.conversejs .link-opacity-10,converse-bg .link-opacity-10,.conversejs .link-opacity-10-hover:hover,converse-bg .link-opacity-10-hover:hover {
    --converse-link-opacity: .1;
}

.conversejs .link-opacity-25,converse-bg .link-opacity-25,.conversejs .link-opacity-25-hover:hover,converse-bg .link-opacity-25-hover:hover {
    --converse-link-opacity: .25;
}

.conversejs .link-opacity-50,converse-bg .link-opacity-50,.conversejs .link-opacity-50-hover:hover,converse-bg .link-opacity-50-hover:hover {
    --converse-link-opacity: .5;
}

.conversejs .link-opacity-75,converse-bg .link-opacity-75,.conversejs .link-opacity-75-hover:hover,converse-bg .link-opacity-75-hover:hover {
    --converse-link-opacity: .75;
}

.conversejs .link-opacity-100,converse-bg .link-opacity-100,.conversejs .link-opacity-100-hover:hover,converse-bg .link-opacity-100-hover:hover {
    --converse-link-opacity: 1;
}

.conversejs .link-offset-1,converse-bg .link-offset-1,.conversejs .link-offset-1-hover:hover,converse-bg .link-offset-1-hover:hover {
    text-underline-offset: .125em!important;
}

.conversejs .link-offset-2,converse-bg .link-offset-2,.conversejs .link-offset-2-hover:hover,converse-bg .link-offset-2-hover:hover {
    text-underline-offset: .25em!important;
}

.conversejs .link-offset-3,converse-bg .link-offset-3,.conversejs .link-offset-3-hover:hover,converse-bg .link-offset-3-hover:hover {
    text-underline-offset: .375em!important;
}

.conversejs .link-underline-primary,converse-bg .link-underline-primary {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-primary-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-primary-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-secondary,converse-bg .link-underline-secondary {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-secondary-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-secondary-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-success,converse-bg .link-underline-success {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-success-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-success-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-info,converse-bg .link-underline-info {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-info-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-info-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-warning,converse-bg .link-underline-warning {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-warning-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-warning-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-danger,converse-bg .link-underline-danger {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-danger-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-danger-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-light,converse-bg .link-underline-light {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-light-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-light-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline-dark,converse-bg .link-underline-dark {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-dark-rgb),var(--converse-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--converse-dark-rgb),var(--converse-link-underline-opacity))!important;
}

.conversejs .link-underline,converse-bg .link-underline {
    --converse-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--converse-link-color-rgb),var(--converse-link-underline-opacity,1))!important;
    text-decoration-color: rgba(var(--converse-link-color-rgb),var(--converse-link-underline-opacity,1))!important;
}

.conversejs .link-underline-opacity-0,converse-bg .link-underline-opacity-0,.conversejs .link-underline-opacity-0-hover:hover,converse-bg .link-underline-opacity-0-hover:hover {
    --converse-link-underline-opacity: 0;
}

.conversejs .link-underline-opacity-10,converse-bg .link-underline-opacity-10,.conversejs .link-underline-opacity-10-hover:hover,converse-bg .link-underline-opacity-10-hover:hover {
    --converse-link-underline-opacity: .1;
}

.conversejs .link-underline-opacity-25,converse-bg .link-underline-opacity-25,.conversejs .link-underline-opacity-25-hover:hover,converse-bg .link-underline-opacity-25-hover:hover {
    --converse-link-underline-opacity: .25;
}

.conversejs .link-underline-opacity-50,converse-bg .link-underline-opacity-50,.conversejs .link-underline-opacity-50-hover:hover,converse-bg .link-underline-opacity-50-hover:hover {
    --converse-link-underline-opacity: .5;
}

.conversejs .link-underline-opacity-75,converse-bg .link-underline-opacity-75,.conversejs .link-underline-opacity-75-hover:hover,converse-bg .link-underline-opacity-75-hover:hover {
    --converse-link-underline-opacity: .75;
}

.conversejs .link-underline-opacity-100,converse-bg .link-underline-opacity-100,.conversejs .link-underline-opacity-100-hover:hover,converse-bg .link-underline-opacity-100-hover:hover {
    --converse-link-underline-opacity: 1;
}

.conversejs .bg-primary,converse-bg .bg-primary {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-primary-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-secondary,converse-bg .bg-secondary {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-secondary-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-success,converse-bg .bg-success {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-success-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-info,converse-bg .bg-info {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-info-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-warning,converse-bg .bg-warning {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-warning-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-danger,converse-bg .bg-danger {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-danger-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-light,converse-bg .bg-light {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-light-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-dark,converse-bg .bg-dark {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-dark-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-black,converse-bg .bg-black {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-black-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-white,converse-bg .bg-white {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-white-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-body,converse-bg .bg-body {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-body-bg-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-transparent,converse-bg .bg-transparent {
    --converse-bg-opacity: 1;
    background-color: transparent!important;
}

.conversejs .bg-body-secondary,converse-bg .bg-body-secondary {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-secondary-bg-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-body-tertiary,converse-bg .bg-body-tertiary {
    --converse-bg-opacity: 1;
    background-color: rgba(var(--converse-tertiary-bg-rgb),var(--converse-bg-opacity))!important;
}

.conversejs .bg-opacity-10,converse-bg .bg-opacity-10 {
    --converse-bg-opacity: .1;
}

.conversejs .bg-opacity-25,converse-bg .bg-opacity-25 {
    --converse-bg-opacity: .25;
}

.conversejs .bg-opacity-50,converse-bg .bg-opacity-50 {
    --converse-bg-opacity: .5;
}

.conversejs .bg-opacity-75,converse-bg .bg-opacity-75 {
    --converse-bg-opacity: .75;
}

.conversejs .bg-opacity-100,converse-bg .bg-opacity-100 {
    --converse-bg-opacity: 1;
}

.conversejs .bg-primary-subtle,converse-bg .bg-primary-subtle {
    background-color: var(--converse-primary-bg-subtle)!important;
}

.conversejs .bg-secondary-subtle,converse-bg .bg-secondary-subtle {
    background-color: var(--converse-secondary-bg-subtle)!important;
}

.conversejs .bg-success-subtle,converse-bg .bg-success-subtle {
    background-color: var(--converse-success-bg-subtle)!important;
}

.conversejs .bg-info-subtle,converse-bg .bg-info-subtle {
    background-color: var(--converse-info-bg-subtle)!important;
}

.conversejs .bg-warning-subtle,converse-bg .bg-warning-subtle {
    background-color: var(--converse-warning-bg-subtle)!important;
}

.conversejs .bg-danger-subtle,converse-bg .bg-danger-subtle {
    background-color: var(--converse-danger-bg-subtle)!important;
}

.conversejs .bg-light-subtle,converse-bg .bg-light-subtle {
    background-color: var(--converse-light-bg-subtle)!important;
}

.conversejs .bg-dark-subtle,converse-bg .bg-dark-subtle {
    background-color: var(--converse-dark-bg-subtle)!important;
}

.conversejs .bg-gradient,converse-bg .bg-gradient {
    background-image: var(--converse-gradient)!important;
}

.conversejs .user-select-all,converse-bg .user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    -ms-user-select: all!important;
    user-select: all!important;
}

.conversejs .user-select-auto,converse-bg .user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important;
}

.conversejs .user-select-none,converse-bg .user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}

.conversejs .pe-none,converse-bg .pe-none {
    pointer-events: none!important;
}

.conversejs .pe-auto,converse-bg .pe-auto {
    pointer-events: auto!important;
}

.conversejs .rounded,converse-bg .rounded {
    border-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-0,converse-bg .rounded-0 {
    border-radius: 0!important;
}

.conversejs .rounded-1,converse-bg .rounded-1 {
    border-radius: var(--converse-border-radius-sm)!important;
}

.conversejs .rounded-2,converse-bg .rounded-2 {
    border-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-3,converse-bg .rounded-3 {
    border-radius: var(--converse-border-radius-lg)!important;
}

.conversejs .rounded-4,converse-bg .rounded-4 {
    border-radius: var(--converse-border-radius-xl)!important;
}

.conversejs .rounded-5,converse-bg .rounded-5 {
    border-radius: var(--converse-border-radius-xxl)!important;
}

.conversejs .rounded-circle,converse-bg .rounded-circle {
    border-radius: 50%!important;
}

.conversejs .rounded-pill,converse-bg .rounded-pill {
    border-radius: var(--converse-border-radius-pill)!important;
}

.conversejs .rounded-top,converse-bg .rounded-top {
    border-top-left-radius: var(--converse-border-radius)!important;
    border-top-right-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-top-0,converse-bg .rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

.conversejs .rounded-top-1,converse-bg .rounded-top-1 {
    border-top-left-radius: var(--converse-border-radius-sm)!important;
    border-top-right-radius: var(--converse-border-radius-sm)!important;
}

.conversejs .rounded-top-2,converse-bg .rounded-top-2 {
    border-top-left-radius: var(--converse-border-radius)!important;
    border-top-right-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-top-3,converse-bg .rounded-top-3 {
    border-top-left-radius: var(--converse-border-radius-lg)!important;
    border-top-right-radius: var(--converse-border-radius-lg)!important;
}

.conversejs .rounded-top-4,converse-bg .rounded-top-4 {
    border-top-left-radius: var(--converse-border-radius-xl)!important;
    border-top-right-radius: var(--converse-border-radius-xl)!important;
}

.conversejs .rounded-top-5,converse-bg .rounded-top-5 {
    border-top-left-radius: var(--converse-border-radius-xxl)!important;
    border-top-right-radius: var(--converse-border-radius-xxl)!important;
}

.conversejs .rounded-top-circle,converse-bg .rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
}

.conversejs .rounded-top-pill,converse-bg .rounded-top-pill {
    border-top-left-radius: var(--converse-border-radius-pill)!important;
    border-top-right-radius: var(--converse-border-radius-pill)!important;
}

.conversejs .rounded-end,converse-bg .rounded-end {
    border-top-right-radius: var(--converse-border-radius)!important;
    border-bottom-right-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-end-0,converse-bg .rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.conversejs .rounded-end-1,converse-bg .rounded-end-1 {
    border-top-right-radius: var(--converse-border-radius-sm)!important;
    border-bottom-right-radius: var(--converse-border-radius-sm)!important;
}

.conversejs .rounded-end-2,converse-bg .rounded-end-2 {
    border-top-right-radius: var(--converse-border-radius)!important;
    border-bottom-right-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-end-3,converse-bg .rounded-end-3 {
    border-top-right-radius: var(--converse-border-radius-lg)!important;
    border-bottom-right-radius: var(--converse-border-radius-lg)!important;
}

.conversejs .rounded-end-4,converse-bg .rounded-end-4 {
    border-top-right-radius: var(--converse-border-radius-xl)!important;
    border-bottom-right-radius: var(--converse-border-radius-xl)!important;
}

.conversejs .rounded-end-5,converse-bg .rounded-end-5 {
    border-top-right-radius: var(--converse-border-radius-xxl)!important;
    border-bottom-right-radius: var(--converse-border-radius-xxl)!important;
}

.conversejs .rounded-end-circle,converse-bg .rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important;
}

.conversejs .rounded-end-pill,converse-bg .rounded-end-pill {
    border-top-right-radius: var(--converse-border-radius-pill)!important;
    border-bottom-right-radius: var(--converse-border-radius-pill)!important;
}

.conversejs .rounded-bottom,converse-bg .rounded-bottom {
    border-bottom-right-radius: var(--converse-border-radius)!important;
    border-bottom-left-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-bottom-0,converse-bg .rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.conversejs .rounded-bottom-1,converse-bg .rounded-bottom-1 {
    border-bottom-right-radius: var(--converse-border-radius-sm)!important;
    border-bottom-left-radius: var(--converse-border-radius-sm)!important;
}

.conversejs .rounded-bottom-2,converse-bg .rounded-bottom-2 {
    border-bottom-right-radius: var(--converse-border-radius)!important;
    border-bottom-left-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-bottom-3,converse-bg .rounded-bottom-3 {
    border-bottom-right-radius: var(--converse-border-radius-lg)!important;
    border-bottom-left-radius: var(--converse-border-radius-lg)!important;
}

.conversejs .rounded-bottom-4,converse-bg .rounded-bottom-4 {
    border-bottom-right-radius: var(--converse-border-radius-xl)!important;
    border-bottom-left-radius: var(--converse-border-radius-xl)!important;
}

.conversejs .rounded-bottom-5,converse-bg .rounded-bottom-5 {
    border-bottom-right-radius: var(--converse-border-radius-xxl)!important;
    border-bottom-left-radius: var(--converse-border-radius-xxl)!important;
}

.conversejs .rounded-bottom-circle,converse-bg .rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important;
}

.conversejs .rounded-bottom-pill,converse-bg .rounded-bottom-pill {
    border-bottom-right-radius: var(--converse-border-radius-pill)!important;
    border-bottom-left-radius: var(--converse-border-radius-pill)!important;
}

.conversejs .rounded-start,converse-bg .rounded-start {
    border-bottom-left-radius: var(--converse-border-radius)!important;
    border-top-left-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-start-0,converse-bg .rounded-start-0 {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.conversejs .rounded-start-1,converse-bg .rounded-start-1 {
    border-bottom-left-radius: var(--converse-border-radius-sm)!important;
    border-top-left-radius: var(--converse-border-radius-sm)!important;
}

.conversejs .rounded-start-2,converse-bg .rounded-start-2 {
    border-bottom-left-radius: var(--converse-border-radius)!important;
    border-top-left-radius: var(--converse-border-radius)!important;
}

.conversejs .rounded-start-3,converse-bg .rounded-start-3 {
    border-bottom-left-radius: var(--converse-border-radius-lg)!important;
    border-top-left-radius: var(--converse-border-radius-lg)!important;
}

.conversejs .rounded-start-4,converse-bg .rounded-start-4 {
    border-bottom-left-radius: var(--converse-border-radius-xl)!important;
    border-top-left-radius: var(--converse-border-radius-xl)!important;
}

.conversejs .rounded-start-5,converse-bg .rounded-start-5 {
    border-bottom-left-radius: var(--converse-border-radius-xxl)!important;
    border-top-left-radius: var(--converse-border-radius-xxl)!important;
}

.conversejs .rounded-start-circle,converse-bg .rounded-start-circle {
    border-top-left-radius: 50%!important;
    border-bottom-left-radius: 50%!important;
}

.conversejs .rounded-start-pill,converse-bg .rounded-start-pill {
    border-bottom-left-radius: var(--converse-border-radius-pill)!important;
    border-top-left-radius: var(--converse-border-radius-pill)!important;
}

.conversejs .visible,converse-bg .visible {
    visibility: visible!important;
}

.conversejs .invisible,converse-bg .invisible {
    visibility: hidden!important;
}

.conversejs .z-n1,converse-bg .z-n1 {
    z-index: -1!important;
}

.conversejs .z-0,converse-bg .z-0 {
    z-index: 0!important;
}

.conversejs .z-1,converse-bg .z-1 {
    z-index: 1!important;
}

.conversejs .z-2,converse-bg .z-2 {
    z-index: 2!important;
}

.conversejs .z-3,converse-bg .z-3 {
    z-index: 3!important;
}

@media (min-width:576px) {
    .conversejs .float-sm-start,converse-bg .float-sm-start {
        float: left!important;
    }

    .conversejs .float-sm-end,converse-bg .float-sm-end {
        float: right!important;
    }

    .conversejs .float-sm-none,converse-bg .float-sm-none {
        float: none!important;
    }

    .conversejs .object-fit-sm-contain,converse-bg .object-fit-sm-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important;
    }

    .conversejs .object-fit-sm-cover,converse-bg .object-fit-sm-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important;
    }

    .conversejs .object-fit-sm-fill,converse-bg .object-fit-sm-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important;
    }

    .conversejs .object-fit-sm-scale,converse-bg .object-fit-sm-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important;
    }

    .conversejs .object-fit-sm-none,converse-bg .object-fit-sm-none {
        -o-object-fit: none!important;
        object-fit: none!important;
    }

    .conversejs .d-sm-inline,converse-bg .d-sm-inline {
        display: inline!important;
    }

    .conversejs .d-sm-inline-block,converse-bg .d-sm-inline-block {
        display: inline-block!important;
    }

    .conversejs .d-sm-block,converse-bg .d-sm-block {
        display: block!important;
    }

    .conversejs .d-sm-grid,converse-bg .d-sm-grid {
        display: grid!important;
    }

    .conversejs .d-sm-inline-grid,converse-bg .d-sm-inline-grid {
        display: inline-grid!important;
    }

    .conversejs .d-sm-table,converse-bg .d-sm-table {
        display: table!important;
    }

    .conversejs .d-sm-table-row,converse-bg .d-sm-table-row {
        display: table-row!important;
    }

    .conversejs .d-sm-table-cell,converse-bg .d-sm-table-cell {
        display: table-cell!important;
    }

    .conversejs .d-sm-flex,converse-bg .d-sm-flex {
        display: flex!important;
    }

    .conversejs .d-sm-inline-flex,converse-bg .d-sm-inline-flex {
        display: inline-flex!important;
    }

    .conversejs .d-sm-none,converse-bg .d-sm-none {
        display: none!important;
    }

    .conversejs .flex-sm-fill,converse-bg .flex-sm-fill {
        flex: auto!important;
    }

    .conversejs .flex-sm-row,converse-bg .flex-sm-row {
        flex-direction: row!important;
    }

    .conversejs .flex-sm-column,converse-bg .flex-sm-column {
        flex-direction: column!important;
    }

    .conversejs .flex-sm-row-reverse,converse-bg .flex-sm-row-reverse {
        flex-direction: row-reverse!important;
    }

    .conversejs .flex-sm-column-reverse,converse-bg .flex-sm-column-reverse {
        flex-direction: column-reverse!important;
    }

    .conversejs .flex-sm-grow-0,converse-bg .flex-sm-grow-0 {
        flex-grow: 0!important;
    }

    .conversejs .flex-sm-grow-1,converse-bg .flex-sm-grow-1 {
        flex-grow: 1!important;
    }

    .conversejs .flex-sm-shrink-0,converse-bg .flex-sm-shrink-0 {
        flex-shrink: 0!important;
    }

    .conversejs .flex-sm-shrink-1,converse-bg .flex-sm-shrink-1 {
        flex-shrink: 1!important;
    }

    .conversejs .flex-sm-wrap,converse-bg .flex-sm-wrap {
        flex-wrap: wrap!important;
    }

    .conversejs .flex-sm-nowrap,converse-bg .flex-sm-nowrap {
        flex-wrap: nowrap!important;
    }

    .conversejs .flex-sm-wrap-reverse,converse-bg .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important;
    }

    .conversejs .justify-content-sm-start,converse-bg .justify-content-sm-start {
        justify-content: flex-start!important;
    }

    .conversejs .justify-content-sm-end,converse-bg .justify-content-sm-end {
        justify-content: flex-end!important;
    }

    .conversejs .justify-content-sm-center,converse-bg .justify-content-sm-center {
        justify-content: center!important;
    }

    .conversejs .justify-content-sm-between,converse-bg .justify-content-sm-between {
        justify-content: space-between!important;
    }

    .conversejs .justify-content-sm-around,converse-bg .justify-content-sm-around {
        justify-content: space-around!important;
    }

    .conversejs .justify-content-sm-evenly,converse-bg .justify-content-sm-evenly {
        justify-content: space-evenly!important;
    }

    .conversejs .align-items-sm-start,converse-bg .align-items-sm-start {
        align-items: flex-start!important;
    }

    .conversejs .align-items-sm-end,converse-bg .align-items-sm-end {
        align-items: flex-end!important;
    }

    .conversejs .align-items-sm-center,converse-bg .align-items-sm-center {
        align-items: center!important;
    }

    .conversejs .align-items-sm-baseline,converse-bg .align-items-sm-baseline {
        align-items: baseline!important;
    }

    .conversejs .align-items-sm-stretch,converse-bg .align-items-sm-stretch {
        align-items: stretch!important;
    }

    .conversejs .align-content-sm-start,converse-bg .align-content-sm-start {
        align-content: flex-start!important;
    }

    .conversejs .align-content-sm-end,converse-bg .align-content-sm-end {
        align-content: flex-end!important;
    }

    .conversejs .align-content-sm-center,converse-bg .align-content-sm-center {
        align-content: center!important;
    }

    .conversejs .align-content-sm-between,converse-bg .align-content-sm-between {
        align-content: space-between!important;
    }

    .conversejs .align-content-sm-around,converse-bg .align-content-sm-around {
        align-content: space-around!important;
    }

    .conversejs .align-content-sm-stretch,converse-bg .align-content-sm-stretch {
        align-content: stretch!important;
    }

    .conversejs .align-self-sm-auto,converse-bg .align-self-sm-auto {
        align-self: auto!important;
    }

    .conversejs .align-self-sm-start,converse-bg .align-self-sm-start {
        align-self: flex-start!important;
    }

    .conversejs .align-self-sm-end,converse-bg .align-self-sm-end {
        align-self: flex-end!important;
    }

    .conversejs .align-self-sm-center,converse-bg .align-self-sm-center {
        align-self: center!important;
    }

    .conversejs .align-self-sm-baseline,converse-bg .align-self-sm-baseline {
        align-self: baseline!important;
    }

    .conversejs .align-self-sm-stretch,converse-bg .align-self-sm-stretch {
        align-self: stretch!important;
    }

    .conversejs .order-sm-first,converse-bg .order-sm-first {
        order: -1!important;
    }

    .conversejs .order-sm-0,converse-bg .order-sm-0 {
        order: 0!important;
    }

    .conversejs .order-sm-1,converse-bg .order-sm-1 {
        order: 1!important;
    }

    .conversejs .order-sm-2,converse-bg .order-sm-2 {
        order: 2!important;
    }

    .conversejs .order-sm-3,converse-bg .order-sm-3 {
        order: 3!important;
    }

    .conversejs .order-sm-4,converse-bg .order-sm-4 {
        order: 4!important;
    }

    .conversejs .order-sm-5,converse-bg .order-sm-5 {
        order: 5!important;
    }

    .conversejs .order-sm-last,converse-bg .order-sm-last {
        order: 6!important;
    }

    .conversejs .m-sm-0,converse-bg .m-sm-0 {
        margin: 0!important;
    }

    .conversejs .m-sm-1,converse-bg .m-sm-1 {
        margin: .25rem!important;
    }

    .conversejs .m-sm-2,converse-bg .m-sm-2 {
        margin: .5rem!important;
    }

    .conversejs .m-sm-3,converse-bg .m-sm-3 {
        margin: 1rem!important;
    }

    .conversejs .m-sm-4,converse-bg .m-sm-4 {
        margin: 1.5rem!important;
    }

    .conversejs .m-sm-5,converse-bg .m-sm-5 {
        margin: 3rem!important;
    }

    .conversejs .m-sm-auto,converse-bg .m-sm-auto {
        margin: auto!important;
    }

    .conversejs .mx-sm-0,converse-bg .mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .conversejs .mx-sm-1,converse-bg .mx-sm-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important;
    }

    .conversejs .mx-sm-2,converse-bg .mx-sm-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important;
    }

    .conversejs .mx-sm-3,converse-bg .mx-sm-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }

    .conversejs .mx-sm-4,converse-bg .mx-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important;
    }

    .conversejs .mx-sm-5,converse-bg .mx-sm-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important;
    }

    .conversejs .mx-sm-auto,converse-bg .mx-sm-auto {
        margin-left: auto!important;
        margin-right: auto!important;
    }

    .conversejs .my-sm-0,converse-bg .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .conversejs .my-sm-1,converse-bg .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .conversejs .my-sm-2,converse-bg .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .conversejs .my-sm-3,converse-bg .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .conversejs .my-sm-4,converse-bg .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .conversejs .my-sm-5,converse-bg .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .conversejs .my-sm-auto,converse-bg .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }

    .conversejs .mt-sm-0,converse-bg .mt-sm-0 {
        margin-top: 0!important;
    }

    .conversejs .mt-sm-1,converse-bg .mt-sm-1 {
        margin-top: .25rem!important;
    }

    .conversejs .mt-sm-2,converse-bg .mt-sm-2 {
        margin-top: .5rem!important;
    }

    .conversejs .mt-sm-3,converse-bg .mt-sm-3 {
        margin-top: 1rem!important;
    }

    .conversejs .mt-sm-4,converse-bg .mt-sm-4 {
        margin-top: 1.5rem!important;
    }

    .conversejs .mt-sm-5,converse-bg .mt-sm-5 {
        margin-top: 3rem!important;
    }

    .conversejs .mt-sm-auto,converse-bg .mt-sm-auto {
        margin-top: auto!important;
    }

    .conversejs .me-sm-0,converse-bg .me-sm-0 {
        margin-right: 0!important;
    }

    .conversejs .me-sm-1,converse-bg .me-sm-1 {
        margin-right: .25rem!important;
    }

    .conversejs .me-sm-2,converse-bg .me-sm-2 {
        margin-right: .5rem!important;
    }

    .conversejs .me-sm-3,converse-bg .me-sm-3 {
        margin-right: 1rem!important;
    }

    .conversejs .me-sm-4,converse-bg .me-sm-4 {
        margin-right: 1.5rem!important;
    }

    .conversejs .me-sm-5,converse-bg .me-sm-5 {
        margin-right: 3rem!important;
    }

    .conversejs .me-sm-auto,converse-bg .me-sm-auto {
        margin-right: auto!important;
    }

    .conversejs .mb-sm-0,converse-bg .mb-sm-0 {
        margin-bottom: 0!important;
    }

    .conversejs .mb-sm-1,converse-bg .mb-sm-1 {
        margin-bottom: .25rem!important;
    }

    .conversejs .mb-sm-2,converse-bg .mb-sm-2 {
        margin-bottom: .5rem!important;
    }

    .conversejs .mb-sm-3,converse-bg .mb-sm-3 {
        margin-bottom: 1rem!important;
    }

    .conversejs .mb-sm-4,converse-bg .mb-sm-4 {
        margin-bottom: 1.5rem!important;
    }

    .conversejs .mb-sm-5,converse-bg .mb-sm-5 {
        margin-bottom: 3rem!important;
    }

    .conversejs .mb-sm-auto,converse-bg .mb-sm-auto {
        margin-bottom: auto!important;
    }

    .conversejs .ms-sm-0,converse-bg .ms-sm-0 {
        margin-left: 0!important;
    }

    .conversejs .ms-sm-1,converse-bg .ms-sm-1 {
        margin-left: .25rem!important;
    }

    .conversejs .ms-sm-2,converse-bg .ms-sm-2 {
        margin-left: .5rem!important;
    }

    .conversejs .ms-sm-3,converse-bg .ms-sm-3 {
        margin-left: 1rem!important;
    }

    .conversejs .ms-sm-4,converse-bg .ms-sm-4 {
        margin-left: 1.5rem!important;
    }

    .conversejs .ms-sm-5,converse-bg .ms-sm-5 {
        margin-left: 3rem!important;
    }

    .conversejs .ms-sm-auto,converse-bg .ms-sm-auto {
        margin-left: auto!important;
    }

    .conversejs .p-sm-0,converse-bg .p-sm-0 {
        padding: 0!important;
    }

    .conversejs .p-sm-1,converse-bg .p-sm-1 {
        padding: .25rem!important;
    }

    .conversejs .p-sm-2,converse-bg .p-sm-2 {
        padding: .5rem!important;
    }

    .conversejs .p-sm-3,converse-bg .p-sm-3 {
        padding: 1rem!important;
    }

    .conversejs .p-sm-4,converse-bg .p-sm-4 {
        padding: 1.5rem!important;
    }

    .conversejs .p-sm-5,converse-bg .p-sm-5 {
        padding: 3rem!important;
    }

    .conversejs .px-sm-0,converse-bg .px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .conversejs .px-sm-1,converse-bg .px-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }

    .conversejs .px-sm-2,converse-bg .px-sm-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }

    .conversejs .px-sm-3,converse-bg .px-sm-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .conversejs .px-sm-4,converse-bg .px-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .conversejs .px-sm-5,converse-bg .px-sm-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .conversejs .py-sm-0,converse-bg .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .conversejs .py-sm-1,converse-bg .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .conversejs .py-sm-2,converse-bg .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .conversejs .py-sm-3,converse-bg .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .conversejs .py-sm-4,converse-bg .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .conversejs .py-sm-5,converse-bg .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .conversejs .pt-sm-0,converse-bg .pt-sm-0 {
        padding-top: 0!important;
    }

    .conversejs .pt-sm-1,converse-bg .pt-sm-1 {
        padding-top: .25rem!important;
    }

    .conversejs .pt-sm-2,converse-bg .pt-sm-2 {
        padding-top: .5rem!important;
    }

    .conversejs .pt-sm-3,converse-bg .pt-sm-3 {
        padding-top: 1rem!important;
    }

    .conversejs .pt-sm-4,converse-bg .pt-sm-4 {
        padding-top: 1.5rem!important;
    }

    .conversejs .pt-sm-5,converse-bg .pt-sm-5 {
        padding-top: 3rem!important;
    }

    .conversejs .pe-sm-0,converse-bg .pe-sm-0 {
        padding-right: 0!important;
    }

    .conversejs .pe-sm-1,converse-bg .pe-sm-1 {
        padding-right: .25rem!important;
    }

    .conversejs .pe-sm-2,converse-bg .pe-sm-2 {
        padding-right: .5rem!important;
    }

    .conversejs .pe-sm-3,converse-bg .pe-sm-3 {
        padding-right: 1rem!important;
    }

    .conversejs .pe-sm-4,converse-bg .pe-sm-4 {
        padding-right: 1.5rem!important;
    }

    .conversejs .pe-sm-5,converse-bg .pe-sm-5 {
        padding-right: 3rem!important;
    }

    .conversejs .pb-sm-0,converse-bg .pb-sm-0 {
        padding-bottom: 0!important;
    }

    .conversejs .pb-sm-1,converse-bg .pb-sm-1 {
        padding-bottom: .25rem!important;
    }

    .conversejs .pb-sm-2,converse-bg .pb-sm-2 {
        padding-bottom: .5rem!important;
    }

    .conversejs .pb-sm-3,converse-bg .pb-sm-3 {
        padding-bottom: 1rem!important;
    }

    .conversejs .pb-sm-4,converse-bg .pb-sm-4 {
        padding-bottom: 1.5rem!important;
    }

    .conversejs .pb-sm-5,converse-bg .pb-sm-5 {
        padding-bottom: 3rem!important;
    }

    .conversejs .ps-sm-0,converse-bg .ps-sm-0 {
        padding-left: 0!important;
    }

    .conversejs .ps-sm-1,converse-bg .ps-sm-1 {
        padding-left: .25rem!important;
    }

    .conversejs .ps-sm-2,converse-bg .ps-sm-2 {
        padding-left: .5rem!important;
    }

    .conversejs .ps-sm-3,converse-bg .ps-sm-3 {
        padding-left: 1rem!important;
    }

    .conversejs .ps-sm-4,converse-bg .ps-sm-4 {
        padding-left: 1.5rem!important;
    }

    .conversejs .ps-sm-5,converse-bg .ps-sm-5 {
        padding-left: 3rem!important;
    }

    .conversejs .gap-sm-0,converse-bg .gap-sm-0 {
        gap: 0!important;
    }

    .conversejs .gap-sm-1,converse-bg .gap-sm-1 {
        gap: .25rem!important;
    }

    .conversejs .gap-sm-2,converse-bg .gap-sm-2 {
        gap: .5rem!important;
    }

    .conversejs .gap-sm-3,converse-bg .gap-sm-3 {
        gap: 1rem!important;
    }

    .conversejs .gap-sm-4,converse-bg .gap-sm-4 {
        gap: 1.5rem!important;
    }

    .conversejs .gap-sm-5,converse-bg .gap-sm-5 {
        gap: 3rem!important;
    }

    .conversejs .row-gap-sm-0,converse-bg .row-gap-sm-0 {
        row-gap: 0!important;
    }

    .conversejs .row-gap-sm-1,converse-bg .row-gap-sm-1 {
        row-gap: .25rem!important;
    }

    .conversejs .row-gap-sm-2,converse-bg .row-gap-sm-2 {
        row-gap: .5rem!important;
    }

    .conversejs .row-gap-sm-3,converse-bg .row-gap-sm-3 {
        row-gap: 1rem!important;
    }

    .conversejs .row-gap-sm-4,converse-bg .row-gap-sm-4 {
        row-gap: 1.5rem!important;
    }

    .conversejs .row-gap-sm-5,converse-bg .row-gap-sm-5 {
        row-gap: 3rem!important;
    }

    .conversejs .column-gap-sm-0,converse-bg .column-gap-sm-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important;
    }

    .conversejs .column-gap-sm-1,converse-bg .column-gap-sm-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important;
    }

    .conversejs .column-gap-sm-2,converse-bg .column-gap-sm-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important;
    }

    .conversejs .column-gap-sm-3,converse-bg .column-gap-sm-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important;
    }

    .conversejs .column-gap-sm-4,converse-bg .column-gap-sm-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important;
    }

    .conversejs .column-gap-sm-5,converse-bg .column-gap-sm-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important;
    }

    .conversejs .text-sm-start,converse-bg .text-sm-start {
        text-align: left!important;
    }

    .conversejs .text-sm-end,converse-bg .text-sm-end {
        text-align: right!important;
    }

    .conversejs .text-sm-center,converse-bg .text-sm-center {
        text-align: center!important;
    }
}

@media (min-width:768px) {
    .conversejs .float-md-start,converse-bg .float-md-start {
        float: left!important;
    }

    .conversejs .float-md-end,converse-bg .float-md-end {
        float: right!important;
    }

    .conversejs .float-md-none,converse-bg .float-md-none {
        float: none!important;
    }

    .conversejs .object-fit-md-contain,converse-bg .object-fit-md-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important;
    }

    .conversejs .object-fit-md-cover,converse-bg .object-fit-md-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important;
    }

    .conversejs .object-fit-md-fill,converse-bg .object-fit-md-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important;
    }

    .conversejs .object-fit-md-scale,converse-bg .object-fit-md-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important;
    }

    .conversejs .object-fit-md-none,converse-bg .object-fit-md-none {
        -o-object-fit: none!important;
        object-fit: none!important;
    }

    .conversejs .d-md-inline,converse-bg .d-md-inline {
        display: inline!important;
    }

    .conversejs .d-md-inline-block,converse-bg .d-md-inline-block {
        display: inline-block!important;
    }

    .conversejs .d-md-block,converse-bg .d-md-block {
        display: block!important;
    }

    .conversejs .d-md-grid,converse-bg .d-md-grid {
        display: grid!important;
    }

    .conversejs .d-md-inline-grid,converse-bg .d-md-inline-grid {
        display: inline-grid!important;
    }

    .conversejs .d-md-table,converse-bg .d-md-table {
        display: table!important;
    }

    .conversejs .d-md-table-row,converse-bg .d-md-table-row {
        display: table-row!important;
    }

    .conversejs .d-md-table-cell,converse-bg .d-md-table-cell {
        display: table-cell!important;
    }

    .conversejs .d-md-flex,converse-bg .d-md-flex {
        display: flex!important;
    }

    .conversejs .d-md-inline-flex,converse-bg .d-md-inline-flex {
        display: inline-flex!important;
    }

    .conversejs .d-md-none,converse-bg .d-md-none {
        display: none!important;
    }

    .conversejs .flex-md-fill,converse-bg .flex-md-fill {
        flex: auto!important;
    }

    .conversejs .flex-md-row,converse-bg .flex-md-row {
        flex-direction: row!important;
    }

    .conversejs .flex-md-column,converse-bg .flex-md-column {
        flex-direction: column!important;
    }

    .conversejs .flex-md-row-reverse,converse-bg .flex-md-row-reverse {
        flex-direction: row-reverse!important;
    }

    .conversejs .flex-md-column-reverse,converse-bg .flex-md-column-reverse {
        flex-direction: column-reverse!important;
    }

    .conversejs .flex-md-grow-0,converse-bg .flex-md-grow-0 {
        flex-grow: 0!important;
    }

    .conversejs .flex-md-grow-1,converse-bg .flex-md-grow-1 {
        flex-grow: 1!important;
    }

    .conversejs .flex-md-shrink-0,converse-bg .flex-md-shrink-0 {
        flex-shrink: 0!important;
    }

    .conversejs .flex-md-shrink-1,converse-bg .flex-md-shrink-1 {
        flex-shrink: 1!important;
    }

    .conversejs .flex-md-wrap,converse-bg .flex-md-wrap {
        flex-wrap: wrap!important;
    }

    .conversejs .flex-md-nowrap,converse-bg .flex-md-nowrap {
        flex-wrap: nowrap!important;
    }

    .conversejs .flex-md-wrap-reverse,converse-bg .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important;
    }

    .conversejs .justify-content-md-start,converse-bg .justify-content-md-start {
        justify-content: flex-start!important;
    }

    .conversejs .justify-content-md-end,converse-bg .justify-content-md-end {
        justify-content: flex-end!important;
    }

    .conversejs .justify-content-md-center,converse-bg .justify-content-md-center {
        justify-content: center!important;
    }

    .conversejs .justify-content-md-between,converse-bg .justify-content-md-between {
        justify-content: space-between!important;
    }

    .conversejs .justify-content-md-around,converse-bg .justify-content-md-around {
        justify-content: space-around!important;
    }

    .conversejs .justify-content-md-evenly,converse-bg .justify-content-md-evenly {
        justify-content: space-evenly!important;
    }

    .conversejs .align-items-md-start,converse-bg .align-items-md-start {
        align-items: flex-start!important;
    }

    .conversejs .align-items-md-end,converse-bg .align-items-md-end {
        align-items: flex-end!important;
    }

    .conversejs .align-items-md-center,converse-bg .align-items-md-center {
        align-items: center!important;
    }

    .conversejs .align-items-md-baseline,converse-bg .align-items-md-baseline {
        align-items: baseline!important;
    }

    .conversejs .align-items-md-stretch,converse-bg .align-items-md-stretch {
        align-items: stretch!important;
    }

    .conversejs .align-content-md-start,converse-bg .align-content-md-start {
        align-content: flex-start!important;
    }

    .conversejs .align-content-md-end,converse-bg .align-content-md-end {
        align-content: flex-end!important;
    }

    .conversejs .align-content-md-center,converse-bg .align-content-md-center {
        align-content: center!important;
    }

    .conversejs .align-content-md-between,converse-bg .align-content-md-between {
        align-content: space-between!important;
    }

    .conversejs .align-content-md-around,converse-bg .align-content-md-around {
        align-content: space-around!important;
    }

    .conversejs .align-content-md-stretch,converse-bg .align-content-md-stretch {
        align-content: stretch!important;
    }

    .conversejs .align-self-md-auto,converse-bg .align-self-md-auto {
        align-self: auto!important;
    }

    .conversejs .align-self-md-start,converse-bg .align-self-md-start {
        align-self: flex-start!important;
    }

    .conversejs .align-self-md-end,converse-bg .align-self-md-end {
        align-self: flex-end!important;
    }

    .conversejs .align-self-md-center,converse-bg .align-self-md-center {
        align-self: center!important;
    }

    .conversejs .align-self-md-baseline,converse-bg .align-self-md-baseline {
        align-self: baseline!important;
    }

    .conversejs .align-self-md-stretch,converse-bg .align-self-md-stretch {
        align-self: stretch!important;
    }

    .conversejs .order-md-first,converse-bg .order-md-first {
        order: -1!important;
    }

    .conversejs .order-md-0,converse-bg .order-md-0 {
        order: 0!important;
    }

    .conversejs .order-md-1,converse-bg .order-md-1 {
        order: 1!important;
    }

    .conversejs .order-md-2,converse-bg .order-md-2 {
        order: 2!important;
    }

    .conversejs .order-md-3,converse-bg .order-md-3 {
        order: 3!important;
    }

    .conversejs .order-md-4,converse-bg .order-md-4 {
        order: 4!important;
    }

    .conversejs .order-md-5,converse-bg .order-md-5 {
        order: 5!important;
    }

    .conversejs .order-md-last,converse-bg .order-md-last {
        order: 6!important;
    }

    .conversejs .m-md-0,converse-bg .m-md-0 {
        margin: 0!important;
    }

    .conversejs .m-md-1,converse-bg .m-md-1 {
        margin: .25rem!important;
    }

    .conversejs .m-md-2,converse-bg .m-md-2 {
        margin: .5rem!important;
    }

    .conversejs .m-md-3,converse-bg .m-md-3 {
        margin: 1rem!important;
    }

    .conversejs .m-md-4,converse-bg .m-md-4 {
        margin: 1.5rem!important;
    }

    .conversejs .m-md-5,converse-bg .m-md-5 {
        margin: 3rem!important;
    }

    .conversejs .m-md-auto,converse-bg .m-md-auto {
        margin: auto!important;
    }

    .conversejs .mx-md-0,converse-bg .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .conversejs .mx-md-1,converse-bg .mx-md-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important;
    }

    .conversejs .mx-md-2,converse-bg .mx-md-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important;
    }

    .conversejs .mx-md-3,converse-bg .mx-md-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }

    .conversejs .mx-md-4,converse-bg .mx-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important;
    }

    .conversejs .mx-md-5,converse-bg .mx-md-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important;
    }

    .conversejs .mx-md-auto,converse-bg .mx-md-auto {
        margin-left: auto!important;
        margin-right: auto!important;
    }

    .conversejs .my-md-0,converse-bg .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .conversejs .my-md-1,converse-bg .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .conversejs .my-md-2,converse-bg .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .conversejs .my-md-3,converse-bg .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .conversejs .my-md-4,converse-bg .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .conversejs .my-md-5,converse-bg .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .conversejs .my-md-auto,converse-bg .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }

    .conversejs .mt-md-0,converse-bg .mt-md-0 {
        margin-top: 0!important;
    }

    .conversejs .mt-md-1,converse-bg .mt-md-1 {
        margin-top: .25rem!important;
    }

    .conversejs .mt-md-2,converse-bg .mt-md-2 {
        margin-top: .5rem!important;
    }

    .conversejs .mt-md-3,converse-bg .mt-md-3 {
        margin-top: 1rem!important;
    }

    .conversejs .mt-md-4,converse-bg .mt-md-4 {
        margin-top: 1.5rem!important;
    }

    .conversejs .mt-md-5,converse-bg .mt-md-5 {
        margin-top: 3rem!important;
    }

    .conversejs .mt-md-auto,converse-bg .mt-md-auto {
        margin-top: auto!important;
    }

    .conversejs .me-md-0,converse-bg .me-md-0 {
        margin-right: 0!important;
    }

    .conversejs .me-md-1,converse-bg .me-md-1 {
        margin-right: .25rem!important;
    }

    .conversejs .me-md-2,converse-bg .me-md-2 {
        margin-right: .5rem!important;
    }

    .conversejs .me-md-3,converse-bg .me-md-3 {
        margin-right: 1rem!important;
    }

    .conversejs .me-md-4,converse-bg .me-md-4 {
        margin-right: 1.5rem!important;
    }

    .conversejs .me-md-5,converse-bg .me-md-5 {
        margin-right: 3rem!important;
    }

    .conversejs .me-md-auto,converse-bg .me-md-auto {
        margin-right: auto!important;
    }

    .conversejs .mb-md-0,converse-bg .mb-md-0 {
        margin-bottom: 0!important;
    }

    .conversejs .mb-md-1,converse-bg .mb-md-1 {
        margin-bottom: .25rem!important;
    }

    .conversejs .mb-md-2,converse-bg .mb-md-2 {
        margin-bottom: .5rem!important;
    }

    .conversejs .mb-md-3,converse-bg .mb-md-3 {
        margin-bottom: 1rem!important;
    }

    .conversejs .mb-md-4,converse-bg .mb-md-4 {
        margin-bottom: 1.5rem!important;
    }

    .conversejs .mb-md-5,converse-bg .mb-md-5 {
        margin-bottom: 3rem!important;
    }

    .conversejs .mb-md-auto,converse-bg .mb-md-auto {
        margin-bottom: auto!important;
    }

    .conversejs .ms-md-0,converse-bg .ms-md-0 {
        margin-left: 0!important;
    }

    .conversejs .ms-md-1,converse-bg .ms-md-1 {
        margin-left: .25rem!important;
    }

    .conversejs .ms-md-2,converse-bg .ms-md-2 {
        margin-left: .5rem!important;
    }

    .conversejs .ms-md-3,converse-bg .ms-md-3 {
        margin-left: 1rem!important;
    }

    .conversejs .ms-md-4,converse-bg .ms-md-4 {
        margin-left: 1.5rem!important;
    }

    .conversejs .ms-md-5,converse-bg .ms-md-5 {
        margin-left: 3rem!important;
    }

    .conversejs .ms-md-auto,converse-bg .ms-md-auto {
        margin-left: auto!important;
    }

    .conversejs .p-md-0,converse-bg .p-md-0 {
        padding: 0!important;
    }

    .conversejs .p-md-1,converse-bg .p-md-1 {
        padding: .25rem!important;
    }

    .conversejs .p-md-2,converse-bg .p-md-2 {
        padding: .5rem!important;
    }

    .conversejs .p-md-3,converse-bg .p-md-3 {
        padding: 1rem!important;
    }

    .conversejs .p-md-4,converse-bg .p-md-4 {
        padding: 1.5rem!important;
    }

    .conversejs .p-md-5,converse-bg .p-md-5 {
        padding: 3rem!important;
    }

    .conversejs .px-md-0,converse-bg .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .conversejs .px-md-1,converse-bg .px-md-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }

    .conversejs .px-md-2,converse-bg .px-md-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }

    .conversejs .px-md-3,converse-bg .px-md-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .conversejs .px-md-4,converse-bg .px-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .conversejs .px-md-5,converse-bg .px-md-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .conversejs .py-md-0,converse-bg .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .conversejs .py-md-1,converse-bg .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .conversejs .py-md-2,converse-bg .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .conversejs .py-md-3,converse-bg .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .conversejs .py-md-4,converse-bg .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .conversejs .py-md-5,converse-bg .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .conversejs .pt-md-0,converse-bg .pt-md-0 {
        padding-top: 0!important;
    }

    .conversejs .pt-md-1,converse-bg .pt-md-1 {
        padding-top: .25rem!important;
    }

    .conversejs .pt-md-2,converse-bg .pt-md-2 {
        padding-top: .5rem!important;
    }

    .conversejs .pt-md-3,converse-bg .pt-md-3 {
        padding-top: 1rem!important;
    }

    .conversejs .pt-md-4,converse-bg .pt-md-4 {
        padding-top: 1.5rem!important;
    }

    .conversejs .pt-md-5,converse-bg .pt-md-5 {
        padding-top: 3rem!important;
    }

    .conversejs .pe-md-0,converse-bg .pe-md-0 {
        padding-right: 0!important;
    }

    .conversejs .pe-md-1,converse-bg .pe-md-1 {
        padding-right: .25rem!important;
    }

    .conversejs .pe-md-2,converse-bg .pe-md-2 {
        padding-right: .5rem!important;
    }

    .conversejs .pe-md-3,converse-bg .pe-md-3 {
        padding-right: 1rem!important;
    }

    .conversejs .pe-md-4,converse-bg .pe-md-4 {
        padding-right: 1.5rem!important;
    }

    .conversejs .pe-md-5,converse-bg .pe-md-5 {
        padding-right: 3rem!important;
    }

    .conversejs .pb-md-0,converse-bg .pb-md-0 {
        padding-bottom: 0!important;
    }

    .conversejs .pb-md-1,converse-bg .pb-md-1 {
        padding-bottom: .25rem!important;
    }

    .conversejs .pb-md-2,converse-bg .pb-md-2 {
        padding-bottom: .5rem!important;
    }

    .conversejs .pb-md-3,converse-bg .pb-md-3 {
        padding-bottom: 1rem!important;
    }

    .conversejs .pb-md-4,converse-bg .pb-md-4 {
        padding-bottom: 1.5rem!important;
    }

    .conversejs .pb-md-5,converse-bg .pb-md-5 {
        padding-bottom: 3rem!important;
    }

    .conversejs .ps-md-0,converse-bg .ps-md-0 {
        padding-left: 0!important;
    }

    .conversejs .ps-md-1,converse-bg .ps-md-1 {
        padding-left: .25rem!important;
    }

    .conversejs .ps-md-2,converse-bg .ps-md-2 {
        padding-left: .5rem!important;
    }

    .conversejs .ps-md-3,converse-bg .ps-md-3 {
        padding-left: 1rem!important;
    }

    .conversejs .ps-md-4,converse-bg .ps-md-4 {
        padding-left: 1.5rem!important;
    }

    .conversejs .ps-md-5,converse-bg .ps-md-5 {
        padding-left: 3rem!important;
    }

    .conversejs .gap-md-0,converse-bg .gap-md-0 {
        gap: 0!important;
    }

    .conversejs .gap-md-1,converse-bg .gap-md-1 {
        gap: .25rem!important;
    }

    .conversejs .gap-md-2,converse-bg .gap-md-2 {
        gap: .5rem!important;
    }

    .conversejs .gap-md-3,converse-bg .gap-md-3 {
        gap: 1rem!important;
    }

    .conversejs .gap-md-4,converse-bg .gap-md-4 {
        gap: 1.5rem!important;
    }

    .conversejs .gap-md-5,converse-bg .gap-md-5 {
        gap: 3rem!important;
    }

    .conversejs .row-gap-md-0,converse-bg .row-gap-md-0 {
        row-gap: 0!important;
    }

    .conversejs .row-gap-md-1,converse-bg .row-gap-md-1 {
        row-gap: .25rem!important;
    }

    .conversejs .row-gap-md-2,converse-bg .row-gap-md-2 {
        row-gap: .5rem!important;
    }

    .conversejs .row-gap-md-3,converse-bg .row-gap-md-3 {
        row-gap: 1rem!important;
    }

    .conversejs .row-gap-md-4,converse-bg .row-gap-md-4 {
        row-gap: 1.5rem!important;
    }

    .conversejs .row-gap-md-5,converse-bg .row-gap-md-5 {
        row-gap: 3rem!important;
    }

    .conversejs .column-gap-md-0,converse-bg .column-gap-md-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important;
    }

    .conversejs .column-gap-md-1,converse-bg .column-gap-md-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important;
    }

    .conversejs .column-gap-md-2,converse-bg .column-gap-md-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important;
    }

    .conversejs .column-gap-md-3,converse-bg .column-gap-md-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important;
    }

    .conversejs .column-gap-md-4,converse-bg .column-gap-md-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important;
    }

    .conversejs .column-gap-md-5,converse-bg .column-gap-md-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important;
    }

    .conversejs .text-md-start,converse-bg .text-md-start {
        text-align: left!important;
    }

    .conversejs .text-md-end,converse-bg .text-md-end {
        text-align: right!important;
    }

    .conversejs .text-md-center,converse-bg .text-md-center {
        text-align: center!important;
    }
}

@media (min-width:992px) {
    .conversejs .float-lg-start,converse-bg .float-lg-start {
        float: left!important;
    }

    .conversejs .float-lg-end,converse-bg .float-lg-end {
        float: right!important;
    }

    .conversejs .float-lg-none,converse-bg .float-lg-none {
        float: none!important;
    }

    .conversejs .object-fit-lg-contain,converse-bg .object-fit-lg-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important;
    }

    .conversejs .object-fit-lg-cover,converse-bg .object-fit-lg-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important;
    }

    .conversejs .object-fit-lg-fill,converse-bg .object-fit-lg-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important;
    }

    .conversejs .object-fit-lg-scale,converse-bg .object-fit-lg-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important;
    }

    .conversejs .object-fit-lg-none,converse-bg .object-fit-lg-none {
        -o-object-fit: none!important;
        object-fit: none!important;
    }

    .conversejs .d-lg-inline,converse-bg .d-lg-inline {
        display: inline!important;
    }

    .conversejs .d-lg-inline-block,converse-bg .d-lg-inline-block {
        display: inline-block!important;
    }

    .conversejs .d-lg-block,converse-bg .d-lg-block {
        display: block!important;
    }

    .conversejs .d-lg-grid,converse-bg .d-lg-grid {
        display: grid!important;
    }

    .conversejs .d-lg-inline-grid,converse-bg .d-lg-inline-grid {
        display: inline-grid!important;
    }

    .conversejs .d-lg-table,converse-bg .d-lg-table {
        display: table!important;
    }

    .conversejs .d-lg-table-row,converse-bg .d-lg-table-row {
        display: table-row!important;
    }

    .conversejs .d-lg-table-cell,converse-bg .d-lg-table-cell {
        display: table-cell!important;
    }

    .conversejs .d-lg-flex,converse-bg .d-lg-flex {
        display: flex!important;
    }

    .conversejs .d-lg-inline-flex,converse-bg .d-lg-inline-flex {
        display: inline-flex!important;
    }

    .conversejs .d-lg-none,converse-bg .d-lg-none {
        display: none!important;
    }

    .conversejs .flex-lg-fill,converse-bg .flex-lg-fill {
        flex: auto!important;
    }

    .conversejs .flex-lg-row,converse-bg .flex-lg-row {
        flex-direction: row!important;
    }

    .conversejs .flex-lg-column,converse-bg .flex-lg-column {
        flex-direction: column!important;
    }

    .conversejs .flex-lg-row-reverse,converse-bg .flex-lg-row-reverse {
        flex-direction: row-reverse!important;
    }

    .conversejs .flex-lg-column-reverse,converse-bg .flex-lg-column-reverse {
        flex-direction: column-reverse!important;
    }

    .conversejs .flex-lg-grow-0,converse-bg .flex-lg-grow-0 {
        flex-grow: 0!important;
    }

    .conversejs .flex-lg-grow-1,converse-bg .flex-lg-grow-1 {
        flex-grow: 1!important;
    }

    .conversejs .flex-lg-shrink-0,converse-bg .flex-lg-shrink-0 {
        flex-shrink: 0!important;
    }

    .conversejs .flex-lg-shrink-1,converse-bg .flex-lg-shrink-1 {
        flex-shrink: 1!important;
    }

    .conversejs .flex-lg-wrap,converse-bg .flex-lg-wrap {
        flex-wrap: wrap!important;
    }

    .conversejs .flex-lg-nowrap,converse-bg .flex-lg-nowrap {
        flex-wrap: nowrap!important;
    }

    .conversejs .flex-lg-wrap-reverse,converse-bg .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important;
    }

    .conversejs .justify-content-lg-start,converse-bg .justify-content-lg-start {
        justify-content: flex-start!important;
    }

    .conversejs .justify-content-lg-end,converse-bg .justify-content-lg-end {
        justify-content: flex-end!important;
    }

    .conversejs .justify-content-lg-center,converse-bg .justify-content-lg-center {
        justify-content: center!important;
    }

    .conversejs .justify-content-lg-between,converse-bg .justify-content-lg-between {
        justify-content: space-between!important;
    }

    .conversejs .justify-content-lg-around,converse-bg .justify-content-lg-around {
        justify-content: space-around!important;
    }

    .conversejs .justify-content-lg-evenly,converse-bg .justify-content-lg-evenly {
        justify-content: space-evenly!important;
    }

    .conversejs .align-items-lg-start,converse-bg .align-items-lg-start {
        align-items: flex-start!important;
    }

    .conversejs .align-items-lg-end,converse-bg .align-items-lg-end {
        align-items: flex-end!important;
    }

    .conversejs .align-items-lg-center,converse-bg .align-items-lg-center {
        align-items: center!important;
    }

    .conversejs .align-items-lg-baseline,converse-bg .align-items-lg-baseline {
        align-items: baseline!important;
    }

    .conversejs .align-items-lg-stretch,converse-bg .align-items-lg-stretch {
        align-items: stretch!important;
    }

    .conversejs .align-content-lg-start,converse-bg .align-content-lg-start {
        align-content: flex-start!important;
    }

    .conversejs .align-content-lg-end,converse-bg .align-content-lg-end {
        align-content: flex-end!important;
    }

    .conversejs .align-content-lg-center,converse-bg .align-content-lg-center {
        align-content: center!important;
    }

    .conversejs .align-content-lg-between,converse-bg .align-content-lg-between {
        align-content: space-between!important;
    }

    .conversejs .align-content-lg-around,converse-bg .align-content-lg-around {
        align-content: space-around!important;
    }

    .conversejs .align-content-lg-stretch,converse-bg .align-content-lg-stretch {
        align-content: stretch!important;
    }

    .conversejs .align-self-lg-auto,converse-bg .align-self-lg-auto {
        align-self: auto!important;
    }

    .conversejs .align-self-lg-start,converse-bg .align-self-lg-start {
        align-self: flex-start!important;
    }

    .conversejs .align-self-lg-end,converse-bg .align-self-lg-end {
        align-self: flex-end!important;
    }

    .conversejs .align-self-lg-center,converse-bg .align-self-lg-center {
        align-self: center!important;
    }

    .conversejs .align-self-lg-baseline,converse-bg .align-self-lg-baseline {
        align-self: baseline!important;
    }

    .conversejs .align-self-lg-stretch,converse-bg .align-self-lg-stretch {
        align-self: stretch!important;
    }

    .conversejs .order-lg-first,converse-bg .order-lg-first {
        order: -1!important;
    }

    .conversejs .order-lg-0,converse-bg .order-lg-0 {
        order: 0!important;
    }

    .conversejs .order-lg-1,converse-bg .order-lg-1 {
        order: 1!important;
    }

    .conversejs .order-lg-2,converse-bg .order-lg-2 {
        order: 2!important;
    }

    .conversejs .order-lg-3,converse-bg .order-lg-3 {
        order: 3!important;
    }

    .conversejs .order-lg-4,converse-bg .order-lg-4 {
        order: 4!important;
    }

    .conversejs .order-lg-5,converse-bg .order-lg-5 {
        order: 5!important;
    }

    .conversejs .order-lg-last,converse-bg .order-lg-last {
        order: 6!important;
    }

    .conversejs .m-lg-0,converse-bg .m-lg-0 {
        margin: 0!important;
    }

    .conversejs .m-lg-1,converse-bg .m-lg-1 {
        margin: .25rem!important;
    }

    .conversejs .m-lg-2,converse-bg .m-lg-2 {
        margin: .5rem!important;
    }

    .conversejs .m-lg-3,converse-bg .m-lg-3 {
        margin: 1rem!important;
    }

    .conversejs .m-lg-4,converse-bg .m-lg-4 {
        margin: 1.5rem!important;
    }

    .conversejs .m-lg-5,converse-bg .m-lg-5 {
        margin: 3rem!important;
    }

    .conversejs .m-lg-auto,converse-bg .m-lg-auto {
        margin: auto!important;
    }

    .conversejs .mx-lg-0,converse-bg .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .conversejs .mx-lg-1,converse-bg .mx-lg-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important;
    }

    .conversejs .mx-lg-2,converse-bg .mx-lg-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important;
    }

    .conversejs .mx-lg-3,converse-bg .mx-lg-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }

    .conversejs .mx-lg-4,converse-bg .mx-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important;
    }

    .conversejs .mx-lg-5,converse-bg .mx-lg-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important;
    }

    .conversejs .mx-lg-auto,converse-bg .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important;
    }

    .conversejs .my-lg-0,converse-bg .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .conversejs .my-lg-1,converse-bg .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .conversejs .my-lg-2,converse-bg .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .conversejs .my-lg-3,converse-bg .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .conversejs .my-lg-4,converse-bg .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .conversejs .my-lg-5,converse-bg .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .conversejs .my-lg-auto,converse-bg .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }

    .conversejs .mt-lg-0,converse-bg .mt-lg-0 {
        margin-top: 0!important;
    }

    .conversejs .mt-lg-1,converse-bg .mt-lg-1 {
        margin-top: .25rem!important;
    }

    .conversejs .mt-lg-2,converse-bg .mt-lg-2 {
        margin-top: .5rem!important;
    }

    .conversejs .mt-lg-3,converse-bg .mt-lg-3 {
        margin-top: 1rem!important;
    }

    .conversejs .mt-lg-4,converse-bg .mt-lg-4 {
        margin-top: 1.5rem!important;
    }

    .conversejs .mt-lg-5,converse-bg .mt-lg-5 {
        margin-top: 3rem!important;
    }

    .conversejs .mt-lg-auto,converse-bg .mt-lg-auto {
        margin-top: auto!important;
    }

    .conversejs .me-lg-0,converse-bg .me-lg-0 {
        margin-right: 0!important;
    }

    .conversejs .me-lg-1,converse-bg .me-lg-1 {
        margin-right: .25rem!important;
    }

    .conversejs .me-lg-2,converse-bg .me-lg-2 {
        margin-right: .5rem!important;
    }

    .conversejs .me-lg-3,converse-bg .me-lg-3 {
        margin-right: 1rem!important;
    }

    .conversejs .me-lg-4,converse-bg .me-lg-4 {
        margin-right: 1.5rem!important;
    }

    .conversejs .me-lg-5,converse-bg .me-lg-5 {
        margin-right: 3rem!important;
    }

    .conversejs .me-lg-auto,converse-bg .me-lg-auto {
        margin-right: auto!important;
    }

    .conversejs .mb-lg-0,converse-bg .mb-lg-0 {
        margin-bottom: 0!important;
    }

    .conversejs .mb-lg-1,converse-bg .mb-lg-1 {
        margin-bottom: .25rem!important;
    }

    .conversejs .mb-lg-2,converse-bg .mb-lg-2 {
        margin-bottom: .5rem!important;
    }

    .conversejs .mb-lg-3,converse-bg .mb-lg-3 {
        margin-bottom: 1rem!important;
    }

    .conversejs .mb-lg-4,converse-bg .mb-lg-4 {
        margin-bottom: 1.5rem!important;
    }

    .conversejs .mb-lg-5,converse-bg .mb-lg-5 {
        margin-bottom: 3rem!important;
    }

    .conversejs .mb-lg-auto,converse-bg .mb-lg-auto {
        margin-bottom: auto!important;
    }

    .conversejs .ms-lg-0,converse-bg .ms-lg-0 {
        margin-left: 0!important;
    }

    .conversejs .ms-lg-1,converse-bg .ms-lg-1 {
        margin-left: .25rem!important;
    }

    .conversejs .ms-lg-2,converse-bg .ms-lg-2 {
        margin-left: .5rem!important;
    }

    .conversejs .ms-lg-3,converse-bg .ms-lg-3 {
        margin-left: 1rem!important;
    }

    .conversejs .ms-lg-4,converse-bg .ms-lg-4 {
        margin-left: 1.5rem!important;
    }

    .conversejs .ms-lg-5,converse-bg .ms-lg-5 {
        margin-left: 3rem!important;
    }

    .conversejs .ms-lg-auto,converse-bg .ms-lg-auto {
        margin-left: auto!important;
    }

    .conversejs .p-lg-0,converse-bg .p-lg-0 {
        padding: 0!important;
    }

    .conversejs .p-lg-1,converse-bg .p-lg-1 {
        padding: .25rem!important;
    }

    .conversejs .p-lg-2,converse-bg .p-lg-2 {
        padding: .5rem!important;
    }

    .conversejs .p-lg-3,converse-bg .p-lg-3 {
        padding: 1rem!important;
    }

    .conversejs .p-lg-4,converse-bg .p-lg-4 {
        padding: 1.5rem!important;
    }

    .conversejs .p-lg-5,converse-bg .p-lg-5 {
        padding: 3rem!important;
    }

    .conversejs .px-lg-0,converse-bg .px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .conversejs .px-lg-1,converse-bg .px-lg-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }

    .conversejs .px-lg-2,converse-bg .px-lg-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }

    .conversejs .px-lg-3,converse-bg .px-lg-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .conversejs .px-lg-4,converse-bg .px-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .conversejs .px-lg-5,converse-bg .px-lg-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .conversejs .py-lg-0,converse-bg .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .conversejs .py-lg-1,converse-bg .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .conversejs .py-lg-2,converse-bg .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .conversejs .py-lg-3,converse-bg .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .conversejs .py-lg-4,converse-bg .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .conversejs .py-lg-5,converse-bg .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .conversejs .pt-lg-0,converse-bg .pt-lg-0 {
        padding-top: 0!important;
    }

    .conversejs .pt-lg-1,converse-bg .pt-lg-1 {
        padding-top: .25rem!important;
    }

    .conversejs .pt-lg-2,converse-bg .pt-lg-2 {
        padding-top: .5rem!important;
    }

    .conversejs .pt-lg-3,converse-bg .pt-lg-3 {
        padding-top: 1rem!important;
    }

    .conversejs .pt-lg-4,converse-bg .pt-lg-4 {
        padding-top: 1.5rem!important;
    }

    .conversejs .pt-lg-5,converse-bg .pt-lg-5 {
        padding-top: 3rem!important;
    }

    .conversejs .pe-lg-0,converse-bg .pe-lg-0 {
        padding-right: 0!important;
    }

    .conversejs .pe-lg-1,converse-bg .pe-lg-1 {
        padding-right: .25rem!important;
    }

    .conversejs .pe-lg-2,converse-bg .pe-lg-2 {
        padding-right: .5rem!important;
    }

    .conversejs .pe-lg-3,converse-bg .pe-lg-3 {
        padding-right: 1rem!important;
    }

    .conversejs .pe-lg-4,converse-bg .pe-lg-4 {
        padding-right: 1.5rem!important;
    }

    .conversejs .pe-lg-5,converse-bg .pe-lg-5 {
        padding-right: 3rem!important;
    }

    .conversejs .pb-lg-0,converse-bg .pb-lg-0 {
        padding-bottom: 0!important;
    }

    .conversejs .pb-lg-1,converse-bg .pb-lg-1 {
        padding-bottom: .25rem!important;
    }

    .conversejs .pb-lg-2,converse-bg .pb-lg-2 {
        padding-bottom: .5rem!important;
    }

    .conversejs .pb-lg-3,converse-bg .pb-lg-3 {
        padding-bottom: 1rem!important;
    }

    .conversejs .pb-lg-4,converse-bg .pb-lg-4 {
        padding-bottom: 1.5rem!important;
    }

    .conversejs .pb-lg-5,converse-bg .pb-lg-5 {
        padding-bottom: 3rem!important;
    }

    .conversejs .ps-lg-0,converse-bg .ps-lg-0 {
        padding-left: 0!important;
    }

    .conversejs .ps-lg-1,converse-bg .ps-lg-1 {
        padding-left: .25rem!important;
    }

    .conversejs .ps-lg-2,converse-bg .ps-lg-2 {
        padding-left: .5rem!important;
    }

    .conversejs .ps-lg-3,converse-bg .ps-lg-3 {
        padding-left: 1rem!important;
    }

    .conversejs .ps-lg-4,converse-bg .ps-lg-4 {
        padding-left: 1.5rem!important;
    }

    .conversejs .ps-lg-5,converse-bg .ps-lg-5 {
        padding-left: 3rem!important;
    }

    .conversejs .gap-lg-0,converse-bg .gap-lg-0 {
        gap: 0!important;
    }

    .conversejs .gap-lg-1,converse-bg .gap-lg-1 {
        gap: .25rem!important;
    }

    .conversejs .gap-lg-2,converse-bg .gap-lg-2 {
        gap: .5rem!important;
    }

    .conversejs .gap-lg-3,converse-bg .gap-lg-3 {
        gap: 1rem!important;
    }

    .conversejs .gap-lg-4,converse-bg .gap-lg-4 {
        gap: 1.5rem!important;
    }

    .conversejs .gap-lg-5,converse-bg .gap-lg-5 {
        gap: 3rem!important;
    }

    .conversejs .row-gap-lg-0,converse-bg .row-gap-lg-0 {
        row-gap: 0!important;
    }

    .conversejs .row-gap-lg-1,converse-bg .row-gap-lg-1 {
        row-gap: .25rem!important;
    }

    .conversejs .row-gap-lg-2,converse-bg .row-gap-lg-2 {
        row-gap: .5rem!important;
    }

    .conversejs .row-gap-lg-3,converse-bg .row-gap-lg-3 {
        row-gap: 1rem!important;
    }

    .conversejs .row-gap-lg-4,converse-bg .row-gap-lg-4 {
        row-gap: 1.5rem!important;
    }

    .conversejs .row-gap-lg-5,converse-bg .row-gap-lg-5 {
        row-gap: 3rem!important;
    }

    .conversejs .column-gap-lg-0,converse-bg .column-gap-lg-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important;
    }

    .conversejs .column-gap-lg-1,converse-bg .column-gap-lg-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important;
    }

    .conversejs .column-gap-lg-2,converse-bg .column-gap-lg-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important;
    }

    .conversejs .column-gap-lg-3,converse-bg .column-gap-lg-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important;
    }

    .conversejs .column-gap-lg-4,converse-bg .column-gap-lg-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important;
    }

    .conversejs .column-gap-lg-5,converse-bg .column-gap-lg-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important;
    }

    .conversejs .text-lg-start,converse-bg .text-lg-start {
        text-align: left!important;
    }

    .conversejs .text-lg-end,converse-bg .text-lg-end {
        text-align: right!important;
    }

    .conversejs .text-lg-center,converse-bg .text-lg-center {
        text-align: center!important;
    }
}

@media (min-width:1200px) {
    .conversejs .float-xl-start,converse-bg .float-xl-start {
        float: left!important;
    }

    .conversejs .float-xl-end,converse-bg .float-xl-end {
        float: right!important;
    }

    .conversejs .float-xl-none,converse-bg .float-xl-none {
        float: none!important;
    }

    .conversejs .object-fit-xl-contain,converse-bg .object-fit-xl-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important;
    }

    .conversejs .object-fit-xl-cover,converse-bg .object-fit-xl-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important;
    }

    .conversejs .object-fit-xl-fill,converse-bg .object-fit-xl-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important;
    }

    .conversejs .object-fit-xl-scale,converse-bg .object-fit-xl-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important;
    }

    .conversejs .object-fit-xl-none,converse-bg .object-fit-xl-none {
        -o-object-fit: none!important;
        object-fit: none!important;
    }

    .conversejs .d-xl-inline,converse-bg .d-xl-inline {
        display: inline!important;
    }

    .conversejs .d-xl-inline-block,converse-bg .d-xl-inline-block {
        display: inline-block!important;
    }

    .conversejs .d-xl-block,converse-bg .d-xl-block {
        display: block!important;
    }

    .conversejs .d-xl-grid,converse-bg .d-xl-grid {
        display: grid!important;
    }

    .conversejs .d-xl-inline-grid,converse-bg .d-xl-inline-grid {
        display: inline-grid!important;
    }

    .conversejs .d-xl-table,converse-bg .d-xl-table {
        display: table!important;
    }

    .conversejs .d-xl-table-row,converse-bg .d-xl-table-row {
        display: table-row!important;
    }

    .conversejs .d-xl-table-cell,converse-bg .d-xl-table-cell {
        display: table-cell!important;
    }

    .conversejs .d-xl-flex,converse-bg .d-xl-flex {
        display: flex!important;
    }

    .conversejs .d-xl-inline-flex,converse-bg .d-xl-inline-flex {
        display: inline-flex!important;
    }

    .conversejs .d-xl-none,converse-bg .d-xl-none {
        display: none!important;
    }

    .conversejs .flex-xl-fill,converse-bg .flex-xl-fill {
        flex: auto!important;
    }

    .conversejs .flex-xl-row,converse-bg .flex-xl-row {
        flex-direction: row!important;
    }

    .conversejs .flex-xl-column,converse-bg .flex-xl-column {
        flex-direction: column!important;
    }

    .conversejs .flex-xl-row-reverse,converse-bg .flex-xl-row-reverse {
        flex-direction: row-reverse!important;
    }

    .conversejs .flex-xl-column-reverse,converse-bg .flex-xl-column-reverse {
        flex-direction: column-reverse!important;
    }

    .conversejs .flex-xl-grow-0,converse-bg .flex-xl-grow-0 {
        flex-grow: 0!important;
    }

    .conversejs .flex-xl-grow-1,converse-bg .flex-xl-grow-1 {
        flex-grow: 1!important;
    }

    .conversejs .flex-xl-shrink-0,converse-bg .flex-xl-shrink-0 {
        flex-shrink: 0!important;
    }

    .conversejs .flex-xl-shrink-1,converse-bg .flex-xl-shrink-1 {
        flex-shrink: 1!important;
    }

    .conversejs .flex-xl-wrap,converse-bg .flex-xl-wrap {
        flex-wrap: wrap!important;
    }

    .conversejs .flex-xl-nowrap,converse-bg .flex-xl-nowrap {
        flex-wrap: nowrap!important;
    }

    .conversejs .flex-xl-wrap-reverse,converse-bg .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important;
    }

    .conversejs .justify-content-xl-start,converse-bg .justify-content-xl-start {
        justify-content: flex-start!important;
    }

    .conversejs .justify-content-xl-end,converse-bg .justify-content-xl-end {
        justify-content: flex-end!important;
    }

    .conversejs .justify-content-xl-center,converse-bg .justify-content-xl-center {
        justify-content: center!important;
    }

    .conversejs .justify-content-xl-between,converse-bg .justify-content-xl-between {
        justify-content: space-between!important;
    }

    .conversejs .justify-content-xl-around,converse-bg .justify-content-xl-around {
        justify-content: space-around!important;
    }

    .conversejs .justify-content-xl-evenly,converse-bg .justify-content-xl-evenly {
        justify-content: space-evenly!important;
    }

    .conversejs .align-items-xl-start,converse-bg .align-items-xl-start {
        align-items: flex-start!important;
    }

    .conversejs .align-items-xl-end,converse-bg .align-items-xl-end {
        align-items: flex-end!important;
    }

    .conversejs .align-items-xl-center,converse-bg .align-items-xl-center {
        align-items: center!important;
    }

    .conversejs .align-items-xl-baseline,converse-bg .align-items-xl-baseline {
        align-items: baseline!important;
    }

    .conversejs .align-items-xl-stretch,converse-bg .align-items-xl-stretch {
        align-items: stretch!important;
    }

    .conversejs .align-content-xl-start,converse-bg .align-content-xl-start {
        align-content: flex-start!important;
    }

    .conversejs .align-content-xl-end,converse-bg .align-content-xl-end {
        align-content: flex-end!important;
    }

    .conversejs .align-content-xl-center,converse-bg .align-content-xl-center {
        align-content: center!important;
    }

    .conversejs .align-content-xl-between,converse-bg .align-content-xl-between {
        align-content: space-between!important;
    }

    .conversejs .align-content-xl-around,converse-bg .align-content-xl-around {
        align-content: space-around!important;
    }

    .conversejs .align-content-xl-stretch,converse-bg .align-content-xl-stretch {
        align-content: stretch!important;
    }

    .conversejs .align-self-xl-auto,converse-bg .align-self-xl-auto {
        align-self: auto!important;
    }

    .conversejs .align-self-xl-start,converse-bg .align-self-xl-start {
        align-self: flex-start!important;
    }

    .conversejs .align-self-xl-end,converse-bg .align-self-xl-end {
        align-self: flex-end!important;
    }

    .conversejs .align-self-xl-center,converse-bg .align-self-xl-center {
        align-self: center!important;
    }

    .conversejs .align-self-xl-baseline,converse-bg .align-self-xl-baseline {
        align-self: baseline!important;
    }

    .conversejs .align-self-xl-stretch,converse-bg .align-self-xl-stretch {
        align-self: stretch!important;
    }

    .conversejs .order-xl-first,converse-bg .order-xl-first {
        order: -1!important;
    }

    .conversejs .order-xl-0,converse-bg .order-xl-0 {
        order: 0!important;
    }

    .conversejs .order-xl-1,converse-bg .order-xl-1 {
        order: 1!important;
    }

    .conversejs .order-xl-2,converse-bg .order-xl-2 {
        order: 2!important;
    }

    .conversejs .order-xl-3,converse-bg .order-xl-3 {
        order: 3!important;
    }

    .conversejs .order-xl-4,converse-bg .order-xl-4 {
        order: 4!important;
    }

    .conversejs .order-xl-5,converse-bg .order-xl-5 {
        order: 5!important;
    }

    .conversejs .order-xl-last,converse-bg .order-xl-last {
        order: 6!important;
    }

    .conversejs .m-xl-0,converse-bg .m-xl-0 {
        margin: 0!important;
    }

    .conversejs .m-xl-1,converse-bg .m-xl-1 {
        margin: .25rem!important;
    }

    .conversejs .m-xl-2,converse-bg .m-xl-2 {
        margin: .5rem!important;
    }

    .conversejs .m-xl-3,converse-bg .m-xl-3 {
        margin: 1rem!important;
    }

    .conversejs .m-xl-4,converse-bg .m-xl-4 {
        margin: 1.5rem!important;
    }

    .conversejs .m-xl-5,converse-bg .m-xl-5 {
        margin: 3rem!important;
    }

    .conversejs .m-xl-auto,converse-bg .m-xl-auto {
        margin: auto!important;
    }

    .conversejs .mx-xl-0,converse-bg .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .conversejs .mx-xl-1,converse-bg .mx-xl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important;
    }

    .conversejs .mx-xl-2,converse-bg .mx-xl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important;
    }

    .conversejs .mx-xl-3,converse-bg .mx-xl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }

    .conversejs .mx-xl-4,converse-bg .mx-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important;
    }

    .conversejs .mx-xl-5,converse-bg .mx-xl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important;
    }

    .conversejs .mx-xl-auto,converse-bg .mx-xl-auto {
        margin-left: auto!important;
        margin-right: auto!important;
    }

    .conversejs .my-xl-0,converse-bg .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .conversejs .my-xl-1,converse-bg .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .conversejs .my-xl-2,converse-bg .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .conversejs .my-xl-3,converse-bg .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .conversejs .my-xl-4,converse-bg .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .conversejs .my-xl-5,converse-bg .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .conversejs .my-xl-auto,converse-bg .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }

    .conversejs .mt-xl-0,converse-bg .mt-xl-0 {
        margin-top: 0!important;
    }

    .conversejs .mt-xl-1,converse-bg .mt-xl-1 {
        margin-top: .25rem!important;
    }

    .conversejs .mt-xl-2,converse-bg .mt-xl-2 {
        margin-top: .5rem!important;
    }

    .conversejs .mt-xl-3,converse-bg .mt-xl-3 {
        margin-top: 1rem!important;
    }

    .conversejs .mt-xl-4,converse-bg .mt-xl-4 {
        margin-top: 1.5rem!important;
    }

    .conversejs .mt-xl-5,converse-bg .mt-xl-5 {
        margin-top: 3rem!important;
    }

    .conversejs .mt-xl-auto,converse-bg .mt-xl-auto {
        margin-top: auto!important;
    }

    .conversejs .me-xl-0,converse-bg .me-xl-0 {
        margin-right: 0!important;
    }

    .conversejs .me-xl-1,converse-bg .me-xl-1 {
        margin-right: .25rem!important;
    }

    .conversejs .me-xl-2,converse-bg .me-xl-2 {
        margin-right: .5rem!important;
    }

    .conversejs .me-xl-3,converse-bg .me-xl-3 {
        margin-right: 1rem!important;
    }

    .conversejs .me-xl-4,converse-bg .me-xl-4 {
        margin-right: 1.5rem!important;
    }

    .conversejs .me-xl-5,converse-bg .me-xl-5 {
        margin-right: 3rem!important;
    }

    .conversejs .me-xl-auto,converse-bg .me-xl-auto {
        margin-right: auto!important;
    }

    .conversejs .mb-xl-0,converse-bg .mb-xl-0 {
        margin-bottom: 0!important;
    }

    .conversejs .mb-xl-1,converse-bg .mb-xl-1 {
        margin-bottom: .25rem!important;
    }

    .conversejs .mb-xl-2,converse-bg .mb-xl-2 {
        margin-bottom: .5rem!important;
    }

    .conversejs .mb-xl-3,converse-bg .mb-xl-3 {
        margin-bottom: 1rem!important;
    }

    .conversejs .mb-xl-4,converse-bg .mb-xl-4 {
        margin-bottom: 1.5rem!important;
    }

    .conversejs .mb-xl-5,converse-bg .mb-xl-5 {
        margin-bottom: 3rem!important;
    }

    .conversejs .mb-xl-auto,converse-bg .mb-xl-auto {
        margin-bottom: auto!important;
    }

    .conversejs .ms-xl-0,converse-bg .ms-xl-0 {
        margin-left: 0!important;
    }

    .conversejs .ms-xl-1,converse-bg .ms-xl-1 {
        margin-left: .25rem!important;
    }

    .conversejs .ms-xl-2,converse-bg .ms-xl-2 {
        margin-left: .5rem!important;
    }

    .conversejs .ms-xl-3,converse-bg .ms-xl-3 {
        margin-left: 1rem!important;
    }

    .conversejs .ms-xl-4,converse-bg .ms-xl-4 {
        margin-left: 1.5rem!important;
    }

    .conversejs .ms-xl-5,converse-bg .ms-xl-5 {
        margin-left: 3rem!important;
    }

    .conversejs .ms-xl-auto,converse-bg .ms-xl-auto {
        margin-left: auto!important;
    }

    .conversejs .p-xl-0,converse-bg .p-xl-0 {
        padding: 0!important;
    }

    .conversejs .p-xl-1,converse-bg .p-xl-1 {
        padding: .25rem!important;
    }

    .conversejs .p-xl-2,converse-bg .p-xl-2 {
        padding: .5rem!important;
    }

    .conversejs .p-xl-3,converse-bg .p-xl-3 {
        padding: 1rem!important;
    }

    .conversejs .p-xl-4,converse-bg .p-xl-4 {
        padding: 1.5rem!important;
    }

    .conversejs .p-xl-5,converse-bg .p-xl-5 {
        padding: 3rem!important;
    }

    .conversejs .px-xl-0,converse-bg .px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .conversejs .px-xl-1,converse-bg .px-xl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }

    .conversejs .px-xl-2,converse-bg .px-xl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }

    .conversejs .px-xl-3,converse-bg .px-xl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .conversejs .px-xl-4,converse-bg .px-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .conversejs .px-xl-5,converse-bg .px-xl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .conversejs .py-xl-0,converse-bg .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .conversejs .py-xl-1,converse-bg .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .conversejs .py-xl-2,converse-bg .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .conversejs .py-xl-3,converse-bg .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .conversejs .py-xl-4,converse-bg .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .conversejs .py-xl-5,converse-bg .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .conversejs .pt-xl-0,converse-bg .pt-xl-0 {
        padding-top: 0!important;
    }

    .conversejs .pt-xl-1,converse-bg .pt-xl-1 {
        padding-top: .25rem!important;
    }

    .conversejs .pt-xl-2,converse-bg .pt-xl-2 {
        padding-top: .5rem!important;
    }

    .conversejs .pt-xl-3,converse-bg .pt-xl-3 {
        padding-top: 1rem!important;
    }

    .conversejs .pt-xl-4,converse-bg .pt-xl-4 {
        padding-top: 1.5rem!important;
    }

    .conversejs .pt-xl-5,converse-bg .pt-xl-5 {
        padding-top: 3rem!important;
    }

    .conversejs .pe-xl-0,converse-bg .pe-xl-0 {
        padding-right: 0!important;
    }

    .conversejs .pe-xl-1,converse-bg .pe-xl-1 {
        padding-right: .25rem!important;
    }

    .conversejs .pe-xl-2,converse-bg .pe-xl-2 {
        padding-right: .5rem!important;
    }

    .conversejs .pe-xl-3,converse-bg .pe-xl-3 {
        padding-right: 1rem!important;
    }

    .conversejs .pe-xl-4,converse-bg .pe-xl-4 {
        padding-right: 1.5rem!important;
    }

    .conversejs .pe-xl-5,converse-bg .pe-xl-5 {
        padding-right: 3rem!important;
    }

    .conversejs .pb-xl-0,converse-bg .pb-xl-0 {
        padding-bottom: 0!important;
    }

    .conversejs .pb-xl-1,converse-bg .pb-xl-1 {
        padding-bottom: .25rem!important;
    }

    .conversejs .pb-xl-2,converse-bg .pb-xl-2 {
        padding-bottom: .5rem!important;
    }

    .conversejs .pb-xl-3,converse-bg .pb-xl-3 {
        padding-bottom: 1rem!important;
    }

    .conversejs .pb-xl-4,converse-bg .pb-xl-4 {
        padding-bottom: 1.5rem!important;
    }

    .conversejs .pb-xl-5,converse-bg .pb-xl-5 {
        padding-bottom: 3rem!important;
    }

    .conversejs .ps-xl-0,converse-bg .ps-xl-0 {
        padding-left: 0!important;
    }

    .conversejs .ps-xl-1,converse-bg .ps-xl-1 {
        padding-left: .25rem!important;
    }

    .conversejs .ps-xl-2,converse-bg .ps-xl-2 {
        padding-left: .5rem!important;
    }

    .conversejs .ps-xl-3,converse-bg .ps-xl-3 {
        padding-left: 1rem!important;
    }

    .conversejs .ps-xl-4,converse-bg .ps-xl-4 {
        padding-left: 1.5rem!important;
    }

    .conversejs .ps-xl-5,converse-bg .ps-xl-5 {
        padding-left: 3rem!important;
    }

    .conversejs .gap-xl-0,converse-bg .gap-xl-0 {
        gap: 0!important;
    }

    .conversejs .gap-xl-1,converse-bg .gap-xl-1 {
        gap: .25rem!important;
    }

    .conversejs .gap-xl-2,converse-bg .gap-xl-2 {
        gap: .5rem!important;
    }

    .conversejs .gap-xl-3,converse-bg .gap-xl-3 {
        gap: 1rem!important;
    }

    .conversejs .gap-xl-4,converse-bg .gap-xl-4 {
        gap: 1.5rem!important;
    }

    .conversejs .gap-xl-5,converse-bg .gap-xl-5 {
        gap: 3rem!important;
    }

    .conversejs .row-gap-xl-0,converse-bg .row-gap-xl-0 {
        row-gap: 0!important;
    }

    .conversejs .row-gap-xl-1,converse-bg .row-gap-xl-1 {
        row-gap: .25rem!important;
    }

    .conversejs .row-gap-xl-2,converse-bg .row-gap-xl-2 {
        row-gap: .5rem!important;
    }

    .conversejs .row-gap-xl-3,converse-bg .row-gap-xl-3 {
        row-gap: 1rem!important;
    }

    .conversejs .row-gap-xl-4,converse-bg .row-gap-xl-4 {
        row-gap: 1.5rem!important;
    }

    .conversejs .row-gap-xl-5,converse-bg .row-gap-xl-5 {
        row-gap: 3rem!important;
    }

    .conversejs .column-gap-xl-0,converse-bg .column-gap-xl-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important;
    }

    .conversejs .column-gap-xl-1,converse-bg .column-gap-xl-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important;
    }

    .conversejs .column-gap-xl-2,converse-bg .column-gap-xl-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important;
    }

    .conversejs .column-gap-xl-3,converse-bg .column-gap-xl-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important;
    }

    .conversejs .column-gap-xl-4,converse-bg .column-gap-xl-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important;
    }

    .conversejs .column-gap-xl-5,converse-bg .column-gap-xl-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important;
    }

    .conversejs .text-xl-start,converse-bg .text-xl-start {
        text-align: left!important;
    }

    .conversejs .text-xl-end,converse-bg .text-xl-end {
        text-align: right!important;
    }

    .conversejs .text-xl-center,converse-bg .text-xl-center {
        text-align: center!important;
    }
}

@media (min-width:1400px) {
    .conversejs .float-xxl-start,converse-bg .float-xxl-start {
        float: left!important;
    }

    .conversejs .float-xxl-end,converse-bg .float-xxl-end {
        float: right!important;
    }

    .conversejs .float-xxl-none,converse-bg .float-xxl-none {
        float: none!important;
    }

    .conversejs .object-fit-xxl-contain,converse-bg .object-fit-xxl-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important;
    }

    .conversejs .object-fit-xxl-cover,converse-bg .object-fit-xxl-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important;
    }

    .conversejs .object-fit-xxl-fill,converse-bg .object-fit-xxl-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important;
    }

    .conversejs .object-fit-xxl-scale,converse-bg .object-fit-xxl-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important;
    }

    .conversejs .object-fit-xxl-none,converse-bg .object-fit-xxl-none {
        -o-object-fit: none!important;
        object-fit: none!important;
    }

    .conversejs .d-xxl-inline,converse-bg .d-xxl-inline {
        display: inline!important;
    }

    .conversejs .d-xxl-inline-block,converse-bg .d-xxl-inline-block {
        display: inline-block!important;
    }

    .conversejs .d-xxl-block,converse-bg .d-xxl-block {
        display: block!important;
    }

    .conversejs .d-xxl-grid,converse-bg .d-xxl-grid {
        display: grid!important;
    }

    .conversejs .d-xxl-inline-grid,converse-bg .d-xxl-inline-grid {
        display: inline-grid!important;
    }

    .conversejs .d-xxl-table,converse-bg .d-xxl-table {
        display: table!important;
    }

    .conversejs .d-xxl-table-row,converse-bg .d-xxl-table-row {
        display: table-row!important;
    }

    .conversejs .d-xxl-table-cell,converse-bg .d-xxl-table-cell {
        display: table-cell!important;
    }

    .conversejs .d-xxl-flex,converse-bg .d-xxl-flex {
        display: flex!important;
    }

    .conversejs .d-xxl-inline-flex,converse-bg .d-xxl-inline-flex {
        display: inline-flex!important;
    }

    .conversejs .d-xxl-none,converse-bg .d-xxl-none {
        display: none!important;
    }

    .conversejs .flex-xxl-fill,converse-bg .flex-xxl-fill {
        flex: auto!important;
    }

    .conversejs .flex-xxl-row,converse-bg .flex-xxl-row {
        flex-direction: row!important;
    }

    .conversejs .flex-xxl-column,converse-bg .flex-xxl-column {
        flex-direction: column!important;
    }

    .conversejs .flex-xxl-row-reverse,converse-bg .flex-xxl-row-reverse {
        flex-direction: row-reverse!important;
    }

    .conversejs .flex-xxl-column-reverse,converse-bg .flex-xxl-column-reverse {
        flex-direction: column-reverse!important;
    }

    .conversejs .flex-xxl-grow-0,converse-bg .flex-xxl-grow-0 {
        flex-grow: 0!important;
    }

    .conversejs .flex-xxl-grow-1,converse-bg .flex-xxl-grow-1 {
        flex-grow: 1!important;
    }

    .conversejs .flex-xxl-shrink-0,converse-bg .flex-xxl-shrink-0 {
        flex-shrink: 0!important;
    }

    .conversejs .flex-xxl-shrink-1,converse-bg .flex-xxl-shrink-1 {
        flex-shrink: 1!important;
    }

    .conversejs .flex-xxl-wrap,converse-bg .flex-xxl-wrap {
        flex-wrap: wrap!important;
    }

    .conversejs .flex-xxl-nowrap,converse-bg .flex-xxl-nowrap {
        flex-wrap: nowrap!important;
    }

    .conversejs .flex-xxl-wrap-reverse,converse-bg .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important;
    }

    .conversejs .justify-content-xxl-start,converse-bg .justify-content-xxl-start {
        justify-content: flex-start!important;
    }

    .conversejs .justify-content-xxl-end,converse-bg .justify-content-xxl-end {
        justify-content: flex-end!important;
    }

    .conversejs .justify-content-xxl-center,converse-bg .justify-content-xxl-center {
        justify-content: center!important;
    }

    .conversejs .justify-content-xxl-between,converse-bg .justify-content-xxl-between {
        justify-content: space-between!important;
    }

    .conversejs .justify-content-xxl-around,converse-bg .justify-content-xxl-around {
        justify-content: space-around!important;
    }

    .conversejs .justify-content-xxl-evenly,converse-bg .justify-content-xxl-evenly {
        justify-content: space-evenly!important;
    }

    .conversejs .align-items-xxl-start,converse-bg .align-items-xxl-start {
        align-items: flex-start!important;
    }

    .conversejs .align-items-xxl-end,converse-bg .align-items-xxl-end {
        align-items: flex-end!important;
    }

    .conversejs .align-items-xxl-center,converse-bg .align-items-xxl-center {
        align-items: center!important;
    }

    .conversejs .align-items-xxl-baseline,converse-bg .align-items-xxl-baseline {
        align-items: baseline!important;
    }

    .conversejs .align-items-xxl-stretch,converse-bg .align-items-xxl-stretch {
        align-items: stretch!important;
    }

    .conversejs .align-content-xxl-start,converse-bg .align-content-xxl-start {
        align-content: flex-start!important;
    }

    .conversejs .align-content-xxl-end,converse-bg .align-content-xxl-end {
        align-content: flex-end!important;
    }

    .conversejs .align-content-xxl-center,converse-bg .align-content-xxl-center {
        align-content: center!important;
    }

    .conversejs .align-content-xxl-between,converse-bg .align-content-xxl-between {
        align-content: space-between!important;
    }

    .conversejs .align-content-xxl-around,converse-bg .align-content-xxl-around {
        align-content: space-around!important;
    }

    .conversejs .align-content-xxl-stretch,converse-bg .align-content-xxl-stretch {
        align-content: stretch!important;
    }

    .conversejs .align-self-xxl-auto,converse-bg .align-self-xxl-auto {
        align-self: auto!important;
    }

    .conversejs .align-self-xxl-start,converse-bg .align-self-xxl-start {
        align-self: flex-start!important;
    }

    .conversejs .align-self-xxl-end,converse-bg .align-self-xxl-end {
        align-self: flex-end!important;
    }

    .conversejs .align-self-xxl-center,converse-bg .align-self-xxl-center {
        align-self: center!important;
    }

    .conversejs .align-self-xxl-baseline,converse-bg .align-self-xxl-baseline {
        align-self: baseline!important;
    }

    .conversejs .align-self-xxl-stretch,converse-bg .align-self-xxl-stretch {
        align-self: stretch!important;
    }

    .conversejs .order-xxl-first,converse-bg .order-xxl-first {
        order: -1!important;
    }

    .conversejs .order-xxl-0,converse-bg .order-xxl-0 {
        order: 0!important;
    }

    .conversejs .order-xxl-1,converse-bg .order-xxl-1 {
        order: 1!important;
    }

    .conversejs .order-xxl-2,converse-bg .order-xxl-2 {
        order: 2!important;
    }

    .conversejs .order-xxl-3,converse-bg .order-xxl-3 {
        order: 3!important;
    }

    .conversejs .order-xxl-4,converse-bg .order-xxl-4 {
        order: 4!important;
    }

    .conversejs .order-xxl-5,converse-bg .order-xxl-5 {
        order: 5!important;
    }

    .conversejs .order-xxl-last,converse-bg .order-xxl-last {
        order: 6!important;
    }

    .conversejs .m-xxl-0,converse-bg .m-xxl-0 {
        margin: 0!important;
    }

    .conversejs .m-xxl-1,converse-bg .m-xxl-1 {
        margin: .25rem!important;
    }

    .conversejs .m-xxl-2,converse-bg .m-xxl-2 {
        margin: .5rem!important;
    }

    .conversejs .m-xxl-3,converse-bg .m-xxl-3 {
        margin: 1rem!important;
    }

    .conversejs .m-xxl-4,converse-bg .m-xxl-4 {
        margin: 1.5rem!important;
    }

    .conversejs .m-xxl-5,converse-bg .m-xxl-5 {
        margin: 3rem!important;
    }

    .conversejs .m-xxl-auto,converse-bg .m-xxl-auto {
        margin: auto!important;
    }

    .conversejs .mx-xxl-0,converse-bg .mx-xxl-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .conversejs .mx-xxl-1,converse-bg .mx-xxl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important;
    }

    .conversejs .mx-xxl-2,converse-bg .mx-xxl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important;
    }

    .conversejs .mx-xxl-3,converse-bg .mx-xxl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }

    .conversejs .mx-xxl-4,converse-bg .mx-xxl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important;
    }

    .conversejs .mx-xxl-5,converse-bg .mx-xxl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important;
    }

    .conversejs .mx-xxl-auto,converse-bg .mx-xxl-auto {
        margin-left: auto!important;
        margin-right: auto!important;
    }

    .conversejs .my-xxl-0,converse-bg .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }

    .conversejs .my-xxl-1,converse-bg .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
    }

    .conversejs .my-xxl-2,converse-bg .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }

    .conversejs .my-xxl-3,converse-bg .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .conversejs .my-xxl-4,converse-bg .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .conversejs .my-xxl-5,converse-bg .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .conversejs .my-xxl-auto,converse-bg .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important;
    }

    .conversejs .mt-xxl-0,converse-bg .mt-xxl-0 {
        margin-top: 0!important;
    }

    .conversejs .mt-xxl-1,converse-bg .mt-xxl-1 {
        margin-top: .25rem!important;
    }

    .conversejs .mt-xxl-2,converse-bg .mt-xxl-2 {
        margin-top: .5rem!important;
    }

    .conversejs .mt-xxl-3,converse-bg .mt-xxl-3 {
        margin-top: 1rem!important;
    }

    .conversejs .mt-xxl-4,converse-bg .mt-xxl-4 {
        margin-top: 1.5rem!important;
    }

    .conversejs .mt-xxl-5,converse-bg .mt-xxl-5 {
        margin-top: 3rem!important;
    }

    .conversejs .mt-xxl-auto,converse-bg .mt-xxl-auto {
        margin-top: auto!important;
    }

    .conversejs .me-xxl-0,converse-bg .me-xxl-0 {
        margin-right: 0!important;
    }

    .conversejs .me-xxl-1,converse-bg .me-xxl-1 {
        margin-right: .25rem!important;
    }

    .conversejs .me-xxl-2,converse-bg .me-xxl-2 {
        margin-right: .5rem!important;
    }

    .conversejs .me-xxl-3,converse-bg .me-xxl-3 {
        margin-right: 1rem!important;
    }

    .conversejs .me-xxl-4,converse-bg .me-xxl-4 {
        margin-right: 1.5rem!important;
    }

    .conversejs .me-xxl-5,converse-bg .me-xxl-5 {
        margin-right: 3rem!important;
    }

    .conversejs .me-xxl-auto,converse-bg .me-xxl-auto {
        margin-right: auto!important;
    }

    .conversejs .mb-xxl-0,converse-bg .mb-xxl-0 {
        margin-bottom: 0!important;
    }

    .conversejs .mb-xxl-1,converse-bg .mb-xxl-1 {
        margin-bottom: .25rem!important;
    }

    .conversejs .mb-xxl-2,converse-bg .mb-xxl-2 {
        margin-bottom: .5rem!important;
    }

    .conversejs .mb-xxl-3,converse-bg .mb-xxl-3 {
        margin-bottom: 1rem!important;
    }

    .conversejs .mb-xxl-4,converse-bg .mb-xxl-4 {
        margin-bottom: 1.5rem!important;
    }

    .conversejs .mb-xxl-5,converse-bg .mb-xxl-5 {
        margin-bottom: 3rem!important;
    }

    .conversejs .mb-xxl-auto,converse-bg .mb-xxl-auto {
        margin-bottom: auto!important;
    }

    .conversejs .ms-xxl-0,converse-bg .ms-xxl-0 {
        margin-left: 0!important;
    }

    .conversejs .ms-xxl-1,converse-bg .ms-xxl-1 {
        margin-left: .25rem!important;
    }

    .conversejs .ms-xxl-2,converse-bg .ms-xxl-2 {
        margin-left: .5rem!important;
    }

    .conversejs .ms-xxl-3,converse-bg .ms-xxl-3 {
        margin-left: 1rem!important;
    }

    .conversejs .ms-xxl-4,converse-bg .ms-xxl-4 {
        margin-left: 1.5rem!important;
    }

    .conversejs .ms-xxl-5,converse-bg .ms-xxl-5 {
        margin-left: 3rem!important;
    }

    .conversejs .ms-xxl-auto,converse-bg .ms-xxl-auto {
        margin-left: auto!important;
    }

    .conversejs .p-xxl-0,converse-bg .p-xxl-0 {
        padding: 0!important;
    }

    .conversejs .p-xxl-1,converse-bg .p-xxl-1 {
        padding: .25rem!important;
    }

    .conversejs .p-xxl-2,converse-bg .p-xxl-2 {
        padding: .5rem!important;
    }

    .conversejs .p-xxl-3,converse-bg .p-xxl-3 {
        padding: 1rem!important;
    }

    .conversejs .p-xxl-4,converse-bg .p-xxl-4 {
        padding: 1.5rem!important;
    }

    .conversejs .p-xxl-5,converse-bg .p-xxl-5 {
        padding: 3rem!important;
    }

    .conversejs .px-xxl-0,converse-bg .px-xxl-0 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .conversejs .px-xxl-1,converse-bg .px-xxl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }

    .conversejs .px-xxl-2,converse-bg .px-xxl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }

    .conversejs .px-xxl-3,converse-bg .px-xxl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .conversejs .px-xxl-4,converse-bg .px-xxl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .conversejs .px-xxl-5,converse-bg .px-xxl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .conversejs .py-xxl-0,converse-bg .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .conversejs .py-xxl-1,converse-bg .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important;
    }

    .conversejs .py-xxl-2,converse-bg .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .conversejs .py-xxl-3,converse-bg .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .conversejs .py-xxl-4,converse-bg .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .conversejs .py-xxl-5,converse-bg .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }

    .conversejs .pt-xxl-0,converse-bg .pt-xxl-0 {
        padding-top: 0!important;
    }

    .conversejs .pt-xxl-1,converse-bg .pt-xxl-1 {
        padding-top: .25rem!important;
    }

    .conversejs .pt-xxl-2,converse-bg .pt-xxl-2 {
        padding-top: .5rem!important;
    }

    .conversejs .pt-xxl-3,converse-bg .pt-xxl-3 {
        padding-top: 1rem!important;
    }

    .conversejs .pt-xxl-4,converse-bg .pt-xxl-4 {
        padding-top: 1.5rem!important;
    }

    .conversejs .pt-xxl-5,converse-bg .pt-xxl-5 {
        padding-top: 3rem!important;
    }

    .conversejs .pe-xxl-0,converse-bg .pe-xxl-0 {
        padding-right: 0!important;
    }

    .conversejs .pe-xxl-1,converse-bg .pe-xxl-1 {
        padding-right: .25rem!important;
    }

    .conversejs .pe-xxl-2,converse-bg .pe-xxl-2 {
        padding-right: .5rem!important;
    }

    .conversejs .pe-xxl-3,converse-bg .pe-xxl-3 {
        padding-right: 1rem!important;
    }

    .conversejs .pe-xxl-4,converse-bg .pe-xxl-4 {
        padding-right: 1.5rem!important;
    }

    .conversejs .pe-xxl-5,converse-bg .pe-xxl-5 {
        padding-right: 3rem!important;
    }

    .conversejs .pb-xxl-0,converse-bg .pb-xxl-0 {
        padding-bottom: 0!important;
    }

    .conversejs .pb-xxl-1,converse-bg .pb-xxl-1 {
        padding-bottom: .25rem!important;
    }

    .conversejs .pb-xxl-2,converse-bg .pb-xxl-2 {
        padding-bottom: .5rem!important;
    }

    .conversejs .pb-xxl-3,converse-bg .pb-xxl-3 {
        padding-bottom: 1rem!important;
    }

    .conversejs .pb-xxl-4,converse-bg .pb-xxl-4 {
        padding-bottom: 1.5rem!important;
    }

    .conversejs .pb-xxl-5,converse-bg .pb-xxl-5 {
        padding-bottom: 3rem!important;
    }

    .conversejs .ps-xxl-0,converse-bg .ps-xxl-0 {
        padding-left: 0!important;
    }

    .conversejs .ps-xxl-1,converse-bg .ps-xxl-1 {
        padding-left: .25rem!important;
    }

    .conversejs .ps-xxl-2,converse-bg .ps-xxl-2 {
        padding-left: .5rem!important;
    }

    .conversejs .ps-xxl-3,converse-bg .ps-xxl-3 {
        padding-left: 1rem!important;
    }

    .conversejs .ps-xxl-4,converse-bg .ps-xxl-4 {
        padding-left: 1.5rem!important;
    }

    .conversejs .ps-xxl-5,converse-bg .ps-xxl-5 {
        padding-left: 3rem!important;
    }

    .conversejs .gap-xxl-0,converse-bg .gap-xxl-0 {
        gap: 0!important;
    }

    .conversejs .gap-xxl-1,converse-bg .gap-xxl-1 {
        gap: .25rem!important;
    }

    .conversejs .gap-xxl-2,converse-bg .gap-xxl-2 {
        gap: .5rem!important;
    }

    .conversejs .gap-xxl-3,converse-bg .gap-xxl-3 {
        gap: 1rem!important;
    }

    .conversejs .gap-xxl-4,converse-bg .gap-xxl-4 {
        gap: 1.5rem!important;
    }

    .conversejs .gap-xxl-5,converse-bg .gap-xxl-5 {
        gap: 3rem!important;
    }

    .conversejs .row-gap-xxl-0,converse-bg .row-gap-xxl-0 {
        row-gap: 0!important;
    }

    .conversejs .row-gap-xxl-1,converse-bg .row-gap-xxl-1 {
        row-gap: .25rem!important;
    }

    .conversejs .row-gap-xxl-2,converse-bg .row-gap-xxl-2 {
        row-gap: .5rem!important;
    }

    .conversejs .row-gap-xxl-3,converse-bg .row-gap-xxl-3 {
        row-gap: 1rem!important;
    }

    .conversejs .row-gap-xxl-4,converse-bg .row-gap-xxl-4 {
        row-gap: 1.5rem!important;
    }

    .conversejs .row-gap-xxl-5,converse-bg .row-gap-xxl-5 {
        row-gap: 3rem!important;
    }

    .conversejs .column-gap-xxl-0,converse-bg .column-gap-xxl-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important;
    }

    .conversejs .column-gap-xxl-1,converse-bg .column-gap-xxl-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important;
    }

    .conversejs .column-gap-xxl-2,converse-bg .column-gap-xxl-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important;
    }

    .conversejs .column-gap-xxl-3,converse-bg .column-gap-xxl-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important;
    }

    .conversejs .column-gap-xxl-4,converse-bg .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important;
    }

    .conversejs .column-gap-xxl-5,converse-bg .column-gap-xxl-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important;
    }

    .conversejs .text-xxl-start,converse-bg .text-xxl-start {
        text-align: left!important;
    }

    .conversejs .text-xxl-end,converse-bg .text-xxl-end {
        text-align: right!important;
    }

    .conversejs .text-xxl-center,converse-bg .text-xxl-center {
        text-align: center!important;
    }
}

@media (min-width:1200px) {
    .conversejs .fs-1,converse-bg .fs-1 {
        font-size: 2.5rem!important;
    }

    .conversejs .fs-2,converse-bg .fs-2 {
        font-size: 2rem!important;
    }

    .conversejs .fs-3,converse-bg .fs-3 {
        font-size: 1.75rem!important;
    }

    .conversejs .fs-4,converse-bg .fs-4 {
        font-size: 1.5rem!important;
    }
}

@media print {
    .conversejs .d-print-inline,converse-bg .d-print-inline {
        display: inline!important;
    }

    .conversejs .d-print-inline-block,converse-bg .d-print-inline-block {
        display: inline-block!important;
    }

    .conversejs .d-print-block,converse-bg .d-print-block {
        display: block!important;
    }

    .conversejs .d-print-grid,converse-bg .d-print-grid {
        display: grid!important;
    }

    .conversejs .d-print-inline-grid,converse-bg .d-print-inline-grid {
        display: inline-grid!important;
    }

    .conversejs .d-print-table,converse-bg .d-print-table {
        display: table!important;
    }

    .conversejs .d-print-table-row,converse-bg .d-print-table-row {
        display: table-row!important;
    }

    .conversejs .d-print-table-cell,converse-bg .d-print-table-cell {
        display: table-cell!important;
    }

    .conversejs .d-print-flex,converse-bg .d-print-flex {
        display: flex!important;
    }

    .conversejs .d-print-inline-flex,converse-bg .d-print-inline-flex {
        display: inline-flex!important;
    }

    .conversejs .d-print-none,converse-bg .d-print-none {
        display: none!important;
    }
}

.conversejs[data-converse-theme=nordic],.conversejs[data-bs-theme=nordic],converse-bg[data-converse-theme=nordic],converse-bg[data-bs-theme=nordic] {
    --polar-night-1: #2e3440;
    --polar-night-2: #3b4252;
    --polar-night-3: #434c5e;
    --polar-night-4: #4c566a;
    --snow-storm-1: #d8dee9;
    --snow-storm-2: #e5e9f0;
    --snow-storm-3: #eceff4;
    --green-1: #5d9795;
    --green1-rgb: 93,151,149;
    --green-2: #387c79;
    --green2-rgb: 56,124,121;
    --green-3: #8fbcba;
    --green3-rgb: 143,188,186;
    --green-4: #0b4c4a;
    --blue-1: #5d9795;
    --blue-2: #475d8b;
    --blue2-rgb: 71,93,139;
    --orange: #d0925f;
    --orange-rgb: 208,146,95;
    --orange-darker: #a76632;
    --purple: #b48ead;
    --purple-rgb: 180,142,173;
    --red: #bf616a;
    --red-rgb: 191,97,106;
    --yellow: #ebcb8b;
    --yellow-rgb: 235,203,139;
    --background-color: var(--snow-storm-2);
    --background-color-rgb: 229,233,240;
    --foreground-color: var(--polar-night-2);
    --chat-rgb: var(--green1-rgb);
    --muc-rgb: var(--orange-rgb);
    --primary-rgb: var(--green2-rgb);
    --secondary-rgb: var(--blue2-rgb);
    --success-color: var(--green-3);
    --success-color-rgb: var(--green3-rgb);
    --danger-color: var(--red);
    --danger-color-rgb: var(--red-rgb);
    --warning-color: var(--orange);
    --info-color: var(--purple);
    --info-color-rgb: var(--purple-rgb);
    --converse-info: var(--info-color);
    --converse-info-rgb: var(--info-color-rgb);
    --converse-success: var(--success-color);
    --converse-success-rgb: var(--success-color-rgb);
    --converse-danger: var(--danger-color);
    --converse-danger-rgb: var(--danger-color-rgb);
    --converse-body-bg: var(--background-color);
    --converse-highlight-color: var(--red);
    --converse-border-color: lightgray;
    --primary-color: var(--green-2)!important;
    --primary-color-hover: var(--green-3)!important;
    --secondary-color: var(--blue-2)!important;
    --converse-body-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=nordic] .form-check-input:checked,.conversejs[data-bs-theme=nordic] .form-check-input:checked,converse-bg[data-converse-theme=nordic] .form-check-input:checked,converse-bg[data-bs-theme=nordic] .form-check-input:checked {
    background-color: var(--purple);
    border-color: var(--purple);
}

.conversejs[data-converse-theme=nordic] .navbar-nav,.conversejs[data-bs-theme=nordic] .navbar-nav,converse-bg[data-converse-theme=nordic] .navbar-nav,converse-bg[data-bs-theme=nordic] .navbar-nav {
    --converse-nav-link-color: var(--link-color)!important;
}

.conversejs[data-converse-theme=nordic] .popover,.conversejs[data-bs-theme=nordic] .popover,converse-bg[data-converse-theme=nordic] .popover,converse-bg[data-bs-theme=nordic] .popover {
    --converse-popover-header-color: var(--background-color)!important;
    --converse-popover-header-bg: var(--info-color)!important;
}

.conversejs[data-converse-theme=nordic] .modal,.conversejs[data-bs-theme=nordic] .modal,converse-bg[data-converse-theme=nordic] .modal,converse-bg[data-bs-theme=nordic] .modal {
    --converse-modal-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=nordic] .toast,.conversejs[data-bs-theme=nordic] .toast,converse-bg[data-converse-theme=nordic] .toast,converse-bg[data-bs-theme=nordic] .toast {
    --converse-toast-color: var(--background-color);
    --converse-toast-bg: var(--secondary-color)!important;
}

.conversejs[data-converse-theme=nordic] converse-chat-heading,.conversejs[data-converse-theme=nordic] converse-muc-heading,.conversejs[data-bs-theme=nordic] converse-chat-heading,.conversejs[data-bs-theme=nordic] converse-muc-heading,converse-bg[data-converse-theme=nordic] converse-chat-heading,converse-bg[data-converse-theme=nordic] converse-muc-heading,converse-bg[data-bs-theme=nordic] converse-chat-heading,converse-bg[data-bs-theme=nordic] converse-muc-heading {
    box-shadow: var(--converse-box-shadow)!important;
}

.conversejs[data-converse-theme=nordic],.conversejs[data-bs-theme=nordic],converse-bg[data-converse-theme=nordic],converse-bg[data-bs-theme=nordic] {
    --chat-status-away: var(--orange);
    --chat-status-busy: var(--red);
    --chat-status-offline: gray;
    --chat-status-online: var(--green-4);
    --controlbox-color: var(--purple);
    --disabled-color: var(--secondary-color);
    --error-color: var(--red);
    --focus-color: var(--secondary-color);
    --heading-color: var(--purple);
    --link-color: var(--blue-2);
    --subdued-color: gray;
    --toast-color: var(--background-color);
    --toast-bg-color: var(--secondary-color);
    --selection-color: var(--green-1);
    --highlight-color: var(--snow-storm-3);
    --highlight-color-hover: var(--snow-storm-1);
    --chat-color: var(--green-1);
    --chat-header-fg-color: var(--background-color);
    --chat-header-bg-color: var(--chat-color);
    --muc-color: var(--orange);
    --muc-header-fg-color: var(--background-color);
    --muc-header-bg-color: var(--muc-color);
    --headlines-color: var(--purple);
    --headlines-header-fg-color: var(--background-color);
    --headlines-header-bg-color: var(--headlines-color);
    --brand-heading-color: var(--green-4);
    --chat-color-hover: var(--chat-color);
    --danger-color-hover: var(--danger-color);
    --global-background-color: var(--background-color);
    --link-color-hover: var(--link-color);
    --muc-color-hover: var(--muc-color);
    --primary-color-hover: var(--purple);
    --secondary-color-hover: var(--snow-storm-1);
    --success-color-hover: var(--success);
    --warning-color-hover: var(--orange);
}

.conversejs[data-converse-theme=classic],.conversejs[data-bs-theme=classic],converse-bg[data-converse-theme=classic],converse-bg[data-bs-theme=classic] {
    --blue: #387592;
    --blue-rgb: 56,117,146;
    --dark-blue: #397491;
    --dark-green: #1e9652;
    --red: #d24e2b;
    --red-rgb: 210,78,43;
    --gray: #818479;
    --green: #3aa569;
    --green-rgb: 58,165,105;
    --light-blue: #578ea9;
    --light-blue-rgb: 87,142,169;
    --lighter-blue: #eff4f7;
    --orange: #e7a151;
    --orange-rgb: 231,161,81;
    --redder-orange: #e77051;
    --foreground-color: #666;
    --background-color: #efefef;
    --background-color-rgb: 239,239,239;
    --chat-rgb: var(--green-rgb);
    --muc-rgb: var(--orange-rgb);
    --primary-rgb: var(--blue-rgb);
    --secondary-rgb: var(--light-blue-rgb);
    --success-color: var(--green);
    --success-color-rgb: var(--green-rgb);
    --danger-color: var(--red);
    --danger-color-rgb: var(--red-rgb);
    --warning-color: var(--orange);
    --info-color: var(--light-blue);
    --info-color-rgb: var(--light-blue-rgb);
    --converse-info: var(--info-color);
    --converse-info-rgb: var(--info-color-rgb);
    --converse-success: var(--success-color);
    --converse-success-rgb: var(--success-color-rgb);
    --converse-danger: var(--danger-color);
    --converse-danger-rgb: var(--danger-color-rgb);
    --converse-body-bg: var(--background-color);
    --converse-highlight-color: var(--blue);
    --primary-color: var(--blue)!important;
    --secondary-color: var(--light-blue)!important;
    --converse-body-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=classic] .navbar-nav,.conversejs[data-bs-theme=classic] .navbar-nav,converse-bg[data-converse-theme=classic] .navbar-nav,converse-bg[data-bs-theme=classic] .navbar-nav {
    --converse-nav-link-color: var(--link-color)!important;
}

.conversejs[data-converse-theme=classic] .popover,.conversejs[data-bs-theme=classic] .popover,converse-bg[data-converse-theme=classic] .popover,converse-bg[data-bs-theme=classic] .popover {
    --converse-popover-header-color: var(--background-color)!important;
    --converse-popover-header-bg: var(--info-color)!important;
}

.conversejs[data-converse-theme=classic] .modal,.conversejs[data-bs-theme=classic] .modal,converse-bg[data-converse-theme=classic] .modal,converse-bg[data-bs-theme=classic] .modal {
    --converse-modal-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=classic] .toast,.conversejs[data-bs-theme=classic] .toast,converse-bg[data-converse-theme=classic] .toast,converse-bg[data-bs-theme=classic] .toast {
    --converse-toast-color: var(--background-color);
    --converse-toast-bg: var(--secondary-color)!important;
}

.conversejs[data-converse-theme=classic],.conversejs[data-bs-theme=classic],converse-bg[data-converse-theme=classic],converse-bg[data-bs-theme=classic] {
    --chat-status-away: var(--orange);
    --chat-status-busy: var(--red);
    --chat-status-offline: gray;
    --chat-status-online: var(--green);
    --controlbox-color: var(--light-blue);
    --disabled-color: gray;
    --error-color: var(--red);
    --focus-color: var(--light-blue);
    --heading-color: var(--light-blue);
    --link-color: #2d3991;
    --subdued-color: gray;
    --selection-color: black;
    --highlight-color: var(--lighter-blue);
    --highlight-color-hover: var(--lighter-blue);
    --chat-color: var(--dark-green);
    --chat-header-fg-color: var(--background-color);
    --chat-header-bg-color: var(--chat-color);
    --muc-color: var(--redder-orange);
    --muc-header-fg-color: var(--background-color);
    --muc-header-bg-color: var(--muc-color);
    --headlines-color: var(--orange);
    --headlines-header-fg-color: var(--background-color);
    --headlines-header-bg-color: var(--headlines-color);
    --brand-heading-color: var(--blue);
    --chat-color-hover: var(--chat-color);
    --danger-color-hover: var(--danger-color);
    --global-background-color: var(--background-color);
    --link-color-hover: var(--link-color);
    --muc-color-hover: var(--muc-color);
    --primary-color-hover: var(--dark-blue);
    --secondary-color-hover: #ddd;
    --success-color-hover: var(--success);
    --warning-color-hover: #d2842b;
}

.conversejs[data-converse-theme=dracula],.conversejs[data-bs-theme=dracula],converse-bg[data-converse-theme=dracula],converse-bg[data-bs-theme=dracula] {
    --cyan: #8be9fd;
    --green: #50fa7b;
    --green-rgb: 80,250,123;
    --orange: #ffb86c;
    --orange-rgb: 255,184,108;
    --pink: #ff79c6;
    --pink-rgb: 255,121,198;
    --purple: #bd93f9;
    --purple-rgb: 189,147,249;
    --red: #f55;
    --red-rgb: 255,85,85;
    --yellow: #f1fa8c;
    --yellow-rgb: 241,250,140;
    --gray: #6272a4;
    --darkgray: #212529;
    --background-color: #282a36;
    --background-color-rgb: 40,42,54;
    --foreground-color: #f8f8f2;
    --chat-rgb: var(--green-rgb);
    --muc-rgb: var(--orange-rgb);
    --primary-rgb: var(--pink-rgb);
    --secondary-rgb: var(--purple-rgb);
    --success-color: var(--green);
    --success-color-rgb: var(--green-rgb);
    --danger-color: var(--red);
    --danger-color-rgb: var(--red-rgb);
    --warning-color: var(--orange);
    --info-color: var(--yellow);
    --info-color-rgb: var(--yellow-rgb);
    --converse-info: var(--info-color);
    --converse-info-rgb: var(--info-color-rgb);
    --converse-success: var(--success-color);
    --converse-success-rgb: var(--success-color-rgb);
    --converse-danger: var(--danger-color);
    --converse-danger-rgb: var(--danger-color-rgb);
    --converse-body-bg-rgb: var(--background-color-rgb);
    --converse-body-bg: var(--background-color);
    --converse-secondary-color: var(--secondary-color);
    --primary-color: var(--pink)!important;
    --secondary-color: var(--purple)!important;
    --converse-body-color: var(--foreground-color)!important;
    --converse-highlight-color: var(--yellow)!important;
}

.conversejs[data-converse-theme=dracula] .form-check-input:checked,.conversejs[data-bs-theme=dracula] .form-check-input:checked,converse-bg[data-converse-theme=dracula] .form-check-input:checked,converse-bg[data-bs-theme=dracula] .form-check-input:checked {
    background-color: var(--purple);
    border-color: var(--purple);
}

.conversejs[data-converse-theme=dracula] .navbar-nav,.conversejs[data-bs-theme=dracula] .navbar-nav,converse-bg[data-converse-theme=dracula] .navbar-nav,converse-bg[data-bs-theme=dracula] .navbar-nav {
    --converse-nav-link-color: var(--link-color)!important;
    --converse-nav-link-hover-color: var(--link-color-hover)!important;
}

.conversejs[data-converse-theme=dracula] .popover,.conversejs[data-bs-theme=dracula] .popover,converse-bg[data-converse-theme=dracula] .popover,converse-bg[data-bs-theme=dracula] .popover {
    --converse-popover-header-color: var(--background-color)!important;
    --converse-popover-header-bg: var(--info-color)!important;
}

.conversejs[data-converse-theme=dracula] .modal,.conversejs[data-bs-theme=dracula] .modal,converse-bg[data-converse-theme=dracula] .modal,converse-bg[data-bs-theme=dracula] .modal {
    --converse-modal-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=dracula] .list-group-item,.conversejs[data-bs-theme=dracula] .list-group-item,converse-bg[data-converse-theme=dracula] .list-group-item,converse-bg[data-bs-theme=dracula] .list-group-item {
    --converse-list-group-color: var(--foreground-color);
}

.conversejs[data-converse-theme=dracula] .list-group-item.active,.conversejs[data-bs-theme=dracula] .list-group-item.active,converse-bg[data-converse-theme=dracula] .list-group-item.active,converse-bg[data-bs-theme=dracula] .list-group-item.active {
    --converse-list-group-active-color: var(--background-color)!important;
}

.conversejs[data-converse-theme=dracula] .toast,.conversejs[data-bs-theme=dracula] .toast,converse-bg[data-converse-theme=dracula] .toast,converse-bg[data-bs-theme=dracula] .toast {
    --converse-toast-color: var(--background-color);
    --converse-toast-bg: var(--secondary-color)!important;
}

.conversejs[data-converse-theme=dracula],.conversejs[data-bs-theme=dracula],converse-bg[data-converse-theme=dracula],converse-bg[data-bs-theme=dracula] {
    --chat-status-away: var(--orange);
    --chat-status-busy: var(--red);
    --chat-status-offline: var(--gray);
    --chat-status-online: var(--green);
    --controlbox-color: var(--purple);
    --disabled-color: var(--gray);
    --error-color: var(--red);
    --focus-color: var(--pink);
    --heading-color: var(--purple);
    --link-color: var(--cyan);
    --subdued-color: var(--gray);
    --selection-color: black;
    --highlight-color: var(--gray);
    --highlight-color-hover: var(--darkgray);
    --chat-color: var(--green);
    --chat-header-fg-color: var(--chat-color);
    --chat-header-bg-color: var(--background-color);
    --muc-color: var(--orange);
    --muc-header-fg-color: var(--muc-color);
    --muc-header-bg-color: var(--background-color);
    --headlines-color: var(--pink);
    --headlines-header-fg-color: var(--headlines-color);
    --headlines-header-bg-color: var(--background-color);
    --brand-heading-color: var(--cyan);
    --chat-color-hover: var(--chat-color);
    --danger-color-hover: var(--danger-color);
    --global-background-color: var(--background-color);
    --link-color-hover: var(--link-color);
    --muc-color-hover: var(--muc-color);
    --primary-color-hover: var(--purple);
    --secondary-color-hover: var(--secondary-color);
    --success-color-hover: var(--success);
    --warning-color-hover: var(--orange);
}

.conversejs[data-converse-theme=cyberpunk],.conversejs[data-bs-theme=cyberpunk],converse-bg[data-converse-theme=cyberpunk],converse-bg[data-bs-theme=cyberpunk] {
    --blue: #1ba2f6;
    --cyan: #32fbe2;
    --green: #3cf281;
    --green-rgb: 60,242,129;
    --indigo: #6610f2;
    --orange: #f1b633;
    --orange-rgb: 255,193,7;
    --pink: #ea39b8;
    --pink-rgb: 234,57,185;
    --purple: #6f42c1;
    --purple-rgb: 111,66,193;
    --red: #e44c55;
    --red-rgb: 228,76,84;
    --teal: #3f81a2;
    --teal-rgb: 63,130,162;
    --white: #efefef;
    --yellow: #ffc107;
    --yellow-rgb: 255,193,7;
    --background-color: #1a0933;
    --background-color-rgb: 26,9,51;
    --background-color-lighter: #2c174c;
    --foreground-color: var(--white);
    --primary-rgb: var(--pink-rgb);
    --secondary-rgb: var(--purple-rgb);
    --success-color: var(--green);
    --success-color-rgb: var(--green-rgb);
    --danger-color: var(--red);
    --danger-color-rgb: var(--red-rgb);
    --warning-color: var(--orange);
    --info-color: var(--yellow);
    --info-color-rgb: var(--yellow-rgb);
    --converse-info: var(--info-color);
    --converse-info-rgb: var(--info-color-rgb);
    --converse-success: var(--success-color);
    --converse-success-rgb: var(--success-color-rgb);
    --converse-danger: var(--danger-color);
    --converse-danger-rgb: var(--danger-color-rgb);
    --converse-body-bg-rgb: var(--background-color-rgb);
    --converse-body-bg: var(--background-color);
    --converse-highlight-color: var(--yellow);
    --converse-secondary-color: var(--secondary-color);
    --primary-color: var(--pink)!important;
    --secondary-color: var(--purple)!important;
    --converse-body-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=cyberpunk] .form-check-input:checked,.conversejs[data-bs-theme=cyberpunk] .form-check-input:checked,converse-bg[data-converse-theme=cyberpunk] .form-check-input:checked,converse-bg[data-bs-theme=cyberpunk] .form-check-input:checked {
    background-color: var(--purple);
    border-color: var(--purple);
}

.conversejs[data-converse-theme=cyberpunk] .shadow-lg,.conversejs[data-bs-theme=cyberpunk] .shadow-lg,converse-bg[data-converse-theme=cyberpunk] .shadow-lg,converse-bg[data-bs-theme=cyberpunk] .shadow-lg {
    --converse-box-shadow-lg: 0 1rem 3rem var(--background-color);
}

.conversejs[data-converse-theme=cyberpunk] .navbar-nav,.conversejs[data-bs-theme=cyberpunk] .navbar-nav,converse-bg[data-converse-theme=cyberpunk] .navbar-nav,converse-bg[data-bs-theme=cyberpunk] .navbar-nav {
    --converse-nav-link-color: var(--link-color)!important;
    --converse-nav-link-hover-color: var(--link-color-hover)!important;
}

.conversejs[data-converse-theme=cyberpunk] .popover,.conversejs[data-bs-theme=cyberpunk] .popover,converse-bg[data-converse-theme=cyberpunk] .popover,converse-bg[data-bs-theme=cyberpunk] .popover {
    --converse-popover-header-color: var(--background-color)!important;
    --converse-popover-header-bg: var(--info-color)!important;
}

.conversejs[data-converse-theme=cyberpunk] .modal,.conversejs[data-bs-theme=cyberpunk] .modal,converse-bg[data-converse-theme=cyberpunk] .modal,converse-bg[data-bs-theme=cyberpunk] .modal {
    --converse-modal-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=cyberpunk] .list-group-item,.conversejs[data-bs-theme=cyberpunk] .list-group-item,converse-bg[data-converse-theme=cyberpunk] .list-group-item,converse-bg[data-bs-theme=cyberpunk] .list-group-item {
    --converse-list-group-color: var(--foreground-color);
}

.conversejs[data-converse-theme=cyberpunk] .list-group-item.active,.conversejs[data-bs-theme=cyberpunk] .list-group-item.active,converse-bg[data-converse-theme=cyberpunk] .list-group-item.active,converse-bg[data-bs-theme=cyberpunk] .list-group-item.active {
    --converse-list-group-active-color: var(--background-color)!important;
}

.conversejs[data-converse-theme=cyberpunk] .toast,.conversejs[data-bs-theme=cyberpunk] .toast,converse-bg[data-converse-theme=cyberpunk] .toast,converse-bg[data-bs-theme=cyberpunk] .toast {
    --converse-toast-color: var(--background-color);
    --converse-toast-bg: var(--secondary-color)!important;
}

.conversejs[data-converse-theme=cyberpunk],.conversejs[data-bs-theme=cyberpunk],converse-bg[data-converse-theme=cyberpunk],converse-bg[data-bs-theme=cyberpunk] {
    --chat-status-away: var(--orange);
    --chat-status-busy: var(--red);
    --chat-status-offline: gray;
    --chat-status-online: var(--green);
    --controlbox-color: var(--purple);
    --disabled-color: gray;
    --error-color: var(--red);
    --focus-color: var(--secondary-color);
    --heading-color: var(--purple);
    --link-color: var(--cyan);
    --subdued-color: gray;
    --selection-color: black;
    --highlight-color: var(--purple);
    --highlight-color-hover: var(--background-color-lighter);
    --chat-color: var(--green);
    --chat-rgb: var(--green-rgb);
    --chat-header-fg-color: var(--chat-color);
    --chat-header-bg-color: var(--background-color);
    --muc-color: var(--orange);
    --muc-rgb: var(--orange-rgb);
    --muc-header-fg-color: var(--muc-color);
    --muc-header-bg-color: var(--background-color);
    --headlines-color: var(--teal);
    --headlines-rgb: var(--teal-rgb);
    --headlines-header-fg-color: var(--headlines-color);
    --headlines-header-bg-color: var(--background-color);
    --brand-heading-color: var(--cyan);
    --chat-color-hover: var(--chat-color);
    --danger-color-hover: var(--danger-color);
    --global-background-color: var(--background-color);
    --link-color-hover: var(--link-color);
    --muc-color-hover: var(--muc-color);
    --primary-color-hover: var(--purple);
    --secondary-color-hover: var(--secondary-color);
    --success-color-hover: var(--success);
    --warning-color-hover: var(--orange);
}

.conversejs[data-converse-theme=cyberpunk] .toggle-controlbox,.conversejs[data-bs-theme=cyberpunk] .toggle-controlbox,converse-bg[data-converse-theme=cyberpunk] .toggle-controlbox,converse-bg[data-bs-theme=cyberpunk] .toggle-controlbox {
    color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=cyberpunk] input,.conversejs[data-bs-theme=cyberpunk] input,converse-bg[data-converse-theme=cyberpunk] input,converse-bg[data-bs-theme=cyberpunk] input {
    background-color: rgba(var(--background-color-rgb),.7);
    border: 1px solid rgba(var(--pink-rgb),.6);
    color: var(--foreground-color);
    box-shadow: 0 0 .25rem 0 rgba(var(--pink-rgb),.4),0 0 1rem 0 rgba(var(--pink-rgb),.2)!important;
}

.conversejs[data-converse-theme=cyberpunk] input:focus,.conversejs[data-bs-theme=cyberpunk] input:focus,converse-bg[data-converse-theme=cyberpunk] input:focus,converse-bg[data-bs-theme=cyberpunk] input:focus {
    background-color: rgba(var(--background-color-rgb),.9);
    border-color: var(--purple);
    outline: none;
    box-shadow: 0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.conversejs[data-converse-theme=cyberpunk] input:-webkit-autofill {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.conversejs[data-converse-theme=cyberpunk] input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.conversejs[data-converse-theme=cyberpunk] input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.conversejs[data-bs-theme=cyberpunk] input:-webkit-autofill {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.conversejs[data-bs-theme=cyberpunk] input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.conversejs[data-bs-theme=cyberpunk] input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

converse-bg[data-converse-theme=cyberpunk] input:-webkit-autofill {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

converse-bg[data-converse-theme=cyberpunk] input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

converse-bg[data-converse-theme=cyberpunk] input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

converse-bg[data-bs-theme=cyberpunk] input:-webkit-autofill {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

converse-bg[data-bs-theme=cyberpunk] input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

converse-bg[data-bs-theme=cyberpunk] input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--foreground-color);
    caret-color: var(--foreground-color);
    background-color: rgba(var(--background-color-rgb),.1);
    transition: red 5000s ease-in-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--background-color-rgb),.9)inset,0 0 .5rem 0 rgba(var(--pink-rgb),.8),0 0 1.5rem 0 rgba(var(--pink-rgb),.4)!important;
}

.converse-fullscreen .conversejs[data-converse-theme=cyberpunk] #controlbox converse-registration-form,.converse-fullscreen .conversejs[data-converse-theme=cyberpunk] #controlbox converse-login-form,.converse-fullscreen .conversejs[data-bs-theme=cyberpunk] #controlbox converse-registration-form,.converse-fullscreen .conversejs[data-bs-theme=cyberpunk] #controlbox converse-login-form,.converse-fullscreen converse-bg[data-converse-theme=cyberpunk] #controlbox converse-registration-form,.converse-fullscreen converse-bg[data-converse-theme=cyberpunk] #controlbox converse-login-form,.converse-fullscreen converse-bg[data-bs-theme=cyberpunk] #controlbox converse-registration-form,.converse-fullscreen converse-bg[data-bs-theme=cyberpunk] #controlbox converse-login-form {
    box-shadow: 0 0 .5rem 0 rgba(var(--pink-rgb),.6)inset,0 0 2rem 0 rgba(var(--pink-rgb),.3)inset,0 0 3rem 2rem rgba(var(--purple-rgb),.1)inset,0 0 1rem .5rem rgba(var(--background-color-rgb),.5),0 0 2rem 1rem rgba(var(--background-color-rgb),.4)!important;
}

.converse-fullscreen .conversejs[data-converse-theme=cyberpunk] #controlbox .footer,.converse-fullscreen .conversejs[data-bs-theme=cyberpunk] #controlbox .footer,.converse-fullscreen converse-bg[data-converse-theme=cyberpunk] #controlbox .footer,.converse-fullscreen converse-bg[data-bs-theme=cyberpunk] #controlbox .footer {
    box-shadow: 0 0 .5rem 0 rgba(var(--pink-rgb),.6)inset,0 0 2rem 0 rgba(var(--pink-rgb),.3)inset,0 0 3rem 2rem rgba(var(--pink-rgb),.1)inset,0 0 1rem .5rem rgba(var(--background-color-rgb),.6),0 0 2rem 1rem rgba(var(--background-color-rgb),.4)!important;
}

.converse-fullscreen .conversejs[data-converse-theme=cyberpunk] #controlbox .navbar,.converse-fullscreen .conversejs[data-bs-theme=cyberpunk] #controlbox .navbar,.converse-fullscreen converse-bg[data-converse-theme=cyberpunk] #controlbox .navbar,.converse-fullscreen converse-bg[data-bs-theme=cyberpunk] #controlbox .navbar {
    box-shadow: 0 0 .5rem 0 rgba(var(--pink-rgb),.6)inset,0 0 2rem 0 rgba(var(--pink-rgb),.3)inset,0 0 3rem 2rem rgba(var(--purple-rgb),.1)inset,0 0 1rem .5rem rgba(var(--background-color-rgb),.7),0 0 2rem 1rem rgba(var(--background-color-rgb),.2)!important;
}

.converse-fullscreen .conversejs[data-converse-theme=cyberpunk] #controlbox .flyout,.converse-fullscreen .conversejs[data-bs-theme=cyberpunk] #controlbox .flyout,.converse-fullscreen converse-bg[data-converse-theme=cyberpunk] #controlbox .flyout,.converse-fullscreen converse-bg[data-bs-theme=cyberpunk] #controlbox .flyout {
    box-shadow: 0 0 1rem 0rem rgba(var(--purple-rgb),.5)inset,0 0 2rem 0rem rgba(var(--purple-rgb),.2)inset,0 0 4rem 2rem rgba(var(--purple-rgb),.1)inset!important;
}

.conversejs[data-converse-theme=cyberpunk] .modal-content,.conversejs[data-bs-theme=cyberpunk] .modal-content,converse-bg[data-converse-theme=cyberpunk] .modal-content,converse-bg[data-bs-theme=cyberpunk] .modal-content {
    box-shadow: 0 0 .5rem 0 rgba(var(--secondary-rgb),.6)inset,0 0 2rem 0 rgba(var(--secondary-rgb),.3)inset,0 0 3rem 2rem rgba(var(--secondary-rgb),.1)inset,0 0 1rem .5rem rgba(var(--background-color-rgb),.3),0 0 2rem 1rem rgba(var(--background-color-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .modal-content .modal-header .fa-times svg,.conversejs[data-bs-theme=cyberpunk] .modal-content .modal-header .fa-times svg,converse-bg[data-converse-theme=cyberpunk] .modal-content .modal-header .fa-times svg,converse-bg[data-bs-theme=cyberpunk] .modal-content .modal-header .fa-times svg {
    fill: var(--primary-color);
}

.conversejs[data-converse-theme=cyberpunk] .modal-content .modal-header .modal-title,.conversejs[data-bs-theme=cyberpunk] .modal-content .modal-header .modal-title,converse-bg[data-converse-theme=cyberpunk] .modal-content .modal-header .modal-title,converse-bg[data-bs-theme=cyberpunk] .modal-content .modal-header .modal-title {
    color: var(--primary-color);
}

.conversejs[data-converse-theme=cyberpunk] .modal-content .modal-header,.conversejs[data-bs-theme=cyberpunk] .modal-content .modal-header,converse-bg[data-converse-theme=cyberpunk] .modal-content .modal-header,converse-bg[data-bs-theme=cyberpunk] .modal-content .modal-header {
    background-color: var(--background-color);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-rgb),.6)inset,0 0 2rem 0 rgba(var(--primary-rgb),.3)inset,0 0 3rem 2rem rgba(var(--secondary-rgb),.1)inset;
}

.conversejs[data-converse-theme=cyberpunk] .date-separator,.conversejs[data-bs-theme=cyberpunk] .date-separator,converse-bg[data-converse-theme=cyberpunk] .date-separator,converse-bg[data-bs-theme=cyberpunk] .date-separator {
    margin-bottom: 1em!important;
}

.conversejs[data-converse-theme=cyberpunk] .date-separator .separator-text,.conversejs[data-bs-theme=cyberpunk] .date-separator .separator-text,converse-bg[data-converse-theme=cyberpunk] .date-separator .separator-text,converse-bg[data-bs-theme=cyberpunk] .date-separator .separator-text {
    border-radius: 50px;
    box-shadow: 0 0 .25rem rgba(var(--chat-rgb),.8),0 0 1rem rgba(var(--chat-rgb),.2),0 0 4rem rgba(var(--chat-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .card,.conversejs[data-bs-theme=cyberpunk] .card,converse-bg[data-converse-theme=cyberpunk] .card,converse-bg[data-bs-theme=cyberpunk] .card {
    box-shadow: inset 0 0 .5rem rgba(var(--purple-rgb),.8),inset 0 0 1rem rgba(var(--purple-rgb),.4),inset 0 0 2rem rgba(var(--purple-rgb),.3),inset 0 0 4rem rgba(var(--purple-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .chat-toolbar,.conversejs[data-bs-theme=cyberpunk] .chat-toolbar,converse-bg[data-converse-theme=cyberpunk] .chat-toolbar,converse-bg[data-bs-theme=cyberpunk] .chat-toolbar {
    box-shadow: 0 0 .5rem rgba(var(--chat-rgb),.4),0 0 2rem rgba(var(--chat-rgb),.2),0 0 4rem rgba(var(--chat-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] converse-headlines-heading,.conversejs[data-bs-theme=cyberpunk] converse-headlines-heading,converse-bg[data-converse-theme=cyberpunk] converse-headlines-heading,converse-bg[data-bs-theme=cyberpunk] converse-headlines-heading {
    box-shadow: 0 0 1rem 0rem rgba(var(--headlines-rgb),.5)inset,0 0 2rem 0rem rgba(var(--headlines-rgb),.4)inset,0 0 4rem 2rem rgba(var(--headlines-rgb),.2)inset,0 0 1rem 0rem rgba(var(--headlines-rgb),.4),0 0 2rem 0rem rgba(var(--headlines-rgb),.2),0 0 4rem 0rem rgba(var(--headlines-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] converse-chat-heading,.conversejs[data-bs-theme=cyberpunk] converse-chat-heading,converse-bg[data-converse-theme=cyberpunk] converse-chat-heading,converse-bg[data-bs-theme=cyberpunk] converse-chat-heading {
    box-shadow: 0 0 1rem 0rem rgba(var(--chat-rgb),.5)inset,0 0 2rem 0rem rgba(var(--chat-rgb),.4)inset,0 0 4rem 2rem rgba(var(--chat-rgb),.2)inset,0 0 1rem 0rem rgba(var(--chat-rgb),.4),0 0 2rem 0rem rgba(var(--chat-rgb),.2),0 0 4rem 0rem rgba(var(--chat-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .chatroom .message .separator-text,.conversejs[data-bs-theme=cyberpunk] .chatroom .message .separator-text,converse-bg[data-converse-theme=cyberpunk] .chatroom .message .separator-text,converse-bg[data-bs-theme=cyberpunk] .chatroom .message .separator-text {
    border-radius: 50px;
    box-shadow: 0 0 .25rem rgba(var(--muc-rgb),.8),0 0 1rem rgba(var(--muc-rgb),.2),0 0 4rem rgba(var(--muc-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .chatroom .chat-head-chatroom,.conversejs[data-bs-theme=cyberpunk] .chatroom .chat-head-chatroom,converse-bg[data-converse-theme=cyberpunk] .chatroom .chat-head-chatroom,converse-bg[data-bs-theme=cyberpunk] .chatroom .chat-head-chatroom {
    box-shadow: 0 0 1rem 0rem rgba(var(--muc-rgb),.5)inset,0 0 2rem 0rem rgba(var(--muc-rgb),.4)inset,0 0 4rem 2rem rgba(var(--muc-rgb),.2)inset,0 0 1rem 0rem rgba(var(--muc-rgb),.4),0 0 2rem 0rem rgba(var(--muc-rgb),.2),0 0 4rem 0rem rgba(var(--muc-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .chatroom converse-muc-sidebar,.conversejs[data-bs-theme=cyberpunk] .chatroom converse-muc-sidebar,converse-bg[data-converse-theme=cyberpunk] .chatroom converse-muc-sidebar,converse-bg[data-bs-theme=cyberpunk] .chatroom converse-muc-sidebar {
    box-shadow: 0 0 1rem 1rem rgba(var(--muc-rgb),.1)inset!important;
}

.conversejs[data-converse-theme=cyberpunk] .chatroom .chat-toolbar,.conversejs[data-bs-theme=cyberpunk] .chatroom .chat-toolbar,converse-bg[data-converse-theme=cyberpunk] .chatroom .chat-toolbar,converse-bg[data-bs-theme=cyberpunk] .chatroom .chat-toolbar {
    box-shadow: 0 0 .5rem rgba(var(--muc-rgb),.4),0 0 2rem rgba(var(--muc-rgb),.2),0 0 4rem rgba(var(--muc-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid,.conversejs[data-bs-theme=cyberpunk] .moving-grid,converse-bg[data-converse-theme=cyberpunk] .moving-grid,converse-bg[data-bs-theme=cyberpunk] .moving-grid {
    perspective: 1000px;
    width: 100%;
    height: 70%;
    position: absolute;
    top: 42%;
    left: 0;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid:before,.conversejs[data-bs-theme=cyberpunk] .moving-grid:before,converse-bg[data-converse-theme=cyberpunk] .moving-grid:before,converse-bg[data-bs-theme=cyberpunk] .moving-grid:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 3rem;
    box-shadow: 0 0 1rem .5rem rgba(255,255,255,.5),0 0 2rem 0rem rgba(var(--purple-rgb),.3),0 0 4rem 2rem rgba(var(--purple-rgb),.1)!important;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container,.conversejs[data-bs-theme=cyberpunk] .moving-grid .container,converse-bg[data-converse-theme=cyberpunk] .moving-grid .container,converse-bg[data-bs-theme=cyberpunk] .moving-grid .container {
    box-sizing: border-box;
    transform-origin: top;
    border: 2px solid pink;
    width: 100%;
    height: 300%;
    position: relative;
    overflow: hidden;
    transform: rotateX(57deg)translateY(10%);
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines,.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines,converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines,converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert,.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert,converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert,converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert {
    background-color: pink;
    width: 2px;
    height: 100%;
    display: inline-block;
    box-shadow: 0 2px 21px pink;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 4.5%;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .static-lines .vert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .static-lines .vert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 4.5%;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .moving-lines,.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .moving-lines,converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .moving-lines,converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .moving-lines {
    width: 100%;
    height: 300%;
    position: absolute;
    top: 0;
    left: 0;
}

.conversejs[data-converse-theme=cyberpunk] .moving-grid .container .moving-lines .horz,.conversejs[data-bs-theme=cyberpunk] .moving-grid .container .moving-lines .horz,converse-bg[data-converse-theme=cyberpunk] .moving-grid .container .moving-lines .horz,converse-bg[data-bs-theme=cyberpunk] .moving-grid .container .moving-lines .horz {
    background-color: pink;
    width: 100%;
    height: 3px;
    margin-top: 4.8%;
    animation: 15s linear infinite lines;
    display: inline-block;
    box-shadow: 2px 0 21px pink;
}

@keyframes lines {
    0% {
        transform: translateY(-65px);
    }

    to {
        transform: translateY(65px);
    }
}

.conversejs {
    color: var(--text-color);
    font-family: "sfnormal";
    font-size: var(--font-size);
}

.conversejs .flyout {
    position: absolute;
}

.conversejs .img-thumbnail {
    background-color: var(--highlight-color);
}

.conversejs textarea:disabled {
    background-color: var(--disabled)!important;
}

.conversejs .subdued {
    opacity: .35;
}

.conversejs .close {
    color: var(--foreground-color);
    text-shadow: none;
}

.conversejs .close:hover {
    color: var(--primary-color);
}

.conversejs .no-scrolling {
    overflow-x: none;
    overflow-y: none;
}

.conversejs converse-brand-heading {
    text-align: center;
}

.conversejs .brand-heading {
    font-family: var(--branding-font);
    color: var(--link-color);
    flex-direction: row;
    align-items: flex-start;
    display: inline-flex;
}

.conversejs .brand-heading .brand-name-wrapper {
    white-space: nowrap;
    margin: auto;
    display: flex;
}

.conversejs .brand-heading .brand-name {
    color: var(--link-color);
    flex-direction: column;
    align-items: center;
    margin-top: -.25em;
    display: flex;
}

.conversejs .brand-heading .brand-name .byline {
    font-family: var(--heading-font);
    margin-bottom: .75em;
    opacity: .55;
    word-spacing: 5px;
    font-size: .3em;
}

.conversejs .brand-heading .brand-name .byline:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -2.7em;
}

.conversejs .brand-heading .brand-name .byline:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -2.7em;
}

.conversejs .brand-heading .brand-name .byline:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -2.7em;
}

.conversejs .brand-heading .brand-name .byline:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -2.7em;
}

.conversejs .brand-heading .brand-name .byline:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -2.7em;
}

.conversejs .brand-heading .brand-name .byline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -2.7em;
}

.conversejs .brand-heading .brand-subtitle {
    color: var(--text-color);
}

.conversejs .brand-heading .brand-name__text {
    vertical-align: text-bottom;
    font-size: 140%;
}

.conversejs .brand-heading .converse-svg-logo {
    color: var(--link-color);
    height: 1.5em;
    margin-bottom: -.25em;
}

.conversejs .brand-heading .converse-svg-logo:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .25em;
}

.conversejs .brand-heading .converse-svg-logo:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .25em;
}

.conversejs .brand-heading .converse-svg-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .25em;
}

.conversejs .brand-heading .converse-svg-logo:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .25em;
}

.conversejs .brand-heading .converse-svg-logo:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .25em;
}

.conversejs .brand-heading .converse-svg-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .25em;
}

.conversejs .brand-heading .converse-svg-logo .cls-1 {
    isolation: isolate;
}

.conversejs .brand-heading .converse-svg-logo .cls-2 {
    opacity: .5;
    mix-blend-mode: multiply;
}

.conversejs .brand-heading .converse-svg-logo .cls-3,.conversejs .brand-heading .converse-svg-logo .cls-4 {
    fill: var(--link-color);
}

.conversejs .brand-heading--inverse .converse-svg-logo {
    margin-top: -.2em;
    margin-bottom: 0;
}

.conversejs .brand-heading--inverse .byline {
    font-family: var(--heading-font);
    opacity: .55;
    margin: 0;
    word-spacing: 5px;
    font-size: .25em;
}

.conversejs .brand-heading--inverse .byline:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -7em;
}

.conversejs .brand-heading--inverse .byline:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -7em;
}

.conversejs .brand-heading--inverse .byline:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -7em;
}

.conversejs .brand-heading--inverse .byline:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -7em;
}

.conversejs .brand-heading--inverse .byline:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -7em;
}

.conversejs .brand-heading--inverse .byline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -7em;
}

.conversejs ::placeholder {
    color: var(--secondary-color);
}

.conversejs ::placeholder {
    color: var(--secondary-color);
}

.conversejs ::placeholder {
    color: var(--secondary-color);
}

.conversejs ::-moz-selection {
    background-color: var(--selection-color);
}

.conversejs ::selection {
    background-color: var(--selection-color);
}

@media screen and (max-width:480px) {
    .conversejs {
        margin: 0;
        bottom: 5px;
        left: 10px;
        right: 10px;
    }
}

@media screen and (max-height:450px) {
    .conversejs {
        margin: 0;
        bottom: 5px;
        left: 10px;
        right: 10px;
    }
}

.conversejs h1,.conversejs .h1,.conversejs h2,.conversejs .h2,.conversejs h3,.conversejs .h3,.conversejs h4,.conversejs .h4,.conversejs h5,.conversejs .h5,.conversejs h6,.conversejs .h6 {
    color: var(--heading-color);
}

.conversejs ul li {
    height: auto;
}

.conversejs textarea {
    font-size: var(--font-size-large);
    min-height: 0;
}

.conversejs input[type=submit] {
    font-size: var(--font-size-large);
    min-height: 0;
}

.conversejs input[type=button] {
    font-size: var(--font-size-large);
    min-height: 0;
}

.conversejs input[type=text] {
    font-size: var(--font-size-large);
    min-height: 0;
}

.conversejs input[type=password] {
    font-size: var(--font-size-large);
    min-height: 0;
}

.conversejs button {
    font-size: var(--font-size);
    min-height: 0;
}

.conversejs strong {
    font-weight: 700;
}

.conversejs em {
    font-style: italic;
}

.conversejs ol,.conversejs ul {
    list-style: none;
}

.conversejs ul,.conversejs ol,.conversejs dl {
    font: inherit;
    margin: 0;
}

.conversejs a {
    cursor: pointer;
}

.conversejs a,.conversejs a:visited,.conversejs a:not([href]):not([tabindex]),.conversejs .clickable {
    color: var(--link-color);
    text-shadow: none;
    cursor: pointer;
    text-decoration: none;
}

.conversejs a:hover,.conversejs a:visited:hover,.conversejs a:not([href]):not([tabindex]):hover,.conversejs .clickable:hover {
    color: var(--link-color-hover);
    text-shadow: none;
    text-decoration: none;
}

.conversejs a.fa,.conversejs a.far,.conversejs a.fas,.conversejs a:visited.fa,.conversejs a:visited.far,.conversejs a:visited.fas,.conversejs a:not([href]):not([tabindex]).fa,.conversejs a:not([href]):not([tabindex]).far,.conversejs a:not([href]):not([tabindex]).fas,.conversejs .clickable.fa,.conversejs .clickable.far,.conversejs .clickable.fas {
    color: var(--secondary-color);
}

.conversejs a.fa:hover,.conversejs a.far:hover,.conversejs a.fas:hover,.conversejs a:visited.fa:hover,.conversejs a:visited.far:hover,.conversejs a:visited.fas:hover,.conversejs a:not([href]):not([tabindex]).fa:hover,.conversejs a:not([href]):not([tabindex]).far:hover,.conversejs a:not([href]):not([tabindex]).fas:hover,.conversejs .clickable.fa:hover,.conversejs .clickable.far:hover,.conversejs .clickable.fas:hover {
    color: var(--icon-hover-color);
}

.conversejs .clickable:hover {
    cursor: pointer;
}

.conversejs svg {
    border-radius: var(--chatbox-border-radius);
}

.conversejs .fa,.conversejs .far,.conversejs .fas {
    color: var(--secondary-color);
}

.conversejs q {
    quotes: "“" "”" "‘" "’";
}

.conversejs q.reason {
    display: inline;
}

.conversejs q:before {
    content: open-quote;
}

.conversejs q:after {
    content: close-quote;
}

.conversejs .helptext {
    font-size: var(--font-size-tiny);
    color: var(--secondary-color);
}

.conversejs .selected {
    color: var(--link-color)!important;
}

.conversejs .selected svg {
    fill: var(--link-color);
}

.conversejs .no-text-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@keyframes colorchange-chatmessage {
    0% {
        background-color: #8dd8ae;
    }

    25% {
        background-color: rgba(141,216,174,.75);
    }

    50% {
        background-color: rgba(141,216,174,.5);
    }

    75% {
        background-color: rgba(141,216,174,.25);
    }

    to {
        background-color: transparent;
    }
}

@keyframes colorchange-chatmessage-muc {
    0% {
        background-color: #ffb5a2;
    }

    25% {
        background-color: rgba(255,181,162,.75);
    }

    50% {
        background-color: rgba(255,181,162,.5);
    }

    75% {
        background-color: rgba(255,181,162,.25);
    }

    to {
        background-color: transparent;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

.conversejs .fade-in {
    opacity: 0;
    animation-name: fadein;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.conversejs .visible {
    opacity: 0;
    animation-name: fadein;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.conversejs .hidden {
    opacity: 0!important;
    display: none!important;
}

.conversejs .fade-out {
    animation-name: fadeOut;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.conversejs .collapsed {
    height: 0!important;
    padding: 0!important;
    overflow: hidden!important;
}

.conversejs .locked:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 22px;
}

.conversejs .locked:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 22px;
}

.conversejs .locked:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 22px;
}

.conversejs .locked:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 22px;
}

.conversejs .locked:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 22px;
}

.conversejs .locked:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 22px;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.conversejs .left {
    float: left;
}

.conversejs .right {
    float: right;
}

.conversejs .centered {
    text-align: center;
    margin: auto;
    display: block;
}

.conversejs .hor_centered {
    text-align: center;
    clear: both;
    margin: 0 auto;
    display: block!important;
}

.conversejs .avatar-autocomplete {
    vertical-align: middle;
}

.conversejs .avatar-autocomplete:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .avatar-autocomplete:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .avatar-autocomplete:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .avatar-autocomplete:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .avatar-autocomplete:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .avatar-autocomplete:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .activated {
    display: block!important;
}

.conversejs .form-help {
    color: var(--secondary-color);
    font-size: 90%;
}

.conversejs .nav {
    --converse-nav-link-color: var(--primary-color);
    --converse-nav-link-hover-color: var(--focus-color);
}

.conversejs .nav-pills .nav-link.active,.conversejs .nav-pills .show>.nav-link {
    background-color: var(--primary-color);
}

@media screen and (max-width:575px) {
    body .converse-brand {
        font-size: 3.75em;
    }

    .conversejs:not(.converse-embedded) .chatbox .chat-body,.conversejs:not(.converse-embedded) .flyout {
        border-radius: var(--chatbox-border-radius);
    }
}

@media screen and (min-width:576px) {
    .conversejs .offset-sm-2:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-sm-2:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-sm-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-sm-2:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-sm-2:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-sm-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }
}

@media screen and (min-width:768px) {
    .conversejs .offset-md-2:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-md-2:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-md-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-md-2:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-md-2:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-md-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-md-3:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 25%;
    }

    .conversejs .offset-md-3:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 25%;
    }

    .conversejs .offset-md-3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 25%;
    }

    .conversejs .offset-md-3:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 25%;
    }

    .conversejs .offset-md-3:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 25%;
    }

    .conversejs .offset-md-3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 25%;
    }
}

@media screen and (min-width:992px) {
    .conversejs .offset-lg-2:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-lg-2:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-lg-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-lg-2:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-lg-2:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-lg-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-lg-3:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 25%;
    }

    .conversejs .offset-lg-3:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 25%;
    }

    .conversejs .offset-lg-3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 25%;
    }

    .conversejs .offset-lg-3:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 25%;
    }

    .conversejs .offset-lg-3:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 25%;
    }

    .conversejs .offset-lg-3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 25%;
    }
}

@media screen and (min-width:1200px) {
    .conversejs .offset-xl-2:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-xl-2:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-xl-2:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 16.6667%;
    }

    .conversejs .offset-xl-2:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-xl-2:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }

    .conversejs .offset-xl-2:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 16.6667%;
    }
}

@media screen and (max-height:450px) {
    .conversejs {
        left: 0;
    }
}

.conversejs .modal-alert .alert p {
    margin: 0;
}

.conversejs .alert-info h3,.conversejs .alert-info .h3,.conversejs .alert-danger h3,.conversejs .alert-danger .h3 {
    color: var(--background-color);
    font-size: large;
}

.conversejs .alert-info p,.conversejs .alert-danger p {
    color: var(--background-color)!important;
}

.conversejs .alert-info .modal-title,.conversejs .alert-danger .modal-title {
    font-size: 110%;
}

.conversejs .alert-info .close,.conversejs .alert-danger .close {
    color: var(--background-color);
}

.conversejs .alert-info {
    color: var(--background-color);
    background-color: var(--info-color);
    border-color: var(--info-dark);
}

.conversejs .alert-danger .disconnect-msg {
    color: var(--background-color)!important;
}

.conversejs .alert-danger {
    color: var(--background-color);
    border-color: var(--danger-color-dark);
    background-color: var(--danger-color);
}

.conversejs {
    --button-text-color: var(--background-color);
}

.conversejs .btn {
    --converse-btn-active-color: var(--background-color)!important;
}

.conversejs .btn.fa {
    color: var(--button-text-color)!important;
}

.conversejs .btn i.fa,.conversejs .btn i.far,.conversejs .btn i.fas {
    color: var(--button-text-color);
}

.conversejs .btn i.fa:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.fa:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.fa:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.far:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.far:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.far:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.fas:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.fas:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.fas:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .btn i.fa:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.fa:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.fa:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.far:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.far:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.far:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.fas:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.fas:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.fas:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .btn i.fa.only-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.fa.only-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.fa.only-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.far.only-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.far.only-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.far.only-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.fas.only-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.fas.only-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.fas.only-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn i.fa.only-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.fa.only-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.fa.only-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.far.only-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.far.only-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.far.only-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.fas.only-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.fas.only-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn i.fas.only-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn converse-icon {
    display: inline-block;
}

.conversejs .btn converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .btn converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .btn converse-icon svg {
    color: var(--button-text-color);
}

.conversejs .btn-primary,.conversejs .btn-outline-primary {
    --converse-btn-active-bg: var(--primary-color);
    --converse-btn-active-border-color: var(--primary-color);
    --converse-btn-border-color: var(--primary-color);
    --converse-btn-disabled-bg: var(--disabled-color);
    --converse-btn-disabled-border-color: var(--primary-color);
    --converse-btn-disabled-color: var(--primary-color);
    --converse-btn-hover-bg: var(--primary-color);
    --converse-btn-hover-border-color: var(--primary-color);
    --converse-btn-hover-color: var(--background-color);
}

.conversejs .btn-primary {
    --converse-btn-color: var(--button-text-color);
    --converse-btn-bg: var(--primary-color);
}

.conversejs .btn-outline-primary {
    --converse-btn-bg: var(--background);
    --converse-btn-color: var(--primary-color);
}

.conversejs .btn-secondary,.conversejs .btn-outline-secondary {
    --converse-btn-active-bg: var(--secondary-color);
    --converse-btn-active-border-color: var(--secondary-color);
    --converse-btn-border-color: var(--secondary-color);
    --converse-btn-disabled-bg: var(--disabled-color);
    --converse-btn-disabled-border-color: var(--secondary-color);
    --converse-btn-disabled-color: var(--secondary-color);
    --converse-btn-hover-bg: var(--secondary-color);
    --converse-btn-hover-border-color: var(--secondary-color);
    --converse-btn-hover-color: var(--background-color);
}

.conversejs .btn-secondary {
    --converse-btn-color: var(--button-text-color);
    --converse-btn-bg: var(--secondary-color);
}

.conversejs .btn-outline-secondary {
    --converse-btn-color: var(--secondary-color);
    --converse-btn-bg: var(--background);
}

.conversejs .btn-success,.conversejs .btn-outline-success {
    --converse-btn-active-bg: var(--success-color);
    --converse-btn-active-border-color: var(--success-color);
    --converse-btn-border-color: var(--success-color);
    --converse-btn-disabled-bg: var(--disabled-color);
    --converse-btn-disabled-border-color: var(--success-color);
    --converse-btn-disabled-color: var(--success-color);
    --converse-btn-hover-bg: var(--success-color);
    --converse-btn-hover-color: var(--button-text-color);
    --converse-btn-hover-border-color: var(--success-color);
}

.conversejs .btn-success {
    --converse-btn-color: var(--button-text-color);
    --converse-btn-bg: var(--success-color);
}

.conversejs .btn-outline-success {
    --converse-btn-color: var(--success-color);
    --converse-btn-bg: var(--background);
}

.conversejs .btn-warning,.conversejs .btn-outline-warning {
    --converse-btn-active-bg: var(--warning-color);
    --converse-btn-active-border-color: var(--warning-color);
    --converse-btn-border-color: var(--warning-color);
    --converse-btn-disabled-bg: var(--disabled-color);
    --converse-btn-disabled-border-color: var(--warning-color);
    --converse-btn-disabled-color: var(--warning-color);
    --converse-btn-hover-bg: var(--warning-color);
    --converse-btn-hover-border-color: var(--warning-color);
}

.conversejs .btn-warning {
    --converse-btn-color: var(--button-text-color);
    --converse-btn-bg: var(--warning-color);
}

.conversejs .btn-outline-warning {
    --converse-btn-color: var(--warning-color);
    --converse-btn-bg: var(--background);
}

.conversejs .btn-danger,.conversejs .btn-outline-danger {
    --converse-btn-active-bg: var(--danger-color);
    --converse-btn-active-border-color: var(--danger-color);
    --converse-btn-border-color: var(--danger-color);
    --converse-btn-disabled-bg: var(--disabled-color);
    --converse-btn-disabled-border-color: var(--danger-color);
    --converse-btn-disabled-color: var(--danger-color);
    --converse-btn-hover-bg: var(--danger-color);
    --converse-btn-hover-border-color: var(--danger-color);
    --converse-btn-hover-color: var(--background-color);
}

.conversejs .btn-danger {
    --converse-btn-color: var(--button-text-color);
    --converse-btn-bg: var(--danger-color);
}

.conversejs .btn-outline-danger {
    --converse-btn-color: var(--danger-color);
    --converse-btn-bg: var(--background);
}

.conversejs .btn-info,.conversejs .btn-outline-info {
    --converse-btn-active-bg: var(--info-color);
    --converse-btn-active-border-color: var(--info-color);
    --converse-btn-border-color: var(--info-color);
    --converse-btn-disabled-bg: var(--disabled-color);
    --converse-btn-disabled-border-color: var(--info-color);
    --converse-btn-disabled-color: var(--info-color);
    --converse-btn-hover-bg: var(--info-color-dark);
    --converse-btn-hover-border-color: var(--info-color-dark);
}

.conversejs .btn-info {
    --converse-btn-color: var(--button-text-color);
    --converse-btn-bg: var(--info-color);
}

.conversejs .btn-outline-info {
    --converse-btn-color: var(--info-color);
    --converse-btn-bg: var(--background);
}

.conversejs .btn--transparent {
    background: 0 0;
    border: none;
}

.conversejs .btn-circle {
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: var(--font-size-small);
    border-radius: 50%;
    padding: .5em 0;
    line-height: 1.42857;
}

.conversejs .badge {
    --converse-badge-padding-x: .65em;
    --converse-badge-padding-y: .35em;
    --converse-badge-font-size: .75em;
    --converse-badge-font-weight: 700;
    --converse-badge-color: #fff;
    --converse-badge-border-radius: var(--converse-border-radius);
    padding: var(--converse-badge-padding-y)var(--converse-badge-padding-x);
    font-size: var(--converse-badge-font-size);
    font-weight: var(--converse-badge-font-weight);
    color: var(--converse-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--converse-badge-border-radius);
    line-height: 1;
    display: inline-block;
}

.conversejs .badge:empty {
    display: none;
}

.conversejs .btn .badge {
    position: relative;
    top: -1px;
}

.conversejs .badge {
    color: var(--background-color);
    text-shadow: none;
    font-size: 90%;
    font-weight: 400;
    line-height: 1;
}

.conversejs .badge-light {
    color: var(--text-color);
}

.conversejs .badge-primary {
    background-color: var(--primary-color);
    border-color: transparent;
}

.conversejs .badge-primary:focus,.conversejs .badge-primary:hover,.conversejs .badge-primary:active {
    background-color: var(--primary-color-hover)!important;
    border-color: transparent!important;
}

.conversejs .badge-info {
    background-color: var(--primary-color);
}

.conversejs .badge-info:hover {
    background-color: var(--primary-color-hover);
}

.conversejs .badge-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.conversejs .badge-secondary:hover {
    background-color: var(--secondary-color-dark);
    border-color: var(--secondary-color-dark);
}

.conversejs .card {
    --converse-card-border-color: var(--secondary-color);
}

.conversejs .btn--small {
    font-size: 80%;
    font-weight: 400;
}

.conversejs form .form-check .form-check-input {
    margin-top: 0;
}

.conversejs form .invalid-feedback {
    display: block;
}

.conversejs form .form-instructions {
    color: var(--text-color);
    margin-bottom: 1em;
}

.conversejs form .hidden-username {
    opacity: 0!important;
    height: 0!important;
    padding: 0!important;
}

.conversejs form .error-feedback {
    margin-bottom: .5em;
}

.conversejs form .form-control[readonly] {
    color: var(--disabled-color);
}

.conversejs form .form-control,.conversejs form .form-control:focus {
    color: var(--text-color);
    background-color: var(--background-color);
}

.conversejs form .form-control::placeholder {
    color: var(--secondary-color);
}

.conversejs form .form-control::placeholder {
    color: var(--secondary-color);
}

.conversejs form .form-control::placeholder {
    color: var(--secondary-color);
}

.conversejs form .form-control--labeled {
    margin-top: .5em;
}

.conversejs form .btn-group .clear-input {
    cursor: pointer;
    font-size: var(--font-size);
    margin-top: .4em;
    position: absolute;
    right: .2em;
}

.conversejs form.converse-form {
    padding: 1.2rem;
}

.conversejs form.converse-form legend {
    color: var(--text-color);
    margin-bottom: 1.5em;
    font-size: 125%;
}

.conversejs form.converse-form fieldset {
    margin-bottom: 1.5em;
}

.conversejs form.converse-form select {
    min-width: 50%;
}

.conversejs form.converse-form input[type=password] {
    min-width: 50%;
}

.conversejs form.converse-form input[type=number] {
    min-width: 50%;
}

.conversejs form.converse-form input[type=text] {
    min-width: 50%;
}

.conversejs form.converse-form input.is_invalid,.conversejs form.converse-form input.error {
    color: var(--text-color);
    border-color: var(--error-color);
}

.conversejs form.converse-form .text-muted {
    font-size: 85%;
    color: var(--subdued-color)!important;
}

.conversejs form.converse-form .text-muted a {
    color: var(--link-color);
}

.conversejs form.converse-form .text-muted.error {
    color: var(--error-color);
}

.conversejs form.converse-form--modal {
    padding-bottom: 0;
}

.conversejs form.converse-form--spinner {
    height: 100%;
}

.conversejs form.converse-centered-form {
    text-align: center;
    min-height: 66%;
}

.conversejs form.converse-centered-form input {
    max-width: 30em;
    margin: auto;
}

.conversejs .list-group {
    --converse-list-group-color: var(--converse-body-color);
    --converse-list-group-bg: var(--converse-body-bg);
    --converse-list-group-border-color: var(--converse-border-color);
    --converse-list-group-border-width: var(--converse-border-width);
    --converse-list-group-border-radius: var(--converse-border-radius);
    --converse-list-group-item-padding-x: 1rem;
    --converse-list-group-item-padding-y: .5rem;
    --converse-list-group-action-color: var(--converse-secondary-color);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-tertiary-bg);
    --converse-list-group-action-active-color: var(--converse-body-color);
    --converse-list-group-action-active-bg: var(--converse-secondary-bg);
    --converse-list-group-disabled-color: var(--converse-secondary-color);
    --converse-list-group-disabled-bg: var(--converse-body-bg);
    --converse-list-group-active-color: #fff;
    --converse-list-group-active-bg: #0d6efd;
    --converse-list-group-active-border-color: #0d6efd;
    border-radius: var(--converse-list-group-border-radius);
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.conversejs .list-group-numbered {
    counter-reset: section;
    list-style-type: none;
}

.conversejs .list-group-numbered>.list-group-item:before {
    content: counters(section,".")". ";
    counter-increment: section;
}

.conversejs .list-group-item {
    padding: var(--converse-list-group-item-padding-y)var(--converse-list-group-item-padding-x);
    color: var(--converse-list-group-color);
    background-color: var(--converse-list-group-bg);
    border: var(--converse-list-group-border-width)solid var(--converse-list-group-border-color);
    text-decoration: none;
    display: block;
    position: relative;
}

.conversejs .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.conversejs .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.conversejs .list-group-item.disabled,.conversejs .list-group-item:disabled {
    color: var(--converse-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--converse-list-group-disabled-bg);
}

.conversejs .list-group-item.active {
    z-index: 2;
    color: var(--converse-list-group-active-color);
    background-color: var(--converse-list-group-active-bg);
    border-color: var(--converse-list-group-active-border-color);
}

.conversejs .list-group-item+.list-group-item {
    border-top-width: 0;
}

.conversejs .list-group-item+.list-group-item.active {
    margin-top: calc(-1*var(--converse-list-group-border-width));
    border-top-width: var(--converse-list-group-border-width);
}

.conversejs .list-group-item-action {
    width: 100%;
    color: var(--converse-list-group-action-color);
    text-align: inherit;
}

.conversejs .list-group-item-action:not(.active):hover,.conversejs .list-group-item-action:not(.active):focus {
    z-index: 1;
    color: var(--converse-list-group-action-hover-color);
    background-color: var(--converse-list-group-action-hover-bg);
    text-decoration: none;
}

.conversejs .list-group-item-action:not(.active):active {
    color: var(--converse-list-group-action-active-color);
    background-color: var(--converse-list-group-action-active-bg);
}

.conversejs .list-group-horizontal {
    flex-direction: row;
}

.conversejs .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--converse-list-group-border-radius);
    border-top-right-radius: 0;
}

.conversejs .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--converse-list-group-border-radius);
    border-bottom-left-radius: 0;
}

.conversejs .list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}

.conversejs .list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--converse-list-group-border-width);
    border-left-width: 0;
}

.conversejs .list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--converse-list-group-border-width));
    border-left-width: var(--converse-list-group-border-width);
}

@media (min-width:576px) {
    .conversejs .list-group-horizontal-sm {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:768px) {
    .conversejs .list-group-horizontal-md {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:992px) {
    .conversejs .list-group-horizontal-lg {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:1200px) {
    .conversejs .list-group-horizontal-xl {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

@media (min-width:1400px) {
    .conversejs .list-group-horizontal-xxl {
        flex-direction: row;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--converse-list-group-border-radius);
        border-top-right-radius: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--converse-list-group-border-radius);
        border-bottom-left-radius: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--converse-list-group-border-width);
        border-left-width: 0;
    }

    .conversejs .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--converse-list-group-border-width));
        border-left-width: var(--converse-list-group-border-width);
    }
}

.conversejs .list-group-flush {
    border-radius: 0;
}

.conversejs .list-group-flush>.list-group-item {
    border-width: 0 0 var(--converse-list-group-border-width);
}

.conversejs .list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

.conversejs .list-group-item-primary {
    --converse-list-group-color: var(--converse-primary-text-emphasis);
    --converse-list-group-bg: var(--converse-primary-bg-subtle);
    --converse-list-group-border-color: var(--converse-primary-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-primary-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-primary-border-subtle);
    --converse-list-group-active-color: var(--converse-primary-bg-subtle);
    --converse-list-group-active-bg: var(--converse-primary-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-primary-text-emphasis);
}

.conversejs .list-group-item-secondary {
    --converse-list-group-color: var(--converse-secondary-text-emphasis);
    --converse-list-group-bg: var(--converse-secondary-bg-subtle);
    --converse-list-group-border-color: var(--converse-secondary-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-secondary-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-secondary-border-subtle);
    --converse-list-group-active-color: var(--converse-secondary-bg-subtle);
    --converse-list-group-active-bg: var(--converse-secondary-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-secondary-text-emphasis);
}

.conversejs .list-group-item-success {
    --converse-list-group-color: var(--converse-success-text-emphasis);
    --converse-list-group-bg: var(--converse-success-bg-subtle);
    --converse-list-group-border-color: var(--converse-success-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-success-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-success-border-subtle);
    --converse-list-group-active-color: var(--converse-success-bg-subtle);
    --converse-list-group-active-bg: var(--converse-success-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-success-text-emphasis);
}

.conversejs .list-group-item-info {
    --converse-list-group-color: var(--converse-info-text-emphasis);
    --converse-list-group-bg: var(--converse-info-bg-subtle);
    --converse-list-group-border-color: var(--converse-info-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-info-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-info-border-subtle);
    --converse-list-group-active-color: var(--converse-info-bg-subtle);
    --converse-list-group-active-bg: var(--converse-info-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-info-text-emphasis);
}

.conversejs .list-group-item-warning {
    --converse-list-group-color: var(--converse-warning-text-emphasis);
    --converse-list-group-bg: var(--converse-warning-bg-subtle);
    --converse-list-group-border-color: var(--converse-warning-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-warning-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-warning-border-subtle);
    --converse-list-group-active-color: var(--converse-warning-bg-subtle);
    --converse-list-group-active-bg: var(--converse-warning-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-warning-text-emphasis);
}

.conversejs .list-group-item-danger {
    --converse-list-group-color: var(--converse-danger-text-emphasis);
    --converse-list-group-bg: var(--converse-danger-bg-subtle);
    --converse-list-group-border-color: var(--converse-danger-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-danger-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-danger-border-subtle);
    --converse-list-group-active-color: var(--converse-danger-bg-subtle);
    --converse-list-group-active-bg: var(--converse-danger-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-danger-text-emphasis);
}

.conversejs .list-group-item-light {
    --converse-list-group-color: var(--converse-light-text-emphasis);
    --converse-list-group-bg: var(--converse-light-bg-subtle);
    --converse-list-group-border-color: var(--converse-light-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-light-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-light-border-subtle);
    --converse-list-group-active-color: var(--converse-light-bg-subtle);
    --converse-list-group-active-bg: var(--converse-light-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-light-text-emphasis);
}

.conversejs .list-group-item-dark {
    --converse-list-group-color: var(--converse-dark-text-emphasis);
    --converse-list-group-bg: var(--converse-dark-bg-subtle);
    --converse-list-group-border-color: var(--converse-dark-border-subtle);
    --converse-list-group-action-hover-color: var(--converse-emphasis-color);
    --converse-list-group-action-hover-bg: var(--converse-dark-border-subtle);
    --converse-list-group-action-active-color: var(--converse-emphasis-color);
    --converse-list-group-action-active-bg: var(--converse-dark-border-subtle);
    --converse-list-group-active-color: var(--converse-dark-bg-subtle);
    --converse-list-group-active-bg: var(--converse-dark-text-emphasis);
    --converse-list-group-active-border-color: var(--converse-dark-text-emphasis);
}

.conversejs .list-group-item.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color-hover);
}

.conversejs .list-group-item {
    background-color: var(--background-color);
}

.conversejs .list-container {
    padding: .3em 0;
}

.conversejs .list-container:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .list-container:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .list-container:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .list-container:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .list-container:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .list-container:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .list-container .list-toggle {
    font-family: "sfnormal";
    font-weight: var(--list-toggle-font-weight);
    color: var(--secondary-color);
    padding: 0 0 .5rem;
    display: block;
}

.conversejs .items-list {
    padding-left: 0;
    padding-right: 0;
}

.conversejs .items-list:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .items-list:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .items-list:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .items-list:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .items-list:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .items-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .items-list .list-item {
    clear: both;
    color: var(--text-color);
    word-wrap: break-word;
    border: none;
    padding: .5em;
}

.conversejs .items-list .list-item.unread-msgs {
    font-weight: 700;
}

.conversejs .items-list .list-item:hover .list-item-link,.conversejs .items-list .list-item .list-item-link:hover {
    color: var(--foreground-color)!important;
}

.conversejs .items-list .list-item .list-item-link {
    color: var(--foreground-color);
    font-size: var(--font-size);
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: baseline;
    margin: auto;
    overflow: hidden;
}

.conversejs .items-list .list-item .list-item-badge {
    opacity: 1;
    color: var(--background-color);
    font-size: var(--font-size-small);
    line-height: var(--font-size-small);
    border-radius: 25%;
}

.conversejs .items-list .list-item .list-item-action {
    opacity: 0;
    font-size: var(--font-size-tiny);
    margin: 0 0 0 var(--inline-action-margin);
    width: 2em;
    height: 2em;
    padding: .3em 0 0;
}

.conversejs .items-list .list-item .list-item-action:before {
    font-size: var(--font-size);
}

.conversejs .items-list .list-item .list-item-action.button-on {
    color: var(--foreground-color);
}

.conversejs .items-list .list-item .list-item-action.button-on:hover {
    color: var(--link-color-hover);
}

.conversejs .items-list .list-item .list-item-action {
    color: var(--secondary-color);
}

.conversejs .items-list .list-item .list-item-action:hover {
    color: var(--secondary-color);
    opacity: 1;
}

.conversejs .items-list .list-item .list-item-action:focus {
    opacity: 1;
}

.conversejs .items-list .list-item .list-item-action--visible {
    opacity: 1!important;
}

.conversejs .items-list .list-item.open {
    background-color: var(--highlight-color);
}

.conversejs .items-list .list-item.open:hover {
    background-color: var(--highlight-color-hover);
}

.conversejs .items-list .list-item.open:hover .list-item-link,.conversejs .items-list .list-item.open a {
    color: var(--foreground-color);
}

.conversejs .items-list .list-item.open .list-item-action {
    color: var(--secondary-color);
}

.conversejs .items-list .list-item.open .list-item-action:hover {
    color: var(--primary-color);
}

.conversejs .items-list .list-item:hover {
    background-color: var(--highlight-color-hover);
}

.conversejs .items-list .list-item:hover .list-item-action,.conversejs .items-list .list-item:hover .fa,.conversejs .items-list .list-item:hover .far,.conversejs .items-list .list-item:hover .fas {
    opacity: 1;
}

.conversejs .styling-directive {
    color: var(--secondary-color);
}

.conversejs .msgs-indicator {
    color: var(--background-color);
    background-color: var(--chat-color);
}

.conversejs .message .show-msg-author-modal {
    align-self: flex-start;
    color: var(--link-color)!important;
}

.conversejs .message blockquote {
    color: var(--info-color);
    margin-bottom: .25em;
    display: inline-block;
}

.conversejs .message blockquote:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-left: .3em solid var(--info-color);
    margin-left: 0;
    padding-left: .5em;
    padding-right: 1em;
}

.conversejs .message blockquote:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-left: .3em solid var(--info-color);
    margin-left: 0;
    padding-left: .5em;
    padding-right: 1em;
}

.conversejs .message blockquote:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-left: .3em solid var(--info-color);
    margin-left: 0;
    padding-left: .5em;
    padding-right: 1em;
}

.conversejs .message blockquote:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-right: .3em solid var(--info-color);
    margin-right: 0;
    padding-left: 1em;
    padding-right: .5em;
}

.conversejs .message blockquote:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-right: .3em solid var(--info-color);
    margin-right: 0;
    padding-left: 1em;
    padding-right: .5em;
}

.conversejs .message blockquote:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-right: .3em solid var(--info-color);
    margin-right: 0;
    padding-left: 1em;
    padding-right: .5em;
}

.conversejs .message code {
    font-family: monospace;
}

.conversejs .message .mention {
    font-weight: 700;
}

.conversejs .message .mention--self {
    font-weight: 400;
}

.conversejs .message.date-separator,.conversejs .message.separator {
    text-align: center;
    z-index: 0;
    height: 2em;
    margin: .5em 0 0;
    position: relative;
}

.conversejs .message.date-separator .separator,.conversejs .message.separator .separator {
    border-top: 0;
    border-bottom: var(--chat-separator-border-bottom);
    z-index: 5;
    margin: 0 1em;
    position: relative;
    top: 1em;
}

.conversejs .message.date-separator .separator-text,.conversejs .message.separator .separator-text {
    background: var(--background-color);
    color: var(--foreground-color);
    z-index: 5;
    padding: 0 1em;
    line-height: 2em;
    display: inline-block;
    position: relative;
    bottom: 1px;
}

.conversejs .message.chat-info {
    color: var(--info-color);
    font-size: var(--message-font-size);
    line-height: var(--line-height-small);
    padding: .17rem 1rem;
    font-size: 90%;
}

.conversejs .message.chat-info.badge {
    color: var(--chat-color);
}

.conversejs .message.chat-info.chat-state-notification {
    font-style: italic;
}

.conversejs .message.chat-info.chat-event {
    clear: left;
    font-style: italic;
}

.conversejs .message.chat-info.chat-error {
    color: var(--error-color);
    font-weight: 700;
}

.conversejs .message.chat-info .q {
    font-style: italic;
}

.conversejs .message .chat-image {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 15em;
}

.conversejs .message.chat-msg--action {
    font-style: italic;
}

.conversejs .message.chat-msg--action .chat-msg__author:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .2em;
}

.conversejs .message.chat-msg--action .chat-msg__author:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .2em;
}

.conversejs .message.chat-msg--action .chat-msg__author:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .2em;
}

.conversejs .message.chat-msg--action .chat-msg__author:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .2em;
}

.conversejs .message.chat-msg--action .chat-msg__author:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .2em;
}

.conversejs .message.chat-msg--action .chat-msg__author:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .2em;
}

.conversejs .message.chat-msg {
    flex-direction: row;
    width: 100%;
    padding: .25rem 1rem;
    display: inline-flex;
}

.conversejs .message.chat-msg.onload {
    animation: 1s colorchange-chatmessage;
}

.conversejs .message.chat-msg:hover {
    background-color: var(--highlight-color-hover);
}

.conversejs .message.chat-msg.correcting {
    background-color: var(--highlight-color);
}

.conversejs .message.chat-msg .spoiler {
    margin-top: .5em;
}

.conversejs .message.chat-msg .spoiler-hint {
    margin-bottom: .5em;
}

.conversejs .message.chat-msg .spoiler-toggle,.conversejs .message.chat-msg .spoiler-toggle i {
    color: var(--background-color);
}

.conversejs .message.chat-msg .spoiler-toggle:before {
    white-space: nowrap;
}

.conversejs .message.chat-msg .spoiler-toggle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    padding-right: .25em;
}

.conversejs .message.chat-msg .spoiler-toggle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    padding-right: .25em;
}

.conversejs .message.chat-msg .spoiler-toggle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    padding-right: .25em;
}

.conversejs .message.chat-msg .spoiler-toggle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    padding-left: .25em;
}

.conversejs .message.chat-msg .spoiler-toggle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    padding-left: .25em;
}

.conversejs .message.chat-msg .spoiler-toggle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    padding-left: .25em;
}

.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat .chat-msg__text {
    color: var(--secondary-color);
}

.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat.chat-msg__body--delayed .chat-msg__text,.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat.chat-msg__body--received .chat-msg__text {
    color: var(--foreground-color);
}

.conversejs .message.chat-msg .chat-msg__content--action:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .message.chat-msg .chat-msg__content--action:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .message.chat-msg .chat-msg__content--action:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .message.chat-msg .chat-msg__content--action:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .message.chat-msg .chat-msg__content--action:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .message.chat-msg .chat-msg__content--action:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .message.chat-msg .chat-msg__message {
    overflow-wrap: break-word;
    flex-direction: column;
    width: 100%;
    line-height: 1.5em;
    display: inline-flex;
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper .chat-msg__text {
    color: var(--foreground-color);
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    padding: 0;
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper .chat-msg__text a {
    word-wrap: break-word;
    word-break: break-all;
    display: inline;
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper .chat-msg__text a.chat-image__link {
    width: -moz-fit-content;
    width: fit-content;
    display: block;
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper .chat-msg__text img.emoji {
    vertical-align: -.1em;
    width: 1.5em;
    height: 1.5em;
    margin: 0 .05em 0 .1em;
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper .chat-msg__text .emojione {
    margin-bottom: -6px;
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper.error .chat-msg__text {
    color: var(--disabled-color);
}

.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper {
    display: flex;
}

.conversejs .message.chat-msg .chat-msg__edit-modal {
    cursor: pointer;
}

.conversejs .message.chat-msg .chat-msg__edit-modal:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

.conversejs .message.chat-msg .chat-msg__edit-modal:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

.conversejs .message.chat-msg .chat-msg__edit-modal:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

.conversejs .message.chat-msg .chat-msg__edit-modal:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

.conversejs .message.chat-msg .chat-msg__edit-modal:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

.conversejs .message.chat-msg .chat-msg__edit-modal:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

.conversejs .message.chat-msg .chat-msg__subject {
    clear: right;
    font-weight: 700;
}

.conversejs .message.chat-msg .chat-msg__text--larger {
    padding-top: .25em;
    padding-bottom: .25em;
    font-size: 1.6em;
    line-height: 1.6em;
}

.conversejs .message.chat-msg .chat-msg__error {
    color: var(--error-color);
    white-space: pre-wrap;
}

.conversejs .message.chat-msg .chat-msg__media {
    word-break: break-all;
    margin-top: .25rem;
}

.conversejs .message.chat-msg .chat-msg__media a {
    word-wrap: break-word;
}

.conversejs .message.chat-msg .chat-msg__media audio {
    width: 100%;
}

.conversejs .message.chat-msg .chat-msg__author {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--heading-font);
    padding-bottom: 1px;
    font-size: 115%;
    font-weight: 700;
    overflow: hidden;
}

.conversejs .message.chat-msg .chat-msg__heading {
    width: 100%;
    margin-bottom: .25em;
}

.conversejs .message.chat-msg .chat-msg__heading:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .25rem;
}

.conversejs .message.chat-msg .chat-msg__heading:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .25rem;
}

.conversejs .message.chat-msg .chat-msg__heading:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .25rem;
}

.conversejs .message.chat-msg .chat-msg__heading:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .25rem;
}

.conversejs .message.chat-msg .chat-msg__heading:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .25rem;
}

.conversejs .message.chat-msg .chat-msg__heading:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .25rem;
}

.conversejs .message.chat-msg .chat-msg__heading .badge {
    font-family: var(--normal_font);
}

.conversejs .message.chat-msg .chat-msg__heading .badge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs .message.chat-msg .chat-msg__heading .badge:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs .message.chat-msg .chat-msg__heading .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs .message.chat-msg .chat-msg__heading .badge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs .message.chat-msg .chat-msg__heading .badge:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs .message.chat-msg .chat-msg__heading .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
    color: var(--secondary-color);
    padding-left: .25em;
    padding-right: .25em;
}

.conversejs .message.chat-msg .chat-msg__heading .fa-lock svg {
    padding-bottom: 2px;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__message {
    flex-direction: row;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__text {
    width: auto;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading {
    width: auto;
    margin-top: 0;
    padding-bottom: 0;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__author {
    font-size: var(--message-font-size);
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__time:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
    margin-right: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__time:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
    margin-right: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__time:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
    margin-right: .5em;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__time:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    margin-right: 0;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__time:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    margin-right: 0;
}

.conversejs .message.chat-msg.chat-msg--action .chat-msg__time:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    margin-right: 0;
}

.conversejs .message.chat-msg.chat-msg--action .retraction {
    flex-direction: column;
    display: flex;
}

.conversejs .message.chat-msg .chat-msg__content {
    width: calc(100% - var(--message-avatar-width));
}

.conversejs .message.chat-msg .chat-msg__content--action {
    width: 100%;
}

.conversejs .message.chat-msg.chat-msg--followup .chat-msg__heading,.conversejs .message.chat-msg.chat-msg--followup .show-msg-author-modal {
    display: none;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content {
    width: 100%;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 3rem;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 3rem;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 3rem;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 3rem;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 3rem;
}

.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 3rem;
}

.conversejs .message.chat-msg .chat-msg__receipt {
    color: var(--success-color);
    margin-left: .5em;
    margin-right: .5em;
}

.conversejs .message .chat-msg__content {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.conversejs .message .chat-msg__content:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5rem;
}

.conversejs .message .chat-msg__content:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5rem;
}

.conversejs .message .chat-msg__content:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5rem;
}

.conversejs .message .chat-msg__content:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5rem;
}

.conversejs .message .chat-msg__content:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5rem;
}

.conversejs .message .chat-msg__content:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5rem;
}

.conversejs .message .chat-msg__content:hover .btn--standalone {
    opacity: 1;
}

.conversejs .message .chat-msg__body {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
}

.conversejs .chatroom-body .message.onload {
    animation: 1s colorchange-chatmessage-muc;
}

.conversejs .chatroom-body .message .separator {
    border-top: 0;
    border-bottom: .15em solid var(--muc-color);
}

.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

@media screen and (max-width:767px) {
    converse-chats:not(.converse-embedded) .message.chat-msg .chat-msg__author {
        white-space: normal;
    }
}

@font-face {
    font-family:Baumans;font-style:normal;font-weight:400;src:local(Baumans Regular),local(Baumans-Regular),url(webfonts/baumans.ttf)format("truetype");
}

@font-face {
    font-family:Muli;font-style:normal;font-weight:400;src:local(Muli Regular),local(Muli-Regular),url(webfonts/muli.ttf)format("truetype");
}

.conversejs converse-icon:before,.converse-website converse-icon:before {
    content: none!important;
}

.conversejs .fa-info-circle,.converse-website .fa-info-circle {
    height: 1em;
}

converse-icon {
    margin: 0;
    padding: 0;
    display: inline-block;
}

converse-icon svg {
    fill: var(--secondary-color);
}

converse-icon.clickable:hover svg,a converse-icon:hover svg,.clickable converse-icon:hover svg {
    fill: var(--link-color);
}

.conversejs converse-emoji-dropdown.dropup.dropup--left .dropdown-menu,.conversejs converse-dropdown.dropup.dropup--left .dropdown-menu {
    left: auto;
    right: 100%;
}

.conversejs converse-emoji-dropdown .btn--standalone,.conversejs converse-dropdown .btn--standalone {
    margin: 0;
    padding: 0 .2em;
}

.conversejs converse-emoji-dropdown .dropdown-toggle--no-caret:before,.conversejs converse-emoji-dropdown .dropdown-toggle--no-caret:after,.conversejs converse-dropdown .dropdown-toggle--no-caret:before,.conversejs converse-dropdown .dropdown-toggle--no-caret:after {
    display: none!important;
}

.conversejs converse-emoji-dropdown .dropdown-menu,.conversejs converse-dropdown .dropdown-menu {
    background: var(--background-color);
    box-shadow: var(--raised-el-shadow);
    margin-top: -.2em!important;
}

.conversejs converse-emoji-dropdown .dropdown-menu .selected,.conversejs converse-dropdown .dropdown-menu .selected {
    background: var(--highlight-color-hover);
}

.conversejs converse-emoji-dropdown .dropdown-item,.conversejs converse-dropdown .dropdown-item {
    font-size: var(--font-size);
    padding: .5rem 1rem;
    color: var(--text-color)!important;
}

.conversejs converse-emoji-dropdown .dropdown-item:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs converse-emoji-dropdown .dropdown-item:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs converse-emoji-dropdown .dropdown-item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs converse-dropdown .dropdown-item:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs converse-dropdown .dropdown-item:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs converse-dropdown .dropdown-item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs converse-emoji-dropdown .dropdown-item:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs converse-emoji-dropdown .dropdown-item:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs converse-emoji-dropdown .dropdown-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs converse-dropdown .dropdown-item:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs converse-dropdown .dropdown-item:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs converse-dropdown .dropdown-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs converse-emoji-dropdown .dropdown-item converse-icon,.conversejs converse-dropdown .dropdown-item converse-icon {
    margin-top: -.1em;
    width: 1.25em;
    margin-left: .25rem;
    margin-right: .25rem;
}

.conversejs converse-emoji-dropdown .dropdown-item:active,.conversejs converse-emoji-dropdown .dropdown-item.selected,.conversejs converse-dropdown .dropdown-item:active,.conversejs converse-dropdown .dropdown-item.selected {
    background-color: var(--highlight-color);
}

.conversejs converse-emoji-dropdown .dropdown-item:hover,.conversejs converse-dropdown .dropdown-item:hover {
    background-color: var(--highlight-color-hover);
}

converse-image-picker .image-picker {
    display: inline-block;
    position: relative;
}

converse-image-picker .clear-image {
    cursor: pointer;
    z-index: 10;
    background: rgba(255,255,255,.7);
    border: none;
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
}

converse-list-filter {
    margin-bottom: 1em;
    display: block;
}

converse-list-filter .items-filter-form {
    width: 100%;
}

converse-list-filter .items-filter-form .button-group {
    padding: .2em;
}

converse-list-filter .items-filter-form converse-icon {
    padding: .25em;
}

converse-list-filter .items-filter-form .items-filter {
    width: 100%;
    font-size: calc(var(--font-size) - 2px);
    margin: .2em;
}

converse-list-filter .items-filter-form .items-filter.form-control {
    width: 100%;
}

converse-list-filter .items-filter-form select.state-type {
    font-size: calc(var(--font-size) - 2px);
    width: 100%!important;
}

.converse-overlayed .items-filter-form .button-group {
    padding: .1em;
}

.converse-overlayed .items-filter-form converse-icon {
    padding: .15em;
}

.converse-overlayed .items-filter-form .items-filter {
    width: 100%;
    font-size: calc(var(--font-size) - 4px);
    margin: .1em;
}

.converse-overlayed .items-filter-form select.state-type {
    font-size: calc(var(--font-size) - 4px);
    width: 100%!important;
}

.conversejs converse-message-versions time {
    font-weight: 700;
}

converse-spinner.vertically-centered {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
}

.vertically-centered>.spinner-grow {
    margin-top: 30%;
}

.conversejs converse-split-resize {
    cursor: col-resize;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    width: .15em!important;
}

@media (min-width:576px) {
    .conversejs.fullscreen .modal {
        --converse-modal-width: 75vw;
    }
}

@media (min-width:992px) {
    .conversejs.fullscreen .modal {
        --converse-modal-width: 50vw;
    }
}

@media (min-width:1200px) {
    .conversejs.fullscreen .modal {
        --converse-modal-width: 30vw;
    }
}

@media (min-width:576px) {
    .conversejs.fullscreen .modal-dialog {
        margin-top: 5vh;
    }
}

@media (min-width:1200px) {
    .conversejs.fullscreen .modal-dialog {
        margin-top: 10vh;
    }
}

.conversejs .modal-header {
    background-color: var(--primary-color);
    border-bottom: none;
    justify-content: space-between;
    display: flex;
}

.conversejs .modal-header.alert-danger {
    background-color: var(--error-color);
}

.conversejs .modal-header .modal-title {
    line-break: anywhere;
    color: var(--background-color);
}

.conversejs .modal-header .modal-title a {
    color: var(--background-color);
}

.conversejs .modal-header .btn {
    --converse-btn-close-bg: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.conversejs .modal-header .btn svg {
    fill: var(--background-color);
}

.conversejs .modal-header .close {
    color: var(--background-color);
}

.conversejs .modal-content {
    background-color: var(--background-color);
}

.conversejs .modal-body .row {
    margin-left: 0;
    margin-right: 0;
}

.conversejs .occupant-details li {
    margin-bottom: 1em;
}

.conversejs #converse-modals .modal .nav-item {
    margin: .25em;
}

.conversejs #converse-modals .modal .nav-item .nav-link.active {
    color: var(--background-color);
}

.conversejs #converse-modals .modal .nav-item:hover .nav-link {
    color: var(--focus-color);
    background-color: var(--background-color);
}

.conversejs #converse-modals .modal .nav-item:hover .nav-link.active {
    color: var(--background-color);
    background-color: var(--primary-color);
}

.conversejs #converse-modals .modal .modal-content {
    box-shadow: var(--raised-el-shadow);
}

.conversejs #converse-modals .modal .modal-body {
    max-height: 75vh;
    margin-bottom: 2em;
    overflow-y: auto;
}

.conversejs #converse-modals .modal .modal-body p {
    padding: .25rem 0;
    line-height: 1.5em;
}

.conversejs #converse-modals .modal .modal-body p.form-help {
    margin-bottom: .5em;
    padding: 0;
}

.conversejs #converse-modals .modal .modal-body .confirm .form-group p:first-child {
    font-size: 110%;
    font-weight: 700;
}

.conversejs #converse-modals .modal .modal-body.fit-content {
    box-sizing: content-box;
}

.conversejs #converse-modals .modal .modal-body.fit-content img {
    max-width: 90vw;
}

.conversejs #converse-modals .modal .modal-footer {
    justify-content: flex-start;
}

.conversejs #converse-modals .modal .roomid-policy-error {
    color: var(--error-color);
    font-size: var(--font-size-small);
    float: right;
}

.conversejs #converse-modals .scrollable-container {
    max-height: 45vh;
    overflow-y: auto;
}

.conversejs #converse-modals .set-xmpp-status {
    margin: 1em;
}

.conversejs #converse-modals #omemo-tabpanel {
    margin-top: 1em;
}

.conversejs #converse-modals .btn {
    font-weight: 400;
}

converse-root#conversejs converse-popover {
    margin-left: .5em;
}

.conversejs converse-toasts {
    position: fixed;
    top: 1em;
    right: 1em;
}

.conversejs converse-toasts converse-toast {
    --converse-toast-border-width: 0;
}

.conversejs converse-toasts converse-toast .toast {
    color: var(--converse-toast-color)!important;
    background-color: var(--converse-toast-bg)!important;
}

.conversejs converse-toasts converse-toast .toast.text-bg-success {
    background-color: rgba(var(--converse-success-rgb),.85)!important;
}

.conversejs converse-toasts converse-toast .toast.text-bg-danger {
    background-color: rgba(var(--converse-danger-rgb),.85)!important;
}

.conversejs converse-toasts converse-toast .toast.text-bg-info {
    background-color: rgba(var(--converse-info-rgb),.85)!important;
}

.conversejs converse-toasts converse-toast .toast {
    margin-top: 1em;
    position: relative;
}

.conversejs converse-toasts converse-toast .toast:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

.conversejs converse-toasts converse-toast .toast:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

.conversejs converse-toasts converse-toast .toast:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

.conversejs converse-toasts converse-toast .toast:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

.conversejs converse-toasts converse-toast .toast:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

.conversejs converse-toasts converse-toast .toast:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

.conversejs converse-toasts converse-toast .toast .toast-header img {
    height: 1.5em;
}

.conversejs converse-toasts converse-toast .toast .toast-body__container .fa-times svg {
    fill: var(--converse-toast-color);
}

.conversejs [hidden] {
    display: none;
}

.conversejs .visually-hidden {
    clip: rect(0,0,0,0);
    position: absolute;
}

.conversejs .form-group .suggestion-box {
    width: 100%;
}

.conversejs .suggestion-box {
    position: relative;
}

.conversejs .suggestion-box mark {
    background: var(--completion-light-color);
}

.conversejs .suggestion-box>input {
    display: block;
}

.conversejs .suggestion-box .suggestion-box__results:before,.conversejs .suggestion-box>ul:before {
    content: "";
    background: var(--background-color);
    border: inherit;
    z-index: -1;
    border-bottom: 0;
    width: 0;
    height: 0;
    padding: .4em;
    position: absolute;
    top: -.43em;
    left: 1em;
    transform: rotate(45deg);
}

.conversejs .suggestion-box .suggestion-box__results:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    border-right: 0;
}

.conversejs .suggestion-box .suggestion-box__results:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    border-right: 0;
}

.conversejs .suggestion-box .suggestion-box__results:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    border-right: 0;
}

.conversejs .suggestion-box>ul:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    border-right: 0;
}

.conversejs .suggestion-box>ul:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    border-right: 0;
}

.conversejs .suggestion-box>ul:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before {
    border-right: 0;
}

.conversejs .suggestion-box .suggestion-box__results:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    border-left: 0;
}

.conversejs .suggestion-box .suggestion-box__results:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    border-left: 0;
}

.conversejs .suggestion-box .suggestion-box__results:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    border-left: 0;
}

.conversejs .suggestion-box>ul:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    border-left: 0;
}

.conversejs .suggestion-box>ul:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    border-left: 0;
}

.conversejs .suggestion-box>ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
    border-left: 0;
}

.conversejs .suggestion-box .suggestion-box__results,.conversejs .suggestion-box>ul {
    border: .15em solid var(--secondary-color);
    box-sizing: border-box;
    min-width: 100%;
    text-shadow: none;
    z-index: 2;
    border-radius: .3em;
    margin: .2em 0 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: .05em .2em .6em rgba(0,0,0,.1);
}

.conversejs .suggestion-box .suggestion-box__results>li,.conversejs .suggestion-box>ul>li {
    background: var(--background-color);
    color: var(--text-color);
    cursor: pointer;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1em;
    display: block;
    position: relative;
    overflow-x: hidden;
}

.conversejs .suggestion-box .suggestion-box__results>li:hover mark,.conversejs .suggestion-box>ul>li:hover mark {
    background-color: unset;
    color: var(--converse-highlight-color);
}

.conversejs .suggestion-box .suggestion-box__results>li mark,.conversejs .suggestion-box>ul>li mark {
    padding: 0;
}

.conversejs .suggestion-box .suggestion-box__results--below {
    top: 3em;
}

.conversejs .suggestion-box .suggestion-box__results--above {
    bottom: 4.5em;
}

.conversejs .suggestion-box .suggestion-box__results--above:before {
    display: none;
}

.conversejs .suggestion-box .suggestion-box__results--above:after {
    z-index: -1;
    content: "";
    background: var(--background-color);
    border: inherit;
    border-top: 0;
    width: 0;
    height: 0;
    padding: .4em;
    position: absolute;
    bottom: -.43em;
    left: 1em;
    transform: rotate(45deg);
}

.conversejs .suggestion-box .suggestion-box__results--above:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after {
    border-left: 0;
}

.conversejs .suggestion-box .suggestion-box__results--above:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after {
    border-left: 0;
}

.conversejs .suggestion-box .suggestion-box__results--above:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after {
    border-left: 0;
}

.conversejs .suggestion-box .suggestion-box__results--above:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after {
    border-right: 0;
}

.conversejs .suggestion-box .suggestion-box__results--above:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after {
    border-right: 0;
}

.conversejs .suggestion-box .suggestion-box__results--above:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after {
    border-right: 0;
}

.conversejs .suggestion-box>ul[hidden],.conversejs .suggestion-box>ul:empty {
    display: none;
}

@supports (transform:scale(0)) {
    .conversejs .suggestion-box>ul {
        transform-origin: 1.43em -.43em;
        transition: all .3s cubic-bezier(.4,.2,.5,1.4);
    }

    .conversejs .suggestion-box>ul[hidden],.conversejs .suggestion-box>ul:empty {
        opacity: 0;
        transition-timing-function: ease;
        display: block;
        transform: scale(0);
    }
}

.conversejs .suggestion-box>ul>li[aria-selected=true] {
    background: var(--highlight-color);
    color: var(--foreground-color);
}

.conversejs .suggestion-box li:hover mark {
    background: var(--secondary-color-hover);
    color: var(--link-color);
}

.conversejs.converse-fullscreen .suggestion-box__results--above {
    bottom: 4.5em;
}

.conversejs.converse-overlayed .suggestion-box__results--above {
    bottom: 3.5em;
}

converse-avatar {
    background: 0 0;
    border: 0;
}

converse-avatar.avatar-muc:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-avatar.avatar-muc:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-avatar.avatar-muc:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-avatar.avatar-muc:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-avatar.avatar-muc:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-avatar.avatar-muc:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-avatar.modal-avatar {
    margin-bottom: 1em;
    display: flex;
}

converse-avatar .avatar {
    border-radius: var(--avatar-border-radius);
}

converse-avatar .avatar-initials {
    color: #fff;
    border-radius: var(--avatar-border-radius);
    text-align: center;
    display: inline-block;
}

converse-muc-occupant-modal .text-occupant-id {
    font-size: .75rem;
}

converse-modtools converse-icon svg {
    fill: var(--link-color);
}

.conversejs #controlbox .bookmarks-toggle,.conversejs #controlbox .bookmarks-toggle .fa {
    color: var(--muc-color)!important;
}

.conversejs #controlbox .bookmarks-toggle:hover,.conversejs #controlbox .bookmarks-toggle .fa:hover {
    color: var(--muc-color-hover)!important;
}

converse-bookmarks .list-item-link {
    padding: 0 1em;
}

converse-bookmarks .available-chatroom:hover .list-item-action {
    opacity: 1!important;
}

converse-bookmarks .available-chatroom:hover .list-item-action converse-icon svg {
    fill: var(--muc-color);
}

.conversejs converse-chats.converse-overlayed>.row {
    flex-direction: row-reverse;
}

.conversejs converse-chats.converse-overlayed.converse-chatboxes {
    z-index: 1031;
    position: fixed;
    bottom: 0;
    right: 0;
}

.conversejs converse-chats.converse-fullscreen {
    flex-wrap: nowrap;
}

.conversejs converse-chats.converse-fullscreen.converse-chatboxes {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.conversejs converse-chats.converse-embedded {
    width: 100%;
    height: 100%;
    position: relative;
    bottom: auto;
    right: auto;
}

.conversejs converse-chats.converse-embedded.converse-chatboxes {
    z-index: 1031;
    position: inherit;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    bottom: auto;
}

@media (max-width:575.98px) {
    .conversejs converse-chats {
        width: 100%;
    }
}

converse-message-actions:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

converse-message-actions:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

converse-message-actions:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

converse-message-actions:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

converse-message-actions:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

converse-message-actions:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

converse-message-actions .chat-msg__actions .dropdown-menu {
    min-width: 5rem;
}

converse-message-actions .chat-msg__actions i {
    color: var(--foreground-color);
    font-size: 70%;
}

converse-message-actions .chat-msg__actions button {
    color: var(--foreground-color);
    background: 0 0;
    border: none;
    padding: 0 .25em;
}

converse-message-actions .chat-msg__actions .btn--standalone {
    opacity: 0;
    margin-top: -.2em;
}

converse-message-actions .chat-msg__actions .btn--standalone:focus {
    opacity: 1;
}

converse-message-actions .chat-msg__actions .chat-msg__action {
    white-space: nowrap;
    width: 100%;
    padding: .5em 1em;
}

converse-message-actions .chat-msg__actions .chat-msg__action:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-message-actions .chat-msg__actions .chat-msg__action:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-message-actions .chat-msg__actions .chat-msg__action:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

converse-message-actions .chat-msg__actions .chat-msg__action:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-message-actions .chat-msg__actions .chat-msg__action:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-message-actions .chat-msg__actions .chat-msg__action:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

converse-message-actions .chat-msg__actions .chat-msg__action converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .25em;
}

converse-message-actions .chat-msg__actions .chat-msg__action converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .25em;
}

converse-message-actions .chat-msg__actions .chat-msg__action converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .25em;
}

converse-message-actions .chat-msg__actions .chat-msg__action converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .25em;
}

converse-message-actions .chat-msg__actions .chat-msg__action converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .25em;
}

converse-message-actions .chat-msg__actions .chat-msg__action converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .25em;
}

converse-message-actions .chat-msg__actions .chat-msg__action:hover {
    color: var(--text-color);
    background-color: var(--secondary-color);
}

converse-image-modal .chat-image--modal {
    max-width: 100%;
    max-height: 99%;
}

.conversejs .audio-element figcaption {
    padding-bottom: .5em;
}

.conversejs .audio-element figcaption:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs .audio-element figcaption:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs .audio-element figcaption:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs .audio-element figcaption:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs .audio-element figcaption:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs .audio-element figcaption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

converse-gif {
    display: block;
}

img.gif {
    visibility: hidden;
}

.gif-canvas {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.gifcontrol {
    cursor: pointer;
    z-index: 100;
    transition: background .25s ease-in-out;
    display: contents;
    position: relative;
}

.gifcontrol:after {
    content: "";
    transition: background .25s ease-in-out;
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}

.gifcontrol.loading {
    background: rgba(255,255,255,.75);
}

.gifcontrol.loading:after {
    background: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.gifcontrol.playing:after {
    opacity: 0;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    width: 50px;
    height: 50px;
    transition: opacity .25s ease-in-out;
}

.gifcontrol.playing:hover:after {
    opacity: 1;
}

.gifcontrol.paused {
    background: rgba(255,255,255,.5);
}

.gifcontrol.paused:after {
    border: 25px solid transparent;
    border-left: 50px solid #fff;
    border-right-width: 0;
    width: 0;
    height: 0;
}

converse-chat-message-body {
    overflow-y: hidden;
}

converse-chat-message-body:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-chat-message-body:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-chat-message-body:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-chat-message-body:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-chat-message-body:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-chat-message-body:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-chat-message-body audio {
    max-width: 95%;
    display: block;
}

converse-chat-message-body video {
    max-height: 30em;
    display: block;
}

@media (max-width:575.98px) {
    converse-chat-message-body video {
        max-width: 95%;
    }
}

@media (min-width:768px) {
    converse-chat-message-body video {
        max-width: 70%;
    }
}

.converse-overlayed converse-chat-message-body audio,.converse-overlayed converse-chat-message-body video {
    max-width: 100%;
    display: block;
}

.conversejs converse-user-details-modal .nav-pills {
    margin-bottom: 1em;
}

.conversejs converse-user-details-modal .badge-roster-group {
    background-color: var(--chat-color);
}

.conversejs converse-user-details-modal #profile-tabpanel label {
    color: var(--secondary-color);
}

.conversejs converse-user-details-modal #profile-tabpanel label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-user-details-modal #profile-tabpanel label:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-user-details-modal #profile-tabpanel label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-user-details-modal #profile-tabpanel label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-user-details-modal #profile-tabpanel label:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-user-details-modal #profile-tabpanel label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-user-details-modal .remove-contact:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-user-details-modal .remove-contact:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-user-details-modal .remove-contact:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-user-details-modal .remove-contact:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-user-details-modal .remove-contact:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-user-details-modal .remove-contact:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-message-unfurl .card {
    background-color: var(--background-color);
}

.conversejs converse-message-unfurl .card.card--unfurl .card-body .card-title {
    font-size: 95%;
    font-weight: 700;
}

.conversejs converse-message-unfurl .card.card--unfurl .card-text converse-rich-text {
    font-size: 90%;
}

.conversejs converse-chats.converse-embedded .message .card--unfurl,.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
    margin: .5em 0;
}

@media (max-width:575.98px) {
    .conversejs converse-chats.converse-embedded .message .card--unfurl,.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
        max-width: 95%;
    }
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-embedded .message .card--unfurl,.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
        max-width: 75%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-embedded .message .card--unfurl,.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
        max-width: 60%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-embedded .message .card--unfurl,.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
        max-width: 30%;
    }
}

.conversejs converse-chats.converse-overlayed .message .card--unfurl {
    max-width: 95%;
    margin: .5em 0;
}

converse-chat-message .message.chat-msg--retracted .chat-msg__message {
    color: var(--secondary-color);
}

converse-chat-content {
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
    display: flex;
    overflow: auto;
}

.conversejs .chatbox img.emoji {
    vertical-align: -.1em;
    width: 1.2em;
    height: 1.2em;
    margin: 0 .05em 0 .1em;
}

.conversejs .chatbox .chat-message-form .toggle-smiley a.toggle-smiley {
    padding: 0;
}

.conversejs .chatbox converse-emoji-dropdown {
    display: inline-block;
}

.conversejs .chatbox converse-emoji-dropdown .dropdown-menu {
    padding: 0;
    width: auto!important;
}

.conversejs .chatbox converse-emoji-picker {
    background-color: var(--background-color);
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    overflow-y: hidden;
}

.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content {
    width: 100%;
}

.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists {
    background-color: var(--background-color);
    flex-direction: column;
    width: 100%;
    height: 8em;
    display: flex;
    overflow-y: auto;
}

.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-category__heading {
    clear: both;
    color: var(--secondary-color);
    cursor: auto;
    font-size: var(--font-size);
    margin: 0;
    padding: .75em 0 0 .5em;
    display: block;
}

.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-lists__container {
    background-color: var(--background-color);
    overflow-x: hidden;
}

.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-picker li {
    float: left;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker {
    color: var(--secondary-color);
    background-color: var(--background-color);
    width: 100%;
    font-size: var(--font-size);
    padding: .5em 0 .5em .5em;
    display: flex;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul {
    flex-flow: wrap;
    display: flex;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul li {
    padding: 0 .25em;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker {
    background-color: var(--background-color);
    padding: .5em 0 0 .5em;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker:last-child {
    padding-bottom: .5em;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li {
    height: calc(var(--font-size-huge)*1.5);
    width: calc(var(--font-size-huge)*1.5);
    list-style: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji {
    text-align: center;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji.selected a {
    background-color: var(--secondary-color);
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji img {
    height: var(--font-size-huge);
    width: var(--font-size-huge);
    vertical-align: baseline;
    margin: 0 auto;
    display: inline-block;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji a {
    font-size: var(--font-size-huge);
    line-height: calc(var(--font-size-huge)*1.5);
    height: calc(var(--font-size-huge)*1.5);
    width: calc(var(--font-size-huge)*1.5);
    display: inline-block;
    overflow: hidden;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji a:hover {
    background-color: var(--secondary-color);
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header {
    background-color: var(--background-color);
    flex-direction: column;
    width: 100%;
    padding: .1em 0;
    display: flex;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header .emoji-search {
    width: auto;
    height: 2em;
    font-size: var(--font-size-small);
    margin: 1em .25em .5em;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul {
    flex-direction: row;
    display: flex;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category {
    font-size: var(--font-size-huge);
    padding: .25em 0;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category.picked a {
    background-color: var(--heading-color);
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category.selected a,.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category:hover a {
    background-color: var(--secondary-color);
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category a {
    padding: .25em;
    display: inline-block;
}

.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category img {
    height: var(--font-size-huge);
    width: var(--font-size-huge);
}

.conversejs .chatroom converse-emoji-picker,.conversejs .chatroom converse-emoji-picker .emoji-skintone-picker,.conversejs .chatroom converse-emoji-picker .emoji-picker__header {
    background-color: var(--background-color);
}

.conversejs converse-chats.converse-overlayed converse-emoji-dropdown .dropdown-menu {
    min-width: 18em;
}

.conversejs converse-chats.converse-overlayed .chatbox .emoji-picker__header .emoji-category img {
    height: var(--font-size)!important;
    width: var(--font-size)!important;
}

.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker .insert-emoji a {
    font-size: var(--font-size);
    line-height: calc(var(--font-size)*1.5);
    height: calc(var(--font-size)*1.5);
    width: calc(var(--font-size)*1.5);
    padding: 0;
}

.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker .insert-emoji img {
    height: var(--font-size);
    width: var(--font-size);
}

.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-skintone-picker,.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker__header .emoji-category {
    font-size: var(--font-size-small);
}

.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker__lists {
    height: 7em;
}

.conversejs converse-chats.converse-embedded converse-emoji-dropdown .dropdown-menu {
    min-width: 20em;
}

.conversejs converse-chats.converse-fullscreen .chatbox converse-emoji-dropdown .dropdown-menu {
    min-width: 12em;
}

.conversejs converse-chats.converse-fullscreen .chatbox converse-emoji-dropdown converse-emoji-picker .emoji-picker__lists {
    height: 12em;
}

.conversejs .chatbox converse-emoji-picker {
    max-width: 40em;
}

.conversejs converse-chat-toolbar {
    justify-content: space-between!important;
}

.conversejs converse-chat-toolbar converse-message-limit-indicator {
    padding: .75em .5em;
}

.conversejs converse-chat-toolbar .send-button {
    color: var(--background-color);
    border-radius: 0;
}

.conversejs converse-chat-toolbar .btn-toolbar {
    background-color: var(--background-color);
    box-sizing: border-box;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1px;
}

.conversejs converse-chat-toolbar .btn-toolbar .btn {
    padding: .25em .5em!important;
}

.conversejs converse-chat-toolbar .btn-toolbar .fa,.conversejs converse-chat-toolbar .btn-toolbar .fa:hover,.conversejs converse-chat-toolbar .btn-toolbar .far,.conversejs converse-chat-toolbar .btn-toolbar .far:hover,.conversejs converse-chat-toolbar .btn-toolbar .fas,.conversejs converse-chat-toolbar .btn-toolbar .fas:hover {
    color: var(--background-color);
    font-size: var(--font-size-large);
}

.conversejs converse-chat-toolbar .btn-toolbar .fa svg,.conversejs converse-chat-toolbar .btn-toolbar .fa:hover svg,.conversejs converse-chat-toolbar .btn-toolbar .far svg,.conversejs converse-chat-toolbar .btn-toolbar .far:hover svg,.conversejs converse-chat-toolbar .btn-toolbar .fas svg,.conversejs converse-chat-toolbar .btn-toolbar .fas:hover svg {
    fill: var(--background-color);
}

.conversejs converse-chat-toolbar .btn-toolbar .unencrypted a,.conversejs converse-chat-toolbar .btn-toolbar .unencrypted {
    color: var(--text-color);
}

.conversejs .chatbox .send-button {
    background-color: var(--chat-color);
}

.conversejs .chatroom .send-button {
    background-color: var(--muc-color);
}

.conversejs .chatbox converse-chat-toolbar {
    color: var(--chat-color);
    background-color: var(--background-color);
}

.conversejs .chatbox converse-chat-toolbar .message-limit,.conversejs .chatbox converse-chat-toolbar .fas,.conversejs .chatbox converse-chat-toolbar .fas:hover,.conversejs .chatbox converse-chat-toolbar .far,.conversejs .chatbox converse-chat-toolbar .far:hover,.conversejs .chatbox converse-chat-toolbar .fa,.conversejs .chatbox converse-chat-toolbar .fa:hover {
    color: var(--chat-color);
}

.conversejs .chatbox converse-chat-toolbar .message-limit svg,.conversejs .chatbox converse-chat-toolbar .message-limit svg:hover,.conversejs .chatbox converse-chat-toolbar .fas svg,.conversejs .chatbox converse-chat-toolbar .fas svg:hover,.conversejs .chatbox converse-chat-toolbar .fas:hover svg,.conversejs .chatbox converse-chat-toolbar .fas:hover svg:hover,.conversejs .chatbox converse-chat-toolbar .far svg,.conversejs .chatbox converse-chat-toolbar .far svg:hover,.conversejs .chatbox converse-chat-toolbar .far:hover svg,.conversejs .chatbox converse-chat-toolbar .far:hover svg:hover,.conversejs .chatbox converse-chat-toolbar .fa svg,.conversejs .chatbox converse-chat-toolbar .fa svg:hover,.conversejs .chatbox converse-chat-toolbar .fa:hover svg,.conversejs .chatbox converse-chat-toolbar .fa:hover svg:hover {
    fill: var(--chat-color);
}

.conversejs .chatbox converse-chat-toolbar button:focus {
    outline-color: var(--chat-color)!important;
}

.conversejs .chatbox converse-chat-toolbar button:disabled .fa,.conversejs .chatbox converse-chat-toolbar button:disabled .fa:hover {
    color: var(--disabled-color);
}

.conversejs .chatbox converse-chat-toolbar button:disabled .fa svg,.conversejs .chatbox converse-chat-toolbar button:disabled .fa svg:hover {
    fill: var(--disabled-color);
}

.conversejs .chatroom converse-chat-toolbar {
    color: var(--muc-color);
}

.conversejs .chatroom converse-chat-toolbar .fas,.conversejs .chatroom converse-chat-toolbar .fas:hover,.conversejs .chatroom converse-chat-toolbar .far,.conversejs .chatroom converse-chat-toolbar .far:hover,.conversejs .chatroom converse-chat-toolbar .fa,.conversejs .chatroom converse-chat-toolbar .fa:hover {
    color: var(--muc-color);
    font-size: var(--font-size-large);
}

.conversejs .chatroom converse-chat-toolbar .fas svg,.conversejs .chatroom converse-chat-toolbar .fas:hover svg,.conversejs .chatroom converse-chat-toolbar .far svg,.conversejs .chatroom converse-chat-toolbar .far:hover svg,.conversejs .chatroom converse-chat-toolbar .fa svg,.conversejs .chatroom converse-chat-toolbar .fa:hover svg {
    fill: var(--muc-color);
}

.conversejs .chatroom converse-chat-toolbar button:focus {
    outline-color: var(--muc-color)!important;
}

.conversejs .chatroom converse-chat-toolbar button:disabled .fa,.conversejs .chatroom converse-chat-toolbar button:disabled .fa:hover {
    color: var(--disabled-color);
}

.conversejs .chatroom converse-chat-toolbar button:disabled .fa svg,.conversejs .chatroom converse-chat-toolbar button:disabled .fa svg:hover {
    fill: var(--disabled-color);
}

.conversejs .chatbox .chat-head {
    flex-direction: row;
    margin: 0;
    padding: 0;
    font-size: 100%;
    display: flex;
    position: relative;
}

.conversejs .chatbox .chat-head.chat-head-chatbox {
    background-color: var(--chat-header-bg-color);
    border-bottom: .15em solid var(--chat-color);
}

.conversejs .chatbox .chat-head .avatar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .chatbox .chat-head .avatar:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .chatbox .chat-head .avatar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs .chatbox .chat-head .avatar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .chatbox .chat-head .avatar:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .chatbox .chat-head .avatar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs .chatbox .chat-head .show-msg-author-modal {
    color: var(--chat-header-fg-color)!important;
}

.conversejs .chatbox .chat-head .chat-head__desc {
    color: var(--chat-header-bg-color);
    font-size: var(--font-size-small);
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    padding: .5rem 1rem;
    overflow: hidden;
}

.conversejs .chatbox .chat-head .chatbox-title {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: .75rem 1rem 0;
    display: flex;
}

.conversejs .chatbox .chat-head .chatbox-title--no-desc {
    padding: .75rem 1rem;
}

.conversejs .chatbox .chat-head .chatbox-title--row {
    flex-direction: row;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.conversejs .chatbox .chat-head .chatbox-title__text {
    color: var(--chat-header-bg-color);
    text-overflow: ellipsis;
    overflow: hidden;
}

.conversejs .chatbox .chat-head .chatbox-title__buttons {
    flex-flow: row-reverse;
}

.conversejs .chatbox .chat-head .chatbox-btn:active {
    position: relative;
    top: 1px;
}

.conversejs .chatbox .chat-head converse-dropdown .dropdown-menu converse-icon svg {
    fill: var(--chat-color);
}

.conversejs .chatbox .chat-head .chatbox-btn converse-icon svg {
    fill: var(--chat-header-fg-color);
}

.conversejs .chatbox .bottom-panel .chat-content-sendbutton {
    height: calc(100% - (var(--chat-textarea-height) + var(--send-button-height) + 2*var(--send-button-margin)));
}

.conversejs .chatbox .bottom-panel .chat-message-form {
    border-top: .25em solid var(--chat-color);
    border-bottom: 0;
    border-bottom-radius: var(--chatbox-border-radius);
    background-clip: padding-box;
    background-color: var(--background-color);
    margin: 0;
    padding: 0;
    border-right: 0!important;
}

.conversejs .chatbox .bottom-panel .chat-message-form:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-left: 0;
    border-right: .25em solid var(--chat-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-left: 0;
    border-right: .25em solid var(--chat-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-left: 0;
    border-right: .25em solid var(--chat-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-right: 0;
    border-left: .25em solid var(--chat-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-right: 0;
    border-left: .25em solid var(--chat-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-right: 0;
    border-left: .25em solid var(--chat-color);
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .bottom-panel .chat-message-form {
        width: 100%;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .bottom-panel .chat-message-form {
        width: 100%;
    }
}

.conversejs .chatbox .bottom-panel .chat-message-form .suggestion-box__results:after {
    display: none;
}

.conversejs .chatbox .bottom-panel .chat-message-form .spoiler-hint {
    width: 100%;
    color: var(--foreground-color);
    background-color: var(--background-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea,.conversejs .chatbox .bottom-panel .chat-message-form input {
    outline: 1px solid var(--background-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea:active,.conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea:focus,.conversejs .chatbox .bottom-panel .chat-message-form input:active,.conversejs .chatbox .bottom-panel .chat-message-form input:focus {
    outline-width: 2px;
}

.conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea.correcting,.conversejs .chatbox .bottom-panel .chat-message-form input.correcting {
    background-color: var(--chat-correcting-color);
}

.conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea {
    color: var(--foreground-color);
    background-color: var(--background-color);
    border-bottom-radius: var(--chatbox-border-radius);
    field-sizing: content;
    width: 100%;
    min-height: var(--chat-textarea-height);
    resize: none;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -4px;
    padding: .5em;
}

.conversejs .chatbox .bottom-panel .chat-message-form .chat-textarea.spoiler {
    height: 42px;
}

.conversejs .chatbox:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .chatbox:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .chatbox:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .chatbox:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .chatbox:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .chatbox:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

@media screen and (max-height:450px) {
    .conversejs .chatbox {
        width: var(--mobile-chat-width);
        margin: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox {
        width: var(--mobile-chat-width);
        margin: 0;
    }
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .flyout {
        border-radius: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .flyout {
        border-radius: 0;
    }
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .flyout {
        bottom: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .flyout {
        bottom: 0;
    }
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .box-flyout {
        height: var(--mobile-chat-height);
        width: var(--mobile-chat-width);
        height: var(--fullpage-chat-height);
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .box-flyout {
        height: var(--mobile-chat-height);
        width: var(--mobile-chat-width);
        height: var(--fullpage-chat-height);
    }
}

.conversejs .chatbox .chat-title.groupchat:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs .chatbox .chat-title.groupchat:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs .chatbox .chat-title.groupchat:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs .chatbox .chat-title.groupchat:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs .chatbox .chat-title.groupchat:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs .chatbox .chat-title.groupchat:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .chat-body {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .chat-body {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 1em;
}

.conversejs converse-chats.converse-embedded .controlbox-head,.conversejs converse-chats.converse-overlayed .controlbox-head {
    padding: .5em;
}

.conversejs converse-chats.converse-embedded .chat-head,.conversejs converse-chats.converse-overlayed .chat-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.conversejs converse-chats.converse-embedded .chatbox,.conversejs converse-chats.converse-overlayed .chatbox,.conversejs converse-chats.converse-embedded .chatbox .box-flyout,.conversejs converse-chats.converse-overlayed .chatbox .box-flyout {
    width: var(--overlayed-chat-width);
    min-width: var(--overlayed-chat-width)!important;
}

.conversejs converse-chats.converse-overlayed .chat-head,.conversejs converse-chats.converse-overlayed .box-flyout {
    border-top-left-radius: var(--chatbox-border-radius);
    border-top-right-radius: var(--chatbox-border-radius);
}

@media screen and (max-height:450px) {
    .conversejs converse-chats.converse-overlayed .chat-head,.conversejs converse-chats.converse-overlayed .box-flyout {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs converse-chats.converse-overlayed .chat-head,.conversejs converse-chats.converse-overlayed .box-flyout {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.conversejs converse-chats.converse-overlayed .flyout {
    bottom: var(--overlayed-chatbox-hover-height);
}

.conversejs converse-chats.converse-overlayed .box-flyout {
    height: var(--overlayed-chat-height);
    min-height: calc(var(--overlayed-chat-height)/2);
}

.conversejs converse-chats.converse-overlayed .minimized-chats-flyout .chat-head {
    cursor: default;
}

.conversejs converse-chats.converse-overlayed .chat-textarea {
    max-height: var(--overlayed-max-chat-textarea-height);
}

.conversejs converse-chats.converse-overlayed .chatbox .chat-body {
    height: calc(100% - var(--overlayed-chat-head-height));
}

.conversejs converse-chats.converse-overlayed .chatbox .chatbox-title {
    padding: .5rem .75rem 0;
}

.conversejs converse-chats.converse-overlayed .chatbox .chatbox-title--no-desc {
    padding: .5rem .75rem;
}

@media (max-width:575.98px) {
    .conversejs.converse-overlayed>.row {
        flex-direction: column;
    }
}

.conversejs converse-chats.converse-embedded .flyout,.conversejs converse-chats.converse-fullscreen .flyout {
    border: none;
    border-radius: 0;
    bottom: 0;
}

.conversejs converse-chats.converse-embedded .chatbox .box-flyout,.conversejs converse-chats.converse-fullscreen .chatbox .box-flyout {
    box-shadow: none;
    overflow: hidden;
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
        flex: none;
        width: 66.6667%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
        flex: none;
        width: 75%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
        flex: none;
        width: 83.3333%;
    }
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox:not(#controlbox) .box-flyout {
        flex: none;
        width: 66.6667%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox:not(#controlbox) .box-flyout {
        flex: none;
        width: 75%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox:not(#controlbox) .box-flyout {
        flex: none;
        width: 83.3333%;
    }
}

.conversejs converse-chats.converse-embedded .chat-head {
    font-size: var(--font-size-huge);
}

.conversejs converse-chats.converse-embedded .chatbox .box-flyout {
    width: 100%;
    min-width: auto;
    height: 100%;
    bottom: 0;
}

.conversejs converse-chats.converse-embedded .chat-textarea {
    max-height: var(--fullpage-max-chat-textarea-height);
}

.conversejs converse-chats.converse-fullscreen .chatbox-btn {
    font-size: var(--fullpage-chatbox-button-size);
}

.conversejs converse-chats.converse-fullscreen .chat-head {
    font-size: var(--font-size-huge);
}

.conversejs converse-chats.converse-fullscreen .chat-textarea {
    max-height: var(--fullpage-max-chat-textarea-height);
}

.conversejs converse-chats.converse-fullscreen .chatbox .box-flyout {
    box-shadow: none;
    height: var(--fullpage-chat-height);
    min-height: calc(var(--fullpage-chat-height)/2);
    width: var(--fullpage-chat-width);
    overflow: hidden;
}

.conversejs converse-chats.converse-fullscreen .chatbox .chat-body {
    height: inherit;
    background-color: var(--background-color);
    overflow: hidden;
}

.conversejs converse-chats.converse-fullscreen .chatbox .chat-title {
    font-size: var(--font-size-huge);
    line-height: var(--line-height-huge);
}

.conversejs converse-chats.converse-fullscreen .chatbox .chat-message-form ul {
    width: 100%;
}

@media (max-width:767.98px) {
    .conversejs converse-chats:not(.converse-embedded)>.row {
        flex-direction: row-reverse;
    }

    .conversejs converse-chats:not(.converse-embedded) converse-login-form .converse-form {
        padding: 3em 2em;
    }

    .conversejs converse-chats:not(.converse-embedded) .chatbox {
        width: calc(100% - 50px);
    }

    .conversejs converse-chats:not(.converse-embedded) .chatbox .row .box-flyout {
        height: var(--fullpage-chat-height);
        box-shadow: none;
        bottom: 0;
        left: 50px;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback,.conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback {
        margin: auto 0;
        display: flex;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-right: 1em;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-right: 1em;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-right: 1em;
    }

    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-right: 1em;
    }

    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-right: 1em;
    }

    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-right: 1em;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-left: 1em;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-left: 1em;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-left: 1em;
    }

    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-left: 1em;
    }

    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-left: 1em;
    }

    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-left: 1em;
    }

    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback .fa-arrow-left svg,.conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback .fa-arrow-left svg {
        fill: var(--chat-header-fg-color);
    }
}

.converse-fullscreen .conversejs #controlbox converse-login-form {
    background-color: rgba(var(--background-color-rgb),.9);
}

.conversejs #controlbox converse-login-form .btn {
    color: var(--button-text-color);
}

.conversejs #controlbox converse-login-form .login-anon {
    white-space: normal;
    height: auto;
}

.conversejs #controlbox converse-login-form .conn-feedback {
    text-align: center;
    width: 100%;
}

.conversejs #controlbox converse-login-form .login-trusted .form-check-input {
    margin-top: .35em;
}

.conversejs #controlbox converse-login-form .addon {
    background-color: var(--background-color-rgb);
}

.conversejs #controlbox converse-login-form {
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0;
}

.conversejs #controlbox .toggle-register-login {
    font-weight: 700;
}

.conversejs #controlbox .controlbox-pane .switch-form {
    color: var(--subdued-color);
    text-align: center;
    padding: 2em 0;
}

.conversejs converse-chats.converse-overlayed #controlbox converse-login-form fieldset {
    margin-bottom: .5em;
}

.conversejs converse-chats.converse-overlayed #controlbox converse-brand-logo {
    padding-bottom: 1em;
}

.conversejs converse-chats.converse-overlayed #controlbox .login-trusted {
    white-space: nowrap;
    margin: 1em 0;
    font-size: 90%;
}

.conversejs converse-chats.converse-overlayed #controlbox #converse-login-trusted {
    margin-top: .5em;
}

.conversejs converse-chats.converse-overlayed #controlbox converse-registration-form,.conversejs converse-chats.converse-overlayed #controlbox converse-login-form {
    flex: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.conversejs converse-chats.converse-overlayed #controlbox #converse-register .button-cancel {
    font-size: 90%;
}

.conversejs converse-chats.converse-embedded #controlbox .toggle-register-login,.conversejs converse-chats.converse-fullscreen #controlbox .toggle-register-login {
    line-height: var(--line-height-huge);
}

.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo {
    padding-bottom: 1em;
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo {
        padding-bottom: 2em;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo {
        padding-bottom: 5em;
    }
}

.conversejs converse-chats.converse-embedded #controlbox converse-footer,.conversejs converse-chats.converse-fullscreen #controlbox converse-footer {
    display: none;
}

@media (min-width:576px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-footer,.conversejs converse-chats.converse-fullscreen #controlbox converse-footer {
        display: block;
    }
}

.conversejs converse-chats.converse-embedded #controlbox converse-footer,.conversejs converse-chats.converse-fullscreen #controlbox converse-footer {
    z-index: 100;
    text-align: center;
    background-color: rgba(var(--background-color-rgb),.9);
    font-size: 90%;
}

.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
    display: block;
}

.conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
    margin: auto;
    padding: 1em;
}

@media (min-width:576px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
        padding: 3em 2em;
    }
}

.conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y);
    flex: none;
    width: 66.6667%;
}

@media (min-width:576px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
        flex: none;
        width: 66.6667%;
    }
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
        flex: none;
        width: 66.6667%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
        flex: none;
        width: 33.3333%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-registration-form,.conversejs converse-chats.converse-embedded #controlbox converse-login-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form {
        flex: none;
        width: 33.3333%;
    }
}

.conversejs converse-chats.converse-embedded #controlbox converse-registration-form .title,.conversejs converse-chats.converse-embedded #controlbox converse-registration-form .instructions,.conversejs converse-chats.converse-embedded #controlbox converse-login-form .title,.conversejs converse-chats.converse-embedded #controlbox converse-login-form .instructions,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form .title,.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form .instructions,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form .title,.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form .instructions {
    margin: .5em 0;
}

.conversejs converse-chats.converse-embedded #controlbox converse-registration-form input[type=submit] {
    width: auto;
}

.conversejs converse-chats.converse-embedded #controlbox converse-registration-form input[type=button] {
    width: auto;
}

.conversejs converse-chats.converse-embedded #controlbox converse-login-form input[type=submit] {
    width: auto;
}

.conversejs converse-chats.converse-embedded #controlbox converse-login-form input[type=button] {
    width: auto;
}

.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form input[type=submit] {
    width: auto;
}

.conversejs converse-chats.converse-fullscreen #controlbox converse-registration-form input[type=button] {
    width: auto;
}

.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form input[type=submit] {
    width: auto;
}

.conversejs converse-chats.converse-fullscreen #controlbox converse-login-form input[type=button] {
    width: auto;
}

.conversejs converse-controlbox-buttons .btn-toolbar {
    justify-content: flex-end;
}

.conversejs converse-controlbox-buttons .btn-toolbar .controlbox-heading__btn {
    cursor: pointer;
    margin: .75em 0 var(--inline-action-margin)0;
    text-align: center;
    padding: 0 0 0 .75em;
    font-size: 1em;
}

.conversejs converse-controlbox-buttons .btn-toolbar .controlbox-heading__btn converse-icon svg {
    fill: var(--controlbox-color);
}

.conversejs .room-info {
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
}

.conversejs .room-info li.room-info {
    display: block;
}

.conversejs .room-info li.room-info:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 5px;
}

.conversejs .room-info li.room-info:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 5px;
}

.conversejs .room-info li.room-info:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 5px;
}

.conversejs .room-info li.room-info:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 5px;
}

.conversejs .room-info li.room-info:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 5px;
}

.conversejs .room-info li.room-info:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 5px;
}

.conversejs .room-info p.room-info {
    line-height: var(--line-height);
    white-space: normal;
    margin: 0;
    display: block;
}

.conversejs div.room-info {
    clear: left;
    width: 100%;
    padding: .3em 0;
}

.conversejs #controlbox {
    color: var(--foreground-color);
    order: -1;
}

.conversejs #controlbox .chat-status--avatar {
    border: 1px solid var(--background-color);
    background: var(--background-color);
}

.conversejs #controlbox converse-brand-logo,.conversejs #controlbox converse-brand-heading {
    width: 100%;
    display: block;
}

.conversejs #controlbox .brand-name-wrapper {
    font-size: 200%;
}

.conversejs #controlbox .brand-name-wrapper:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

.conversejs #controlbox .brand-name-wrapper:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

.conversejs #controlbox .brand-name-wrapper:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

.conversejs #controlbox .brand-name-wrapper:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

.conversejs #controlbox .brand-name-wrapper:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

.conversejs #controlbox .brand-name-wrapper:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

.conversejs #controlbox .brand-name-wrapper--fullscreen {
    font-size: 100%;
}

.conversejs #controlbox .box-flyout {
    background-color: var(--background-color);
}

.conversejs #controlbox.logged-out .box-flyout .controlbox-pane {
    padding-top: 0;
    overflow-y: auto;
}

.conversejs #controlbox form.search-xmpp-contact {
    margin: 0;
    padding: 0 0 5px 5px;
}

.conversejs #controlbox form.search-xmpp-contact:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 5px;
}

.conversejs #controlbox form.search-xmpp-contact:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 5px;
}

.conversejs #controlbox form.search-xmpp-contact:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 5px;
}

.conversejs #controlbox form.search-xmpp-contact:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 5px;
}

.conversejs #controlbox form.search-xmpp-contact:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 5px;
}

.conversejs #controlbox form.search-xmpp-contact:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 5px;
}

.conversejs #controlbox form.search-xmpp-contact input {
    width: 8em;
}

.conversejs #controlbox .msgs-indicator:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs #controlbox .msgs-indicator:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs #controlbox .msgs-indicator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs #controlbox .msgs-indicator:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs #controlbox .msgs-indicator:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs #controlbox .msgs-indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs #controlbox a.subscribe-to-user {
    font-weight: 700;
}

.conversejs #controlbox a.subscribe-to-user:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 2em;
}

.conversejs #controlbox a.subscribe-to-user:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 2em;
}

.conversejs #controlbox a.subscribe-to-user:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 2em;
}

.conversejs #controlbox a.subscribe-to-user:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 2em;
}

.conversejs #controlbox a.subscribe-to-user:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 2em;
}

.conversejs #controlbox a.subscribe-to-user:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 2em;
}

.conversejs #controlbox #chatrooms .add-chatroom input[type=button] {
    width: 100%;
}

.conversejs #controlbox #chatrooms .add-chatroom input[type=submit] {
    width: 100%;
}

.conversejs #controlbox #chatrooms .add-chatroom input[type=text] {
    width: 100%;
}

.conversejs #controlbox .controlbox-section .controlbox-heading {
    font-family: var(--heading-font);
    color: var(--controlbox-heading-color);
    text-transform: uppercase;
    padding: 0;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.1em;
}

.conversejs #controlbox .controlbox-section .controlbox-heading--groupchats {
    color: var(--muc-color);
}

.conversejs #controlbox .controlbox-section .controlbox-heading--contacts {
    color: var(--background-color);
}

.conversejs #controlbox .controlbox-padded {
    align-items: center;
    padding: 0 1em;
    line-height: normal;
}

.conversejs #controlbox .controlbox-pane {
    font-size: var(--font-size);
    border: 0;
    height: 100%;
    padding: 1em 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.conversejs #controlbox .controlbox-pane:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs #controlbox .controlbox-pane:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs #controlbox .controlbox-pane:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs #controlbox .controlbox-pane:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs #controlbox .controlbox-pane:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs #controlbox .controlbox-pane:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs #controlbox .controlbox-pane .add-converse-contact {
    margin: 0 0 .75em;
}

.conversejs #controlbox .controlbox-pane .chatbox-btn {
    margin: 0;
}

.conversejs #controlbox .add-xmpp-contact {
    padding: 1em .5em;
}

.conversejs #controlbox .add-xmpp-contact input {
    width: 100%;
    margin: 0 0 1rem;
}

.conversejs #controlbox .add-xmpp-contact button {
    width: 100%;
}

.conversejs converse-chats.converse-overlayed {
    flex-direction: row-reverse;
    display: flex;
}

.conversejs converse-chats.converse-overlayed .flyout {
    border: 0;
}

.conversejs converse-chats.converse-overlayed .toggle-controlbox {
    background-color: var(--controlbox-color);
    color: var(--button-text-color);
    float: right;
    margin: 0 var(--overlayed-chat-gutter);
    text-align: center;
    order: -2;
}

.conversejs converse-chats.converse-overlayed #controlbox {
    width: var(--controlbox-width);
    order: -1;
    min-width: var(--controlbox-width)!important;
}

.conversejs converse-chats.converse-overlayed #controlbox .box-flyout {
    width: var(--controlbox-width);
    min-width: var(--controlbox-width)!important;
}

.conversejs converse-chats.converse-overlayed .brand-heading {
    width: 100%;
}

.conversejs converse-chats.converse-overlayed .brand-heading:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs converse-chats.converse-overlayed .brand-heading:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs converse-chats.converse-overlayed .brand-heading:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs converse-chats.converse-overlayed .brand-heading:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs converse-chats.converse-overlayed .brand-heading:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs converse-chats.converse-overlayed .brand-heading:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs converse-chats.converse-overlayed .converse-svg-logo {
    height: 1em;
    margin-right: .1em;
}

.conversejs converse-chats.converse-embedded .toggle-controlbox,.conversejs converse-chats.converse-fullscreen .toggle-controlbox {
    display: none;
}

.conversejs converse-chats.converse-embedded #controlbox,.conversejs converse-chats.converse-fullscreen #controlbox {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin: 0;
    margin-top: var(--bs-gutter-y);
    flex-shrink: 0;
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-embedded #controlbox,.conversejs converse-chats.converse-fullscreen #controlbox {
        flex: none;
        width: 33.3333%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-embedded #controlbox,.conversejs converse-chats.converse-fullscreen #controlbox {
        flex: none;
        width: 25%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-embedded #controlbox,.conversejs converse-chats.converse-fullscreen #controlbox {
        flex: none;
        width: 16.6667%;
    }
}

.conversejs converse-chats.converse-embedded #controlbox.logged-out,.conversejs converse-chats.converse-fullscreen #controlbox.logged-out {
    opacity: 0;
    flex: none;
    width: 100%;
    animation-name: fadein;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.conversejs converse-chats.converse-embedded #controlbox.logged-out .box-flyout,.conversejs converse-chats.converse-fullscreen #controlbox.logged-out .box-flyout {
    width: 100%;
}

.conversejs converse-chats.converse-embedded #controlbox .flyout,.conversejs converse-chats.converse-fullscreen #controlbox .flyout {
    z-index: 1;
    border-radius: 0;
    width: 100%;
}

.conversejs converse-chats.converse-embedded #controlbox .flyout:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-embedded #controlbox .flyout:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-embedded #controlbox .flyout:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-fullscreen #controlbox .flyout:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-fullscreen #controlbox .flyout:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-fullscreen #controlbox .flyout:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-embedded #controlbox .flyout:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-embedded #controlbox .flyout:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-embedded #controlbox .flyout:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-fullscreen #controlbox .flyout:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-fullscreen #controlbox .flyout:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-fullscreen #controlbox .flyout:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: .1rem solid var(--controlbox-color);
}

.conversejs converse-chats.converse-embedded #controlbox .converse-svg-logo,.conversejs converse-chats.converse-fullscreen #controlbox .converse-svg-logo {
    height: 1.8em;
    margin-top: .1em;
}

.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo {
    flex: none;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 0;
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo {
        margin-top: 5em;
        margin-bottom: 1em;
    }
}

.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-heading,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-heading {
    opacity: .8;
    width: 100%;
    color: var(--brand-heading-color);
    padding: .7em 0 0;
    font-size: 500%;
}

.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-subtitle,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-subtitle {
    padding: .5em;
    font-size: 90%;
}

@media screen and (max-width:480px) {
    .conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-heading,.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-heading {
        font-size: 300%;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }
}

@media (max-width:575.98px) {
    .conversejs converse-chats.converse-fullscreen #controlbox:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs converse-chats.converse-fullscreen #controlbox:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-fullscreen #controlbox .box-flyout {
        flex: none;
        width: 33.3333%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-fullscreen #controlbox .box-flyout {
        flex: none;
        width: 25%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-fullscreen #controlbox .box-flyout {
        flex: none;
        width: 16.6667%;
    }
}

.conversejs converse-chats.converse-fullscreen .controlbox-pane {
    height: 100%;
    padding-top: 2em;
    padding-bottom: 1em;
}

@media (max-width:767.98px) {
    .conversejs.converse-fullscreen,.conversejs.converse-overlayed {
        left: 0;
        right: 0;
    }

    .conversejs.converse-fullscreen:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    .conversejs.converse-fullscreen:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    .conversejs.converse-fullscreen:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    .conversejs.converse-overlayed:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    .conversejs.converse-overlayed:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    .conversejs.converse-overlayed:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }

    .conversejs.converse-fullscreen:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        padding-right: env(safe-area-inset-left);
        padding-left: env(safe-area-inset-right);
    }

    .conversejs.converse-fullscreen:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        padding-right: env(safe-area-inset-left);
        padding-left: env(safe-area-inset-right);
    }

    .conversejs.converse-fullscreen:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        padding-right: env(safe-area-inset-left);
        padding-left: env(safe-area-inset-right);
    }

    .conversejs.converse-overlayed:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        padding-right: env(safe-area-inset-left);
        padding-left: env(safe-area-inset-right);
    }

    .conversejs.converse-overlayed:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        padding-right: env(safe-area-inset-left);
        padding-left: env(safe-area-inset-right);
    }

    .conversejs.converse-overlayed:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        padding-right: env(safe-area-inset-left);
        padding-left: env(safe-area-inset-right);
    }

    .conversejs.converse-fullscreen .converse-chatboxes,.conversejs.converse-overlayed .converse-chatboxes {
        justify-content: space-between;
        flex-direction: row!important;
        margin: 0!important;
    }

    .conversejs.converse-fullscreen .converse-chatboxes .converse-chatroom,.conversejs.converse-overlayed .converse-chatboxes .converse-chatroom {
        font-size: 14px;
    }

    .conversejs.converse-fullscreen .converse-chatboxes .chatbox .box-flyout,.conversejs.converse-overlayed .converse-chatboxes .chatbox .box-flyout {
        height: var(--fullpage-chat-height);
        border-radius: 0;
        bottom: 0;
        left: 0;
        width: 100vw!important;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox,.conversejs.converse-overlayed .converse-chatboxes #controlbox {
        width: 100vw!important;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs.converse-overlayed .converse-chatboxes #controlbox:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs.converse-overlayed .converse-chatboxes #controlbox:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs.converse-overlayed .converse-chatboxes #controlbox:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
        margin-left: 0;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs.converse-overlayed .converse-chatboxes #controlbox:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs.converse-overlayed .converse-chatboxes #controlbox:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs.converse-overlayed .converse-chatboxes #controlbox:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
        margin-right: 0;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox .box-flyout,.conversejs.converse-overlayed .converse-chatboxes #controlbox .box-flyout {
        height: var(--fullpage-chat-height);
        width: 100vw!important;
    }

    .conversejs.converse-fullscreen .converse-chatboxes #controlbox .sidebar,.conversejs.converse-overlayed .converse-chatboxes #controlbox .sidebar {
        display: block;
    }

    .conversejs.converse-fullscreen .converse-chatboxes.sidebar-open .chatbox:not(#controlbox),.conversejs.converse-overlayed .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
        display: none;
    }

    .conversejs.converse-fullscreen .converse-chatboxes.sidebar-open #controlbox .controlbox-pane,.conversejs.converse-overlayed .converse-chatboxes.sidebar-open #controlbox .controlbox-pane {
        display: block;
    }
}

converse-disco-browser .items-list .list-item {
    padding-left: .5em!important;
    padding-right: .5em!important;
}

converse-disco-browser .items-list.features .list-item {
    padding: .2em 0;
}

.conversejs converse-headlines-feeds-list {
    margin-bottom: 1em;
    display: block;
}

.conversejs .chatbox.headlines .chat-body {
    background-color: var(--background-color);
}

.conversejs .chatbox.headlines .chat-body .chat-message {
    color: var(--headlines-color);
}

.conversejs .chatbox.headlines .chat-body hr {
    border-bottom: 2px solid var(--headlines-color);
}

.conversejs .chatbox.headlines .chat-content {
    height: 100%;
}

.conversejs .message.chat-msg.headline .chat-msg__body:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .message.chat-msg.headline .chat-msg__body:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .message.chat-msg.headline .chat-msg__body:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 0;
}

.conversejs .message.chat-msg.headline .chat-msg__body:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .message.chat-msg.headline .chat-msg__body:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs .message.chat-msg.headline .chat-msg__body:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 0;
}

.conversejs #controlbox .controlbox-section .controlbox-heading--headline {
    color: var(--headlines-color);
}

.conversejs converse-chats.converse-fullscreen .chatbox.headlines .box-flyout {
    background-color: var(--headlines-color);
}

.conversejs converse-chats.converse-fullscreen .chatbox.headlines .flyout {
    border-color: var(--headlines-color);
}

.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-title--no-desc {
    padding: 1rem .75rem;
}

.conversejs .chatbox.headlines converse-headlines-heading.chat-head.chat-head-chatbox {
    background-color: var(--headlines-header-bg-color);
    border-bottom: .15em solid var(--headlines-color);
}

.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chat-head__desc,.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-title__text {
    color: var(--headlines-header-fg-color)!important;
}

.conversejs .chatbox.headlines converse-headlines-heading.chat-head converse-dropdown .dropdown-menu converse-icon svg {
    fill: var(--headlines-color);
}

.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-btn converse-icon svg {
    fill: var(--headlines-header-fg-color);
}

.conversejs .chatbox.headlines converse-chats.converse-fullscreen .chatbox.headlines .chat-head.chat-head-chatbox {
    background-color: var(--background-color);
}

.conversejs converse-mam-placeholder .spinner-grow {
    width: 1em;
    height: 1em;
    margin: 1em;
}

.conversejs converse-mam-placeholder .mam-placeholder {
    height: 2em;
    margin: .5em 0;
    position: relative;
}

.conversejs converse-mam-placeholder .mam-placeholder:before,.conversejs converse-mam-placeholder .mam-placeholder:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

.conversejs converse-mam-placeholder .mam-placeholder:before {
    background-color: transparent;
    background-image: linear-gradient(-135deg,#d3d3d3 .5em,transparent 0),linear-gradient(135deg,#d3d3d3 .5em,transparent 0);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 1em 1em;
    background-attachment: scroll,scroll;
    background-origin: padding-box,padding-box;
    background-clip: border-box,border-box;
    height: 1em;
    top: 1em;
}

.conversejs converse-mam-placeholder .mam-placeholder:after {
    background: linear-gradient(-135deg,var(--background-color).5em,transparent 0)0 .5em,linear-gradient(135deg,var(--background-color).5em,transparent 0)0 .5em;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 1em 1em;
    height: 1em;
    top: .75em;
}

.conversejs converse-chats.converse-overlayed converse-minimized-chats {
    order: 100;
}

.conversejs converse-chats.converse-overlayed #minimized-chats {
    min-width: var(--minimized-chats-width);
    color: var(--chat-color);
}

.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat {
    cursor: pointer;
    color: var(--chat-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px 0 1px 5px;
    line-height: 15px;
    display: block;
    overflow: hidden;
}

.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat:hover {
    text-decoration: none;
}

.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat:visited {
    color: var(--chat-color);
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout {
    width: var(--minimized-chats-width);
    flex-direction: column-reverse;
    bottom: 45px;
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head {
    border-radius: var(--chatbox-border-radius);
    background-color: var(--background-color);
    flex-wrap: nowrap;
    flex-shrink: 1;
    width: 100%;
    height: 35px;
    min-height: 0;
    margin-bottom: .2em;
    padding: .3em;
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-chatroom {
    background-color: var(--background-color);
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-chatroom a.restore-chat {
    color: var(--muc-color);
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-headline {
    background-color: var(--background-color);
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-headline a.restore-chat {
    color: var(--headlines-color);
}

.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout.minimized {
    height: auto;
}

converse-muc-affiliation-form,converse-muc-role-form {
    background-color: var(--highlight-color);
    border-radius: .25em;
    padding: 1em 0;
}

converse-muc-nickname-form {
    width: 100%;
}

.conversejs converse-muc .muc-bottom-panel,.conversejs converse-muc converse-muc-bottom-panel {
    text-align: center;
    font-size: var(--font-size-small);
    background-color: var(--background-color);
    color: var(--foreground-color);
    padding: .5em;
    display: contents;
}

.conversejs converse-muc .muc-bottom-panel.muc-bottom-panel--muted,.conversejs converse-muc converse-muc-bottom-panel.muc-bottom-panel--muted {
    width: 100%;
    height: 6em;
    padding-top: 2em;
    display: block;
    border-top: .25em solid var(--muc-color)!important;
}

.conversejs converse-muc .muc-bottom-panel.muc-bottom-panel--nickname,.conversejs converse-muc converse-muc-bottom-panel.muc-bottom-panel--nickname {
    height: 16em;
    padding: 0;
}

.conversejs converse-muc .muc-bottom-panel.muc-bottom-panel--nickname .muc-form-container .chatroom-form,.conversejs converse-muc converse-muc-bottom-panel.muc-bottom-panel--nickname .muc-form-container .chatroom-form {
    padding-top: 2em;
    padding-bottom: 0;
}

.conversejs converse-muc .muc-bottom-panel {
    height: 3em;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form {
    border-top: .25em solid var(--muc-color)!important;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: 0;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: 0;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: 0;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: 0;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: 0;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: 0;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form .suggestion-box__results--above {
    bottom: 4.5em;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form .chat-textarea,.conversejs converse-muc converse-muc-bottom-panel .chat-message-form input {
    outline: 1px solid var(--background-color)!important;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form .chat-textarea:active,.conversejs converse-muc converse-muc-bottom-panel .chat-message-form .chat-textarea:focus,.conversejs converse-muc converse-muc-bottom-panel .chat-message-form input:active,.conversejs converse-muc converse-muc-bottom-panel .chat-message-form input:focus {
    outline-width: 2px!important;
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form .chat-textarea.correcting,.conversejs converse-muc converse-muc-bottom-panel .chat-message-form input.correcting {
    background-color: var(--chatroom-correcting-color);
}

.conversejs converse-muc converse-muc-bottom-panel .chat-message-form .chat-textarea {
    field-sizing: content;
    border: none;
    border-bottom-right-radius: 0;
    width: 100%;
}

.conversejs converse-occupant-bottom-panel .bottom-panel--muted {
    border-top: .2em solid var(--secondary-color);
    padding: 0 1em 1em;
}

.conversejs converse-occupant-bottom-panel .bottom-panel--muted .bottom-panel--muted__msg {
    padding: .5em 0!important;
}

.conversejs converse-occupant-bottom-panel .bottom-panel--muted .btn-primary,.conversejs converse-occupant-bottom-panel .bottom-panel--muted .btn-secondary {
    margin-top: .25em;
}

.conversejs converse-muc-occupant {
    width: 100%;
}

.conversejs converse-muc-occupant .sidebar-occupant {
    flex-direction: column;
    height: 100%;
    display: flex;
}

.conversejs converse-muc-occupant .sidebar-occupant .sidebar-heading {
    justify-content: space-between;
    padding: .4em .5em .5em;
    display: flex;
}

.conversejs converse-muc-occupant .sidebar-occupant .sidebar-heading a,.conversejs converse-muc-occupant .sidebar-occupant .sidebar-heading a:hover {
    color: var(--muc-color);
}

.conversejs converse-muc-occupant .sidebar-occupant .sidebar-heading .back-button {
    padding: .2em .5em .5em;
    font-size: .75em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details {
    border-bottom: .05em solid var(--secondary-color);
    padding-bottom: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: .3em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: .3em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: .3em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: .3em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: .3em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: .3em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details li {
    justify-content: center;
    margin-bottom: .5em;
    display: flex;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .row:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .row:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .row:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .row:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .row:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .row:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: 1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .occupant-details-nickname {
    font-size: var(--font-size-huge);
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .occupant-details-jid {
    font-size: var(--font-size-small);
}

.conversejs converse-muc-occupant .sidebar-occupant .occupant-details .badge {
    margin: .1em;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form {
    border-top: .2em solid var(--secondary-color);
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: none;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: none;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-right: none;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: none;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: none;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-left: none;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form .send-button {
    background-color: var(--secondary-color);
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .chat-message-form .toolbar-buttons converse-icon svg {
    fill: var(--secondary-color)!important;
}

.conversejs converse-muc-occupant .sidebar-occupant .bottom-panel .emoji-picker__header ul {
    flex-wrap: wrap;
}

.conversejs .chat-status {
    vertical-align: middle;
    border-radius: 50%;
    padding-bottom: .2em;
    font-size: 1em;
}

.conversejs .chat-status:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .chat-status:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .chat-status:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 0;
}

.conversejs .chat-status:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .chat-status:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .chat-status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 0;
}

.conversejs .chat-status.chat-status--avatar {
    margin-bottom: -1.9em;
    border-radius: 50%;
    font-size: .6rem;
}

.conversejs .chat-status.chat-status--avatar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -.7em;
}

.conversejs .chat-status.chat-status--avatar:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -.7em;
}

.conversejs .chat-status.chat-status--avatar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -.7em;
}

.conversejs .chat-status.chat-status--avatar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -.7em;
}

.conversejs .chat-status.chat-status--avatar:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -.7em;
}

.conversejs .chat-status.chat-status--avatar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -.7em;
}

.conversejs .chat-status--offline:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .8em;
}

.conversejs .chat-status--offline:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .8em;
}

.conversejs .chat-status--offline:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .8em;
}

.conversejs .chat-status--offline:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .8em;
}

.conversejs .chat-status--offline:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .8em;
}

.conversejs .chat-status--offline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .8em;
}

.conversejs .chat-status--online {
    color: var(--chat-status-online);
}

.conversejs .chat-status--online svg {
    fill: var(--chat-status-online);
}

.conversejs .chat-status--busy {
    color: var(--chat-status-busy);
}

.conversejs .chat-status--busy svg {
    fill: var(--chat-status-busy);
}

.conversejs .chat-status--away {
    color: var(--chat-status-away);
}

.conversejs .chat-status--away svg {
    fill: var(--chat-status-away);
}

.conversejs .chat-status--offline {
    display: none;
}

.conversejs converse-muc-occupants {
    width: 100%;
}

.conversejs converse-muc-occupants .occupants {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: visible;
}

.conversejs converse-muc-occupants .occupants .occupants-header--title {
    flex-direction: row;
    padding: .5em;
    display: flex;
}

.conversejs converse-muc-occupants .occupants .occupants-header--title .hide-occupants {
    cursor: pointer;
    font-size: var(--font-size-small);
    align-self: flex-end;
}

.conversejs converse-muc-occupants .occupants .suggestion-box ul {
    padding: 0;
}

.conversejs converse-muc-occupants .occupants .suggestion-box ul li {
    padding: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list {
    margin-bottom: .5em;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.conversejs converse-muc-occupants .occupants .items-list.occupant-list {
    flex-grow: 1;
    flex-basis: 0;
    padding: .5em;
    overflow-y: auto;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item {
    cursor: default;
    height: auto;
    font-size: var(--font-size-small);
    text-overflow: ellipsis;
    padding: .25em .25em .25em 0;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item .fa:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item .fa:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item .fa:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item .fa:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item .fa:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item .fa:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.feature {
    font-size: var(--font-size-tiny);
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant {
    cursor: pointer;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .chat-status {
    margin-top: -.1em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator {
    margin-top: -.25em;
    font-size: xx-small;
    position: absolute;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -3em;
    margin-right: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -3em;
    margin-right: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -3em;
    margin-right: .5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    margin-right: -3em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    margin-right: -3em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .msgs-indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    margin-right: -3em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .occupant-nick-badge {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    display: flex;
    overflow-x: hidden;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .occupant-nick-badge .occupant-nick {
    text-overflow: ellipsis;
    flex-grow: 2;
    overflow-x: hidden;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .occupant-nick-badge .occupant-badges {
    flex-flow: wrap;
    flex-shrink: 1;
    justify-content: flex-end;
    gap: .25rem;
    display: flex;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .occupant-nick-badge .occupant-badges span {
    height: 1.6em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .occupant-nick-badge .occupant-actions {
    position: static;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant div.row.g-0 {
    flex-wrap: nowrap;
    min-height: 1.5em;
}

.conversejs converse-muc-occupants .occupants .items-list .list-item.occupant .badge {
    margin-bottom: .125rem;
}

.conversejs converse-chats.converse-overlayed converse-muc-occupants .occupants .occupant-list {
    border-bottom: none;
}

.conversejs converse-chats.converse-overlayed converse-muc-occupants .occupants ul .occupant .occupant-nick-badge .occupant-badges {
    display: none;
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants ul.occupant-list li,.conversejs converse-chats.converse-fullscreen converse-muc-occupants .occupants ul.occupant-list li {
    font-size: var(--font-size-small);
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants .occupant-list:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: .3em;
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants .occupant-list:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: .3em;
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants .occupant-list:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: .3em;
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants .occupant-list:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: .3em;
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants .occupant-list:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: .3em;
}

.conversejs converse-chats.converse-embedded converse-muc-occupants .occupants .occupant-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: .3em;
}

.conversejs converse-muc-sidebar {
    background-color: var(--background-color);
    flex-direction: row;
    height: 100%;
    display: flex;
    overflow: visible;
}

.conversejs converse-muc-sidebar .sidebar-heading {
    width: 100%;
    font-family: var(--heading-font);
    color: var(--muc-color);
}

.conversejs converse-muc-sidebar .sidebar-heading:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
    padding-left: 0;
}

.conversejs converse-muc-sidebar .sidebar-heading:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
    padding-left: 0;
}

.conversejs converse-muc-sidebar .sidebar-heading:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
    padding-left: 0;
}

.conversejs converse-muc-sidebar .sidebar-heading:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    padding-right: 0;
}

.conversejs converse-muc-sidebar .sidebar-heading:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    padding-right: 0;
}

.conversejs converse-muc-sidebar .sidebar-heading:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    padding-right: 0;
}

.conversejs converse-chats.converse-overlayed converse-muc-sidebar .sidebar-heading {
    padding: 0;
}

.conversejs converse-chats.converse-fullscreen converse-muc-sidebar .sidebar-heading {
    font-size: var(--font-size-large);
}

.conversejs converse-chats.converse-embedded converse-muc-sidebar .sidebar-heading {
    font-size: 120%;
}

converse-muc-chat-content {
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
    display: flex;
    overflow: auto;
}

converse-muc-config-modal converse-image-picker {
    padding-top: 1em;
}

converse-muc-details-modal .features-list:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 1em;
}

converse-muc-details-modal .features-list:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 1em;
}

converse-muc-details-modal .features-list:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 1em;
}

converse-muc-details-modal .features-list:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 1em;
}

converse-muc-details-modal .features-list:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 1em;
}

converse-muc-details-modal .features-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 1em;
}

converse-muc-details-modal .room-info converse-avatar {
    margin-bottom: .5em;
    float: left;
    display: block;
}

converse-muc-details-modal .room-info converse-avatar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

converse-muc-details-modal .room-info converse-avatar:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

converse-muc-details-modal .room-info converse-avatar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

converse-muc-details-modal .room-info converse-avatar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

converse-muc-details-modal .room-info converse-avatar:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

converse-muc-details-modal .room-info converse-avatar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

converse-muc-details-modal .room-info strong {
    color: var(--muc-color);
    margin-right: .5em;
}

converse-muc-details-modal .chatroom-features {
    width: 100%;
}

converse-muc-details-modal .chatroom-features .features-list {
    padding-top: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature {
    cursor: help;
    width: 100%;
    font-size: 1em;
}

converse-muc-details-modal .chatroom-features .features-list .feature:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
    padding-right: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
    padding-right: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
    padding-right: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    padding-left: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    padding-left: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
    padding-left: 0;
}

converse-muc-details-modal .chatroom-features .features-list .feature converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-muc-details-modal .chatroom-features .features-list .feature converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-muc-details-modal .chatroom-features .features-list .feature converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-muc-details-modal .chatroom-features .features-list .feature converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-muc-details-modal .chatroom-features .features-list .feature converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-muc-details-modal .chatroom-features .features-list .feature converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-rich-text {
    display: block;
}

.reason converse-rich-text {
    display: inline-block;
}

.conversejs converse-muc.chatroom .chat-head-chatroom {
    color: var(--muc-header-fg-color);
    background-color: var(--muc-header-bg-color);
    border-bottom: .15em solid var(--muc-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom converse-controlbox-navback .fa-arrow-left svg {
    fill: var(--muc-header-fg-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc {
    color: var(--muc-header-fg-color);
    display: block;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc a {
    color: var(--link-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc:hover button {
    display: inline-block;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .btn--transparent i {
    color: var(--muc-header-fg-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .5em;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .5em;
}

.conversejs converse-muc.chatroom .chat-head-chatroom a.chatbox-btn.fa,.conversejs converse-muc.chatroom .chat-head-chatroom a:visited.chatbox-btn.fa,.conversejs converse-muc.chatroom .chat-head-chatroom a:hover.chatbox-btn.fa,.conversejs converse-muc.chatroom .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa,.conversejs converse-muc.chatroom .chat-head-chatroom a.chatbox-btn.fa.button-on:before,.conversejs converse-muc.chatroom .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before,.conversejs converse-muc.chatroom .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before,.conversejs converse-muc.chatroom .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
    color: var(--muc-header-fg-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom converse-dropdown .dropdown-menu converse-icon svg {
    fill: var(--muc-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-btn converse-icon svg {
    fill: var(--muc-header-fg-color);
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text {
    color: var(--muc-header-fg-color);
    white-space: nowrap;
    margin: auto 0;
    font-weight: 400;
    display: block;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text .chatroom-jid {
    font-size: var(--font-size-small);
}

.conversejs #controlbox #chatrooms {
    padding: 0;
}

.conversejs #controlbox #chatrooms .add-chatroom input[type=button] {
    width: 100%;
}

.conversejs #controlbox #chatrooms .add-chatroom input[type=submit] {
    width: 100%;
}

.conversejs #controlbox #chatrooms .add-chatroom input[type=text] {
    width: 100%;
}

.conversejs #controlbox #chatrooms .add-chatroom {
    margin: 0;
    padding: 0;
}

.conversejs #controlbox .open-rooms-toggle,.conversejs #controlbox .open-rooms-toggle converse-icon {
    color: var(--muc-color)!important;
}

.conversejs #controlbox .open-rooms-toggle:hover,.conversejs #controlbox .open-rooms-toggle converse-icon:hover {
    color: var(--muc-color-hover)!important;
}

.conversejs #controlbox .open-rooms-toggle {
    white-space: nowrap;
}

.conversejs #controlbox .open-rooms-toggle converse-icon {
    padding-bottom: .1em;
}

.conversejs #controlbox .open-rooms-toggle converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #controlbox .open-rooms-toggle converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #controlbox .open-rooms-toggle converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #controlbox .open-rooms-toggle converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #controlbox .open-rooms-toggle converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #controlbox .open-rooms-toggle converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs converse-chats.converse-overlayed .chatbox {
    margin: 0 var(--overlayed-chat-gutter);
}

.conversejs .chatbox:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .chatbox:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .chatbox:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs .chatbox:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .chatbox:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs .chatbox:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

@media screen and (max-height:450px) {
    .conversejs .chatbox {
        width: var(--mobile-chat-width);
        margin: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox {
        width: var(--mobile-chat-width);
        margin: 0;
    }
}

.conversejs .chatbox converse-controlbox-navback {
    display: none;
}

.conversejs .chatbox .flyout {
    position: absolute;
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .flyout {
        border-radius: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .flyout {
        border-radius: 0;
    }
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .flyout {
        bottom: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .flyout {
        bottom: 0;
    }
}

.conversejs .chatbox .chatbox-btn {
    cursor: pointer;
    font-size: var(--chatbox-button-size);
    border: none;
    border-radius: 25%;
    margin: 0 .2em;
    padding: 0 0 0 .5em;
    text-decoration: none;
}

.conversejs .chatbox .chatbox-btn:active {
    position: relative;
    top: 1px;
}

.conversejs .chatbox .box-flyout {
    z-index: 2;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
    overflow: hidden;
    box-shadow: 1px 3px 5px 3px rgba(0,0,0,.4);
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .box-flyout {
        height: var(--mobile-chat-height);
        width: var(--mobile-chat-width);
        height: var(--fullpage-chat-height);
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .box-flyout {
        height: var(--mobile-chat-height);
        width: var(--mobile-chat-width);
        height: var(--fullpage-chat-height);
    }
}

.conversejs .chatbox .chat-title {
    font-family: var(--heading-font);
    color: var(--heading-color);
    line-height: var(--line-height-large);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.conversejs .chatbox .chat-title.groupchat:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs .chatbox .chat-title.groupchat:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs .chatbox .chat-title.groupchat:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 0;
}

.conversejs .chatbox .chat-title.groupchat:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs .chatbox .chat-title.groupchat:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs .chatbox .chat-title.groupchat:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 0;
}

.conversejs .chatbox .chat-title a {
    color: var(--chat-color);
    width: 100%;
}

.conversejs .chatbox .chat-body {
    background-color: var(--background-color);
    border-bottom-left-radius: var(--chatbox-border-radius);
    border-bottom-right-radius: var(--chatbox-border-radius);
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

@media screen and (max-height:450px) {
    .conversejs .chatbox .chat-body {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media screen and (max-width:480px) {
    .conversejs .chatbox .chat-body {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.conversejs .chatbox .chat-body {
    border-top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.conversejs .chatbox .chat-body p {
    color: var(--text-color);
    font-size: var(--message-font-size);
    margin: 0;
    padding: .25em;
}

.conversejs .chatbox .chat-body .error {
    color: var(--error-color);
}

.conversejs .chatbox .new-msgs-indicator {
    cursor: pointer;
    background-color: var(--background-color);
    width: 100%;
    color: var(--background-color);
    text-align: center;
    z-index: 20;
    white-space: nowrap;
    margin-bottom: .25em;
    padding: .5em;
    font-size: .9em;
    position: relative;
}

.conversejs .chatbox .chat-content {
    color: var(--text-color);
    font-size: var(--message-font-size);
    border: 0;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0;
    line-height: 1.3em;
    display: flex;
    overflow: hidden;
}

.conversejs .chatbox .chat-content .chat-content__help {
    max-height: 100%;
}

.conversejs .chatbox .chat-content .chat-content__help converse-chat-help {
    border-top: 1px solid var(--background-color);
    height: 100%;
    padding: .5em 0;
    display: block;
    overflow-y: auto;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help {
    float: right;
    cursor: pointer;
    color: var(--background-color);
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: 1em;
}

.conversejs .chatbox .chat-content .chat-content__help .close-chat-help svg {
    fill: var(--background-color);
}

.conversejs .chatbox .chat-content .chat-content__messages {
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
}

.conversejs .chatbox .chat-content .chat-content__notifications {
    white-space: pre;
    background-color: var(--background-color);
    color: var(--secondary-color);
    font-size: 90%;
    font-style: italic;
    line-height: var(--line-height-small);
    padding: 0 1em .3em;
    display: block;
}

.conversejs .chatbox .chat-content .chat-content__notifications:before {
    content: " ";
}

.conversejs .chatbox .chat-content progress {
    width: 100%;
    margin: .5em 0;
}

.conversejs .chatbox .dragresize {
    z-index: 20;
    background: 0 0;
    border: 0;
    margin: 0;
    position: absolute;
    top: 0;
}

.conversejs .chatbox .dragresize-top {
    cursor: n-resize;
    width: 100%;
    height: 5px;
}

.conversejs .chatbox .dragresize-left,.conversejs .chatbox .dragresize-occupants-left {
    cursor: w-resize;
    width: 5px;
    height: 100%;
    left: 0;
}

.conversejs .chatbox .dragresize-topleft {
    cursor: nw-resize;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
}

.conversejs .chatroom .box-flyout .muc-form-container {
    background-color: var(--background-color);
    color: var(--text-color);
    font-size: var(--font-size);
    border: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.conversejs .chatroom .box-flyout .muc-form-container .validation-message {
    color: var(--error-color);
    font-size: 90%;
}

.conversejs .chatroom .box-flyout .muc-form-container input[type=button] {
    margin: 0 .5em;
}

.conversejs .chatroom .box-flyout .muc-form-container input[type=submit] {
    margin: 0 .5em;
}

.conversejs .chatroom .box-flyout .muc-form-container .button-primary {
    background-color: var(--muc-color);
}

.conversejs .chatroom .box-flyout .chatroom-form {
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.conversejs converse-muc.chatroom {
    width: var(--chatroom-width);
}

@media screen and (max-height:450px) {
    .conversejs converse-muc.chatroom {
        width: var(--mobile-chat-width);
    }
}

@media screen and (max-width:480px) {
    .conversejs converse-muc.chatroom {
        width: var(--mobile-chat-width);
    }
}

.conversejs converse-muc.chatroom converse-icon svg {
    fill: var(--muc-color);
}

.conversejs converse-muc.chatroom converse-split-resize {
    background-color: var(--muc-color);
}

.conversejs converse-muc.chatroom .chat-status--avatar {
    background: var(--background-color);
    border: 2px solid var(--background-color);
    margin-bottom: -2em;
    margin-top: 0;
    padding: .1em;
    font-size: .6rem;
    position: relative;
}

.conversejs converse-muc.chatroom .chat-status--avatar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -.3em;
}

.conversejs converse-muc.chatroom .chat-status--avatar:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -.3em;
}

.conversejs converse-muc.chatroom .chat-status--avatar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -.3em;
}

.conversejs converse-muc.chatroom .chat-status--avatar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -.3em;
}

.conversejs converse-muc.chatroom .chat-status--avatar:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -.3em;
}

.conversejs converse-muc.chatroom .chat-status--avatar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -.3em;
}

.conversejs converse-muc.chatroom .chat-status--avatar svg {
    display: flex;
}

.conversejs converse-muc.chatroom .badge-groupchat {
    background-color: var(--muc-color);
}

.conversejs converse-muc.chatroom .box-flyout {
    background-color: var(--background-color);
    width: var(--chatroom-width);
    overflow-y: hidden;
}

@media screen and (max-height:450px) {
    .conversejs converse-muc.chatroom .box-flyout {
        height: var(--mobile-chat-height);
        width: var(--mobile-chat-width);
        height: var(--fullpage-chat-height);
    }
}

@media screen and (max-width:480px) {
    .conversejs converse-muc.chatroom .box-flyout {
        height: var(--mobile-chat-height);
        width: var(--mobile-chat-width);
        height: var(--fullpage-chat-height);
    }
}

.conversejs converse-muc.chatroom .box-flyout .empty-history-feedback {
    position: relative;
}

.conversejs converse-muc.chatroom .box-flyout .empty-history-feedback span {
    text-align: center;
    width: 100%;
    margin-top: 50%;
    position: absolute;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body {
    background-color: var(--background-color);
    border-top: 0;
    flex-flow: row;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body converse-muc-chatarea {
    flex-flow: row;
    width: 100%;
    display: flex;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .row {
    flex-direction: row;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-topic {
    color: var(--background-color);
    font-weight: 700;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-info {
    color: var(--info-color);
    margin-bottom: .3em;
    line-height: normal;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-info.badge {
    color: var(--muc-color);
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-info.chat-msg--retracted {
    color: var(--secondary-color);
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-area {
    word-wrap: break-word;
    flex-direction: column;
    flex: 100%;
    justify-content: flex-end;
    display: flex;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
    background-color: var(--muc-color);
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-area .chat-content {
    height: 100%;
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-area .chat-content__help converse-chat-help {
    border-top: 1px solid var(--muc-color);
}

.conversejs converse-muc.chatroom .box-flyout .chatroom-body .chat-area .chat-content__help .close-chat-help svg {
    fill: var(--muc-color);
}

.conversejs converse-muc.chatroom .room-invite .invited-contact {
    border: 1px solid #999;
    width: 100%;
    margin: -1px 0 0 -1px;
}

converse-muc-disconnected,converse-muc-destroyed {
    width: 100%;
    height: 100%;
    padding: 2em;
}

.conversejs.converse-embedded .badge--muc,.conversejs .badge--muc {
    background-color: var(--muc-color);
}

.conversejs.converse-embedded .add-chatroom input[type=submit] {
    margin: .3em 0;
}

.conversejs.converse-embedded .add-chatroom input[type=button] {
    margin: .3em 0;
}

.conversejs .add-chatroom input[type=submit] {
    margin: .3em 0;
}

.conversejs .add-chatroom input[type=button] {
    margin: .3em 0;
}

.conversejs converse-chats.converse-overlayed .chatbox.chatroom,.conversejs converse-chats.converse-overlayed .chatbox.chatroom .box-flyout {
    width: var(--chatroom-width);
}

.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatbox-title__text {
    flex: none;
    width: 83.3333%;
}

.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatbox-title__buttons {
    flex: none;
    width: 16.6667%;
}

.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chat-head__desc {
    margin-bottom: 1em;
    font-size: 80%;
}

.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatroom-body .chat-area {
    min-width: var(--overlayed-chat-width);
}

.conversejs converse-chats.converse-embedded .chatroom .box-flyout,.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout {
    width: 100%;
}

.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator,.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator {
    max-width: 100%;
}

.conversejs converse-chats.converse-embedded .chatroom .room-invite span .invited-contact,.conversejs converse-chats.converse-fullscreen .chatroom .room-invite span .invited-contact {
    margin: 0 0 .5em -1px;
}

.conversejs converse-chats.converse-embedded .chatroom {
    width: 100%;
    margin: 0;
}

.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chat-content .chat-message {
    margin: .5em;
    font-size: 120%;
}

.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chat-message-form .chat-textarea {
    padding: .5em;
    font-size: 110%;
}

.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body {
    height: 100%;
}

.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .muc-form-container {
    height: 100%;
    position: relative;
}

.conversejs converse-profile-modal .fingerprint {
    color: var(--text-color);
}

.conversejs converse-profile-modal .fingerprint-removal-item label {
    color: var(--text-color);
    font-weight: 400;
}

.conversejs converse-profile-modal .list-group-item {
    border-color: var(--primary-color);
    font-size: 95%;
}

.conversejs converse-profile-modal .list-group-item input[type=checkbox]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

.conversejs converse-profile-modal .list-group-item input[type=checkbox]:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

.conversejs converse-profile-modal .list-group-item input[type=checkbox]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: 1em;
}

.conversejs converse-profile-modal .list-group-item input[type=checkbox]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

.conversejs converse-profile-modal .list-group-item input[type=checkbox]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

.conversejs converse-profile-modal .list-group-item input[type=checkbox]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: 1em;
}

.conversejs converse-profile-modal .fingerprints {
    width: 100%;
    margin-bottom: 1em;
}

.conversejs converse-profile-modal .fingerprint-trust {
    justify-content: space-between;
    font-size: 95%;
    display: flex;
}

.conversejs converse-profile-modal .fingerprint-trust .fingerprint:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 1em;
}

.conversejs converse-profile-modal .fingerprint-trust .fingerprint:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 1em;
}

.conversejs converse-profile-modal .fingerprint-trust .fingerprint:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: 1em;
}

.conversejs converse-profile-modal .fingerprint-trust .fingerprint:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 1em;
}

.conversejs converse-profile-modal .fingerprint-trust .fingerprint:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 1em;
}

.conversejs converse-profile-modal .fingerprint-trust .fingerprint:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: 1em;
}

converse-user-settings-modal converse-brand-logo .converse-svg-logo {
    height: 4em!important;
}

converse-user-settings-modal converse-brand-logo .brand-name {
    font-size: 33px;
}

converse-user-profile {
    border-bottom: .1rem var(--controlbox-color)solid;
    padding: .5em 1em .75em;
}

converse-user-profile .show-profile {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

converse-user-profile .change-status {
    text-align: center;
    min-width: 25px;
}

converse-user-profile .change-status converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

converse-user-profile .change-status converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

converse-user-profile .change-status converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-right: .5em;
}

converse-user-profile .change-status converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

converse-user-profile .change-status converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

converse-user-profile .change-status converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-left: .5em;
}

converse-user-profile .userinfo .xmpp-status__msg:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-user-profile .userinfo .xmpp-status__msg:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-user-profile .userinfo .xmpp-status__msg:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

converse-user-profile .userinfo .xmpp-status__msg:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-user-profile .userinfo .xmpp-status__msg:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-user-profile .userinfo .xmpp-status__msg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

converse-user-profile .userinfo .username {
    text-overflow: ellipsis;
    margin-left: .5em;
    margin-right: .5em;
    overflow: hidden;
}

converse-user-profile .userinfo .profile {
    margin-bottom: .5em;
}

converse-user-profile .xmpp-status .chat-status--online {
    color: var(--chat-status-online);
}

converse-user-profile .xmpp-status .chat-status--busy {
    color: var(--chat-status-busy);
}

converse-user-profile .xmpp-status .chat-status--away {
    color: var(--chat-status-away);
}

converse-user-profile .xmpp-status .far.fa-circle,converse-user-profile .xmpp-status .fa-times-circle {
    color: var(--secondary-color);
}

converse-qr-code {
    display: block;
}

converse-omemo-fingerprints .fingerprints .list-group-item {
    color: var(--foreground-color);
}

converse-omemo-fingerprints .fingerprint {
    margin-top: 1em;
    display: block;
}

converse-registration-form {
    padding-top: 0;
    padding-bottom: 0;
}

.converse-fullscreen converse-registration-form {
    background-color: rgba(var(--background-color-rgb),.9);
}

converse-registration-form legend {
    text-align: center;
    width: 100%;
    margin: 0 auto .5em;
}

converse-registration-form fieldset.buttons {
    text-align: center;
}

converse-registration-form .form-url {
    margin: 1em 0;
    font-weight: 400;
    display: block;
}

converse-registration-form .alert {
    max-width: 50vw;
    margin: auto;
}

converse-registration-form #converse-register {
    opacity: 0;
    padding-top: 0;
    animation-name: fadein;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

converse-registration-form #converse-register .title {
    font-weight: 700;
}

converse-registration-form #converse-register .input-group input {
    height: auto;
}

converse-registration-form #converse-register .input-group .input-group-text {
    color: var(--text-color);
    background-color: var(--background-color);
}

converse-registration-form #converse-register .form-errors {
    color: var(--error-color);
    margin: 1em 0;
}

converse-registration-form #converse-register .form-help .url {
    color: var(--link-color);
    font-weight: 700;
}

converse-registration-form #converse-register .instructions {
    color: gray;
    font-size: 85%;
}

converse-registration-form #converse-register .instructions:hover {
    color: var(--foreground-color);
}

converse-add-muc-modal .add-chatroom converse-autocomplete {
    width: 100%;
}

converse-add-muc-modal .add-chatroom converse-autocomplete .suggestion-box__results--below {
    height: 10em;
    overflow: auto;
}

converse-add-muc-modal .add-chatroom converse-autocomplete .suggestion-box ul li {
    display: block;
}

.conversejs #chatrooms .muc-domain-group-toggle {
    margin: .75em 0 .25em;
}

.conversejs #chatrooms .muc-domain-group-toggle,.conversejs #chatrooms .muc-domain-group-toggle .fa {
    color: var(--muc-color);
}

.conversejs #chatrooms .muc-domain-group-toggle:hover,.conversejs #chatrooms .muc-domain-group-toggle .fa:hover {
    color: var(--muc-color-hover);
}

.conversejs #chatrooms converse-rooms-list {
    margin-bottom: 1em;
    display: block;
}

.conversejs #chatrooms converse-rooms-list svg {
    fill: var(--muc-color);
}

.conversejs #chatrooms converse-rooms-list .list-item .open-room {
    flex-direction: row;
    height: 2.5em;
    padding: .2em 0;
    line-height: 1.5em;
    display: flex;
}

.conversejs #chatrooms converse-rooms-list .list-item .open-room span {
    text-overflow: ellipsis;
    padding-top: .25em;
    overflow-x: hidden;
}

converse-root.converse-fullscreen,converse-root.converse-overlayed {
    z-index: 1031;
    position: fixed;
    bottom: 0;
    left: 0;
}

converse-root.converse-fullscreen:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

converse-root.converse-fullscreen:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

converse-root.converse-fullscreen:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

converse-root.converse-overlayed:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

converse-root.converse-overlayed:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

converse-root.converse-overlayed:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

converse-root.converse-fullscreen:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: env(safe-area-inset-left);
    padding-left: env(safe-area-inset-right);
}

converse-root.converse-fullscreen:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: env(safe-area-inset-left);
    padding-left: env(safe-area-inset-right);
}

converse-root.converse-fullscreen:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: env(safe-area-inset-left);
    padding-left: env(safe-area-inset-right);
}

converse-root.converse-overlayed:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: env(safe-area-inset-left);
    padding-left: env(safe-area-inset-right);
}

converse-root.converse-overlayed:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: env(safe-area-inset-left);
    padding-left: env(safe-area-inset-right);
}

converse-root.converse-overlayed:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    padding-right: env(safe-area-inset-left);
    padding-left: env(safe-area-inset-right);
}

converse-root.converse-fullscreen {
    width: 100vw;
    height: 100vh;
}

converse-root.converse-embedded {
    position: relative;
}

converse-bg {
    background-color: var(--global-background-color);
    width: 100vw;
    height: 100vh;
    display: inline-block;
    position: absolute;
}

converse-bg.theme-cyberpunk {
    background: linear-gradient(#121212,#212938,#304468,#ab38bc,#121212);
}

converse-bg.theme-littlefoxies {
  background: #362E29;
}

.conversejs[data-converse-theme=littlefoxies],.conversejs[data-bs-theme=littlefoxies],converse-bg[data-converse-theme=littlefoxies],converse-bg[data-bs-theme=littlefoxies] {
    --cyan: #8be9fd;
    --green: #50fa7b;
    --green-rgb: 80,250,123;
    --orange: #ffb86c;
    --orange-rgb: 255,184,108;
    --pink: #ff79c6;
    --pink-rgb: 255,121,198;
    --purple: #bd93f9;
    --purple-rgb: 189,147,249;
    --red: #f55;
    --red-rgb: 255,85,85;
    --yellow: #f1fa8c;
    --yellow-rgb: 241,250,140;
    --gray: #6272a4;
    --darkgray: #362E29;
    --background-color: #362E29;
    --background-color-rgb: 40,42,54;
    --foreground-color: white;
    --chat-rgb: var(--green-rgb);
    --muc-rgb: var(--orange-rgb);
    --primary-rgb: var(--pink-rgb);
    --secondary-rgb: var(--purple-rgb);
    --success-color: var(--green);
    --success-color-rgb: var(--green-rgb);
    --danger-color: var(--red);
    --danger-color-rgb: var(--red-rgb);
    --warning-color: var(--orange);
    --info-color: var(--yellow);
    --info-color-rgb: var(--yellow-rgb);
    --converse-info: var(--info-color);
    --converse-info-rgb: var(--info-color-rgb);
    --converse-success: var(--success-color);
    --converse-success-rgb: var(--success-color-rgb);
    --converse-danger: var(--danger-color);
    --converse-danger-rgb: var(--danger-color-rgb);
    --converse-body-bg-rgb: var(--background-color-rgb);
    --converse-body-bg: #362E29;
    --converse-secondary-color: var(--secondary-color);
    --primary-color:#F5AF54 !important;
    --secondary-color: white!important;
    --converse-body-color: #362E29 !important;
    --converse-highlight-color: var(--yellow)!important;
}

.conversejs[data-converse-theme=littlefoxies] .form-check-input:checked,.conversejs[data-bs-theme=littlefoxies] .form-check-input:checked,converse-bg[data-converse-theme=littlefoxies] .form-check-input:checked,converse-bg[data-bs-theme=littlefoxies] .form-check-input:checked {
    background-color: #F5AF54;
    border-color: #F5AF54;
}

.conversejs[data-converse-theme=littlefoxies] .navbar-nav,.conversejs[data-bs-theme=littlefoxies] .navbar-nav,converse-bg[data-converse-theme=littlefoxies] .navbar-nav,converse-bg[data-bs-theme=littlefoxies] .navbar-nav {
    --converse-nav-link-color: var(--link-color)!important;
    --converse-nav-link-hover-color: var(--link-color-hover)!important;
}

.conversejs[data-converse-theme=littlefoxies] .popover,.conversejs[data-bs-theme=littlefoxies] .popover,converse-bg[data-converse-theme=littlefoxies] .popover,converse-bg[data-bs-theme=littlefoxies] .popover {
    --converse-popover-header-color: var(--background-color)!important;
    --converse-popover-header-bg: var(--info-color)!important;
}

.conversejs[data-converse-theme=littlefoxies] .modal,.conversejs[data-bs-theme=littlefoxies] .modal,converse-bg[data-converse-theme=littlefoxies] .modal,converse-bg[data-bs-theme=littlefoxies] .modal {
    --converse-modal-color: var(--foreground-color)!important;
}

.conversejs[data-converse-theme=littlefoxies] .list-group-item,.conversejs[data-bs-theme=littlefoxies] .list-group-item,converse-bg[data-converse-theme=littlefoxies] .list-group-item,converse-bg[data-bs-theme=littlefoxies] .list-group-item {
    --converse-list-group-color: var(--foreground-color);
}

.conversejs[data-converse-theme=littlefoxies] .list-group-item.active,.conversejs[data-bs-theme=littlefoxies] .list-group-item.active,converse-bg[data-converse-theme=littlefoxies] .list-group-item.active,converse-bg[data-bs-theme=littlefoxies] .list-group-item.active {
    --converse-list-group-active-color: var(--background-color)!important;
}

.conversejs[data-converse-theme=littlefoxies] .toast,.conversejs[data-bs-theme=littlefoxies] .toast,converse-bg[data-converse-theme=littlefoxies] .toast,converse-bg[data-bs-theme=littlefoxies] .toast {
    --converse-toast-color: var(--background-color);
    --converse-toast-bg: var(--secondary-color)!important;
}

.conversejs[data-converse-theme=littlefoxies],.conversejs[data-bs-theme=littlefoxies],converse-bg[data-converse-theme=littlefoxies],converse-bg[data-bs-theme=littlefoxies] {
    --chat-status-away: var(--orange);
    --chat-status-busy: var(--red);
    --chat-status-offline: var(--gray);
    --chat-status-online: var(--green);
    --controlbox-color: #F5AF54;
    --disabled-color: var(--gray);
    --error-color: var(--red);
    --focus-color: #F29924;
    --heading-color: #F5AF54;
    --link-color: #F5AF54;
    --subdued-color: var(--gray);
    --selection-color: black;
    --highlight-color: var(--gray);
    --highlight-color-hover: var(--darkgray);
    --chat-color: #E39624;
    --chat-header-fg-color: var(--chat-color);
    --chat-header-bg-color: var(--background-color);
    --muc-color: var(--orange);
    --muc-header-fg-color: var(--muc-color);
    --muc-header-bg-color: var(--background-color);
    --headlines-color: var(--pink);
    --headlines-header-fg-color: var(--headlines-color);
    --headlines-header-bg-color: var(--background-color);
    --brand-heading-color: var(--cyan);
    --chat-color-hover: var(--chat-color);
    --danger-color-hover: var(--danger-color);
    --global-background-color: var(--background-color);
    --link-color-hover: var(--link-color);
    --muc-color-hover: var(--muc-color);
    --primary-color-hover: var(--purple);
    --secondary-color-hover: var(--secondary-color);
    --success-color-hover: var(--success);
    --warning-color-hover: var(--orange);
}

converse-bg .subdued {
    opacity: .35;
}

converse-bg .converse-brand {
    justify-content: space-between;
    margin-top: 20vh;
    animation-name: fadein;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    display: flex;
}

converse-bg .converse-brand__text {
    color: var(--foreground-color);
    font-family: var(--branding-font);
    text-align: center;
    font-size: 140%;
    font-weight: 400;
}

converse-bg .converse-brand__text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .2em;
}

converse-bg .converse-brand__text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .2em;
}

converse-bg .converse-brand__text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .2em;
}

converse-bg .converse-brand__text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .2em;
}

converse-bg .converse-brand__text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .2em;
}

converse-bg .converse-brand__text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .2em;
}

converse-bg .converse-brand__text .byline {
    font-family: var(--heading-font);
    opacity: .55;
    margin: 0 0 2em;
    word-spacing: 5px;
    font-size: .3em;
}

converse-bg .converse-brand__text .byline:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -2.7em;
}

converse-bg .converse-brand__text .byline:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -2.7em;
}

converse-bg .converse-brand__text .byline:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: -2.7em;
}

converse-bg .converse-brand__text .byline:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -2.7em;
}

converse-bg .converse-brand__text .byline:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -2.7em;
}

converse-bg .converse-brand__text .byline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: -2.7em;
}

@media (max-width:575.98px) {
    converse-bg .converse-brand {
        display: none;
    }
}

converse-bg .converse-brand__heading {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y);
    flex-shrink: 0;
}

@media (min-width:768px) {
    converse-bg .converse-brand__heading {
        flex: none;
        width: 66.6667%;
        font-size: 4em;
    }
}

@media (min-width:992px) {
    converse-bg .converse-brand__heading {
        flex: none;
        width: 75%;
        font-size: 5em;
    }
}

@media (min-width:1200px) {
    converse-bg .converse-brand__heading {
        flex: none;
        width: 83.3333%;
        font-size: 6em;
    }
}

converse-bg .converse-brand__heading converse-logo {
    height: 2em;
    margin-top: .4em;
    display: flex;
}

converse-bg .converse-brand__heading {
    padding: 0;
    justify-content: center;
    margin: auto;
    padding-top: 15%;
    display: flex;
}

.conversejs converse-add-contact-modal .modal-body {
    overflow-y: visible!important;
}

.chat-body converse-contact-approval-alert {
    margin: .5em;
}

.conversejs #controlbox .open-contacts-toggle,.conversejs #controlbox .open-contacts-toggle .fa,.conversejs #controlbox .open-contacts-toggle:hover,.conversejs #controlbox .open-contacts-toggle .fa:hover {
    color: var(--chat-color)!important;
}

.conversejs #controlbox .open-contacts-toggle {
    white-space: nowrap;
}

.conversejs #controlbox .open-contacts-toggle converse-icon {
    padding-bottom: .1em;
}

.conversejs #controlbox .open-contacts-toggle converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #controlbox .open-contacts-toggle converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #controlbox .open-contacts-toggle converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #controlbox .open-contacts-toggle converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #controlbox .open-contacts-toggle converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #controlbox .open-contacts-toggle converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #converse-roster {
    width: 100%;
    margin: 0;
    padding: 0;
}

.conversejs #converse-roster:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs #converse-roster:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs #converse-roster:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left;
}

.conversejs #converse-roster:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs #converse-roster:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs #converse-roster:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right;
}

.conversejs #converse-roster converse-dropdown converse-icon svg {
    fill: var(--chat-color)!important;
}

.conversejs #converse-roster .roster-contacts {
    color: var(--text-color);
    margin: 0 0 .2em;
    padding: 0;
    display: contents;
}

.conversejs #converse-roster .roster-contacts .roster-group-contacts .list-item {
    height: 2.5em;
}

.conversejs #converse-roster .roster-contacts .roster-group-contacts .list-item:hover .list-item-action {
    opacity: 1;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact {
    white-space: nowrap;
    text-overflow: ellipsis;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .open-chat {
    width: 100%;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .dropdown-item converse-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .dropdown-item converse-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .dropdown-item converse-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: .5em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .dropdown-item converse-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .dropdown-item converse-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .dropdown-item converse-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: .5em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions .list-item-action {
    line-height: 2em;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions:hover .list-item-action {
    opacity: 1;
}

.conversejs #converse-roster .roster-contacts converse-roster-contact .contact-actions converse-icon svg {
    fill: var(--chat-color)!important;
}

.conversejs #converse-roster .roster-contacts .group-toggle {
    font-family: var(--heading-font);
    width: 100%;
    margin: .75em 0 .25em;
    display: block;
}

.conversejs #converse-roster .roster-contacts .group-toggle,.conversejs #converse-roster .roster-contacts .group-toggle .fa {
    color: var(--chat-color)!important;
}

.conversejs #converse-roster .roster-contacts .group-toggle:hover,.conversejs #converse-roster .roster-contacts .group-toggle .fa:hover {
    color: var(--chat-color-hover)!important;
}

.conversejs #converse-roster .roster-contacts .list-item .list-item-link {
    margin: 0;
}

.conversejs #converse-roster .roster-contacts .list-item.requesting-xmpp-contact a {
    line-height: var(--line-height);
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat converse-icon.chat-status {
    border: 2px solid var(--background-color);
    position: relative;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat converse-icon.chat-status svg {
    display: flex;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat.unread-msgs {
    color: var(--info-color);
    font-weight: 700;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat.unread-msgs .contact-name {
    width: 70%;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name {
    float: none;
    max-width: 85%;
    height: 100%;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.unread-msgs {
    max-width: 60%;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-left: .25em;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-right: .25em;
}

.conversejs #converse-roster .roster-contacts .list-item.odd {
    background-color: #dceac5;
}

.conversejs #converse-roster .roster-contacts .list-item a,.conversejs #converse-roster .roster-contacts .list-item span {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.conversejs #converse-roster .roster-contacts .list-item .span {
    display: inline-block;
}

.conversejs #converse-roster .roster-contacts .list-item:hover {
    background-color: var(--highlight-color-hover);
}

.conversejs #converse-roster span.pending-contact-name {
    line-height: var(--line-height);
    width: 100%;
}

.conversejs,.conversejs-bg,#conversejs-bg,body.converse-fullscreen {
    --avatar-border-radius: 10%;
    --message-avatar-width: 36px;
    --message-avatar-height: 36px;
    --controlbox-width: 250px;
    --chatroom-width: 500px;
    --chat-textarea-height: 60px;
    --chat-separator-border-bottom: 2px solid var(--chat-color);
    --chatbox-button-size: 14px;
    --raised-el-shadow: 1px 1px 10px black;
    --fullpage-chat-height: calc(var(--vh,1vh)*100);
    --fullpage-chat-width: 100%;
    --fullpage-chatbox-button-size: 16px;
    --fullpage-emoji-picker-height: 300px;
    --fullpage-max-chat-textarea-height: 15em;
    --send-button-height: 27px;
    --send-button-margin: 3px;
    --inline-action-margin: .75em;
    --button-border-radius: 5px;
    --chatbox-border-radius: 4px;
    --normal-font: "Helvetica","Arial",sans-serif;
    --heading-font: "Muli",normal;
    --branding-font: "Baumans",cursive;
    --font-size-tiny: 10px;
    --font-size-small: 12px;
    --font-size: 14px;
    --font-size-large: 16px;
    --font-size-huge: 20px;
    --message-font-size: var(--font-size);
    --line-height-small: 14px;
    --line-height: 16px;
    --line-height-large: 20px;
    --line-height-huge: 27px;
    --embedded-emoji-picker-height: 300px;
    --minimized-chats-width: 130px;
    --mobile-chat-width: 100%;
    --mobile-chat-height: 400px;
    --overlayed-chat-gutter: 1em;
    --overlayed-chat-head-height: 55px;
    --overlayed-chat-height: 450px;
    --overlayed-chat-width: 300px;
    --overlayed-chatbox-hover-height: 1em;
    --overlayed-emoji-picker-height: 200px;
    --overlayed-max-chat-textarea-height: 200px;
    --list-toggle-font-weight: normal;
    --separator-text-color: var(--message-text-color);
    --text-color: var(--foreground-color);
}

.conversejs.converse-overlayed {
    --message-font-size: var(--font-size-small);
}

.conversejs converse-chats.converse-embedded.converse-singleton .flyout,.conversejs converse-chats.converse-fullscreen.converse-singleton .flyout {
    border: none!important;
}

.conversejs converse-chats.converse-embedded.converse-singleton .chat-head,.conversejs converse-chats.converse-fullscreen.converse-singleton .chat-head {
    padding: .5em;
}

.conversejs converse-chats.converse-embedded.converse-singleton .chatbox,.conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
    margin: 0;
    position: relative;
}

.conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y);
    flex-shrink: 0;
}

@media (min-width:768px) {
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
        flex: none;
        width: 100%;
    }
}

@media (min-width:992px) {
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
        flex: none;
        width: 100%;
    }
}

@media (min-width:1200px) {
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
        flex: none;
        width: 100%;
    }
}

body.converse-fullscreen {
    margin: 0;
    overflow: hidden;
}
/*# sourceMappingURL=converse.css.map*/








.pade-col {
  border-radius: 12px;
  color: #3F3530;
  background-color: #3F3530;
}
.pade-col-content {
  font-family: "sfnormal";
  color: white;
  background-color: #3F3530;
}
.muc-avatar {
  /* filter: blur(5px); */
  border-radius: 12px;
}
.list-toggle {
  font-family: "sfbld"!important;
}
.group-toggle {
  font-family: "sfnormal";
}
.controlbox-padded {
  font-family: "Open Sans";
}

.list-item-link {
  font-family: "sfnormal";
}
.btn {
  color: #F29924!important;
  background-color: #59442D!important;
  border-color: #59442D!important;
}
.exitButton {
  background-color: white!important;
}
.send-button {
  border-radius: 100000000px 0px 0px 100000000px!important;
}
.icon-paper-plane {
  color: #F29924!important;
}
.btn-toolbar {
  background-color: rgba(0, 0, 0, 0)!important;
}
.btn--standalone {
  background-color: rgba(0, 0, 0, 0)!important;
}
.dropdown-item {
  border-radius: 29px!important;
}
.show-msg-author-modal {
  font-family: "sfnormal";
}
.avatar {
  border-radius: 99999999px!important;
}
.avatar-initials {
  border-radius: 99999999px!important;
}
.toggle-emojis {
  border-radius: 0px!important;
}
.username {
  color: #F5AF54!important;
}
.show-msg-author-modal {
  font-family: "sfnormal";
  color: #F29924!important;
}
body {
  overflow-y: hidden;
}
.converse-login-form {
  background-color: #3F3530!important;
}