@charset "UTF-8";
@keyframes grow {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes grow {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes rotation {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes move-background {
  0% {
    background-position: center center;
  }
  25% {
    background-position: top left;
  }
  75% {
    background-position: bottom right;
  }
  100% {
    background-position: center center;
  }
}
@-webkit-keyframes move-background {
  0% {
    background-position: center center;
  }
  25% {
    background-position: top left;
  }
  75% {
    background-position: bottom right;
  }
  100% {
    background-position: center center;
  }
}
@keyframes flicked {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flicked {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.viewimage {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.viewimagebig {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 100;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.viewimagebig img {
  max-width: 100%;
}

#showErrorMessage {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  min-height: 100px;
  height: 20%;
  left: 0;
  position: fixed;
  background-color: #ab0909;
  border-bottom: 1px solid #d32a2a;
  font-size: 23px;
  padding: 16px;
  text-align: center;
  color: #fff;
  z-index: 101;
  text-shadow: 1px 1px 0 #940f0f;
  display: table;
}
#showErrorMessage span {
  display: table-cell;
  vertical-align: middle;
}

.markItUp .paragraph a {
  background-image: url(/bb2/sets/bbcode/images/paragraph.png);
}

.markItUp .paragraph .h1_mb a {
  background-image: url(/bb2/sets/bbcode/images/h1.png);
}

.markItUp .paragraph .h2_mb a {
  background-image: url(/bb2/sets/bbcode/images/h2.png);
}

.markItUp .paragraph .h3_mb a {
  background-image: url(/bb2/sets/bbcode/images/h3.png);
}

.markItUp .paragraph .h4_mb a {
  background-image: url(/bb2/sets/bbcode/images/h4.png);
}

.markItUp .paragraph .h5_mb a {
  background-image: url(/bb2/sets/bbcode/images/h5.png);
}

.markItUp .paragraph .h6_mb a {
  background-image: url(/bb2/sets/bbcode/images/h6.png);
}

.markItUp .paragraph .p_mb a {
  background-image: url(/bb2/sets/bbcode/images/paragraph.png);
}

.bbcode .bold a {
  background-image: url(/bb2/sets/bbcode/images/bold.png);
}

.bbcode .italic a {
  background-image: url(/bb2/sets/bbcode/images/italic.png);
}

.bbcode .underline a {
  background-image: url(/bb2/sets/bbcode/images/underline.png);
}

.bbcode .right a {
  background-image: url(/bb2/sets/bbcode/images/right.png);
}

.bbcode .center a {
  background-image: url(/bb2/sets/bbcode/images/center.png);
}

.bbcode .left a {
  background-image: url(/bb2/sets/bbcode/images/left.png);
}

.bbcode .spoiler_mb a {
  background-image: url(/bb2/sets/bbcode/images/spoiler.png);
}

.bbcode .youtube a {
  background-image: url(/bb2/sets/bbcode/images/youtube.png);
}

.bbcode .video_mb a {
  background-image: url(/bb2/sets/bbcode/images/youtube.png);
}

.bbcode .picture a {
  background-image: url(/bb2/sets/bbcode/images/picture.png);
}

.bbcode .link a {
  background-image: url(/bb2/sets/bbcode/images/link.png);
}

.bbcode .colors a {
  background-image: url(/bb2/sets/bbcode/images/colors.png);
}

.bbcode .colors ul {
  width: 81px;
  padding: 1px;
}

.bbcode .colors li {
  border: 1px solid white;
  width: 25px;
  height: 25px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  float: left;
}

.bbcode .colors ul a {
  width: 25px;
  height: 25px;
}

.bbcode .colors ul a:hover {
  background-color: none;
}

.bbcode .colors .col1-1 a {
  background: yellow;
}

.bbcode .colors .col1-2 a {
  background: orange;
}

.bbcode .colors .col1-3 a {
  background: red;
}

.bbcode .colors .col2-1 a {
  background: blue;
}

.bbcode .colors .col2-2 a {
  background: purple;
}

.bbcode .colors .col2-3 a {
  background: green;
}

.bbcode .colors .col3-1 a {
  background: white;
}

.bbcode .colors .col3-2 a {
  background: gray;
}

.bbcode .colors .col3-3 a {
  background: black;
}

.bbcode .fonts a {
  background-image: url(/bb2/sets/bbcode/images/fonts.png);
}

.bbcode .list-bullet a {
  background-image: url(/bb2/sets/bbcode/images/list-bullet.png);
}

.bbcode .list-numeric a {
  background-image: url(/bb2/sets/bbcode/images/list-numeric.png);
}

.bbcode .list-item a {
  background-image: url(/bb2/sets/bbcode/images/list-item.png);
}

.bbcode .room_mb a {
  background-image: url(/bb2/sets/bbcode/images/room.png);
}

.bbcode .room_mb {
  display: none;
}

#approom .bbcode .room_mb {
  display: block;
}

.bbcode .channel_mb {
  display: none;
}

.bbcode .char_mb a {
  background-image: url(/bb2/sets/bbcode/images/char.png);
}

.bbcode .paper_mb a {
  background-image: url(/bb2/sets/bbcode/images/paper.png);
}

.bbcode .lspoiler_mb a {
  background-image: url(/bb2/sets/bbcode/images/lspoiler.png);
}

.bbcode .audio_mb a {
  background-image: url(/bb2/sets/bbcode/images/audio.png);
}

.bbcode .strikethrough_mb a {
  background-image: url(/bb2/sets/bbcode/images/strikethrough.png);
}

.bbcode .float_right_mb a {
  background-image: url(/bb2/sets/bbcode/images/float-right.png);
}

.bbcode .float_left_mb a {
  background-image: url(/bb2/sets/bbcode/images/float-left.png);
}

.bbcode .tags_mb a {
  background-image: url(/bb2/sets/bbcode/images/question.png);
}

.bbcode .dice_mb a {
  background-image: url(/bb2/sets/bbcode/images/dice-icon16.png);
}

.bbcode .dice_mb {
  display: none;
}

#approom .bbcode .dice_mb {
  display: block;
}

.bbcode .clean a {
  background-image: url(/bb2/sets/bbcode/images/clean.png);
}

.bbcode .preview a {
  background-image: url(/bb2/sets/bbcode/images/preview.png);
}

div.sceditor-grip,
.sceditor-button div {
  background-image: none;
}

.bbcode .markItUpEditor {
  background-image: none;
}

.bbcode .markItUpContainer {
  background-image: none;
}

.bbcode .markItUpButton:hover {
  background-color: #a4a4a4;
}

.bbcode-right {
  text-align: right;
}

.bbcode-left {
  text-align: left;
}

.bbcode_center {
  text-align: center;
}

.bbcode_float_right {
  float: right;
}

.bbcode_float_left {
  float: left;
  margin-right: 5px;
}

.bbcodetohtml ul, .bbcodetohtml ul li {
  list-style-type: disc;
}

.bbcodetohtml ol, .bbcodetohtml ol li {
  list-style-type: decimal;
}

.bbcode_table tbody, .bbcode_table td, .bbcode_table tfoot, .bbcode_table th, .bbcode_table thead, .bbcode_table tr {
  border-width: 1px;
}

.lspoiler {
  color: gray;
  background-color: gray;
  display: inline-block;
}
.lspoiler * {
  opacity: 0;
}

.lspoiler:hover {
  color: unset;
  background-color: unset;
  display: inline-block;
}
.lspoiler:hover * {
  opacity: 1;
}

.bbcopy {
  font-family: "Lucida Console", "Courier New", monospace;
  background: #DDDDDD;
  cursor: pointer;
  position: relative;
}
.bbcopy::after {
  content: " ❏";
}
.bbcopy.copied:hover::before {
  content: "Скопировано!";
  color: #0f5132;
  background: #DDDDDD;
  white-space: normal;
  position: absolute;
  font-size: 20px;
  left: 0px;
  top: -50px;
  padding: 5px;
}
.bbcopy.copied:after {
  color: #0f5132;
}
.bbcopy:hover:before {
  content: "нажмите чтобы скопировать";
  background: #DDDDDD;
  white-space: normal;
  position: absolute;
  font-size: 20px;
  left: 0px;
  top: -108px;
  padding: 5px;
}

.bbcode_url_domain {
  display: none;
}

.bbroll_result {
  font-family: "Lucida Console", "Courier New", monospace;
  background: #f7f7f7;
  color: #0a53be;
  font-weight: 700;
  border: 1px #007bff solid;
  padding: 1px 1px 0 1px;
}
.bbroll_result .bbroll_crit {
  color: green;
}
.bbroll_result .bbroll_fail {
  color: red;
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
  margin: 0px;
  padding: 0px;
  outline: none;
}

.markItUp a:link,
.markItUp a:visited {
  color: #000;
  text-decoration: none;
}

.markItUp {
  box-sizing: border-box;
  /*width:700px;*/
  width: 100%;
  min-width: 10px;
  margin: 0;
}

.markItUpContainer {
  font: 13px Arial, sans-serif, monospace;
  background-color: #C9C9C9;
  text-align: left;
  min-width: 10px;
}

.markItUpContainer textarea {
  font: 15px Calibri, Arial, sans-serif;
}

.markItUpEditor:focus {
  border-color: #C9C9C9 !important;
}

.markItUpEditor {
  position: relative;
  display: block;
  font-family: monospace;
  font-size: 13px;
  padding: 5px 5px 5px 5px;
  width: 100%;
  min-width: 10px;
  resize: vertical;
  min-height: 25px;
  box-sizing: border-box;
  border: 0;
  border-left: inherit 1px solid;
  border-right: inherit 1px solid;
  /*width:643px;*/
  /*height:320px;*/
  background: #FFF;
  line-height: 18px;
  overflow: auto;
}

.markItUpPreviewFrame {
  overflow: auto;
  background-color: #FFFFFF;
  border: 1px solid #3C769D;
  width: 99.9%;
  height: 300px;
  margin: 5px 0;
}

.markItUpFooter {
  width: 100%;
  cursor: n-resize;
}

.markItUpResizeHandle {
  overflow: hidden;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  background: url(/bb2/skins/markitup/images/footer.svg) 50% no-repeat;
  cursor: n-resize;
  width: 100%;
}

/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li {
  list-style: none;
  float: left;
  position: relative;
  box-sizing: border-box;
}

.markItUpHeader ul li ul {
  display: none;
}

.markItUpHeader ul li:hover > ul {
  display: block;
}

.markItUpHeader ul .markItUpDropMenu {
  background: transparent url(/bb2/skins/markitup/images/menu.png) no-repeat 115% 155%;
}

.markItUpHeader ul .markItUpDropMenu li {
  margin-right: 0px;
}

.markItUpHeader ul .markItUpSeparator {
  width: 10px;
  text-indent: -10000px;
  height: 16px;
  overflow: hidden;
}

.markItUpHeader ul ul .markItUpSeparator {
  width: auto;
  height: 1px;
  margin: 0px;
}

/* next rows of buttons */
.markItUpHeader ul ul {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 16px;
  left: 0px;
  background: #F5F5F5;
  border: 1px solid #3C769D;
  height: inherit;
}

.markItUpHeader ul ul li {
  float: none;
  border-bottom: 1px solid #3C769D;
}

.markItUpHeader ul ul .markItUpDropMenu {
  background: #F5F5F5 url(/bb2/skins/markitup/images/submenu.png) no-repeat 100% 50%;
}

/* next rows of buttons */
.markItUpHeader ul ul ul {
  position: absolute;
  top: -1px;
  left: 150px;
}

.markItUpHeader ul ul ul li {
  float: none;
}

.markItUpHeader ul a {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  background-repeat: no-repeat;
  margin: 0px;
  border: 0;
}

.markItUpHeader ul ul a {
  display: block;
  text-indent: 0;
  width: 120px;
  line-height: normal;
  padding: 0px 0px 0px 25px;
  background-position: 2px 50%;
}

.markItUpHeader ul ul a:hover {
  color: #FFF;
  /*background-color:#3C769D;*/
}

/***************************************************************************************/
.html .markItUpEditor {
  background-image: url(/bb2/skins/markitup/images/bg-editor-html.png);
}

.markdown .markItUpEditor {
  background-image: url(/bb2/skins/markitup/images/bg-editor-markdown.png);
}

.textile .markItUpEditor {
  background-image: url(/bb2/skins/markitup/images/bg-editor-textile.png);
}

.wiki .markItUpEditor,
.dotclear .markItUpEditor {
  background-image: url(/bb2/skins/markitup/images/bg-editor-wiki.png);
}

@keyframes grow {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes grow {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes rotation {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes move-background {
  0% {
    background-position: center center;
  }
  25% {
    background-position: top left;
  }
  75% {
    background-position: bottom right;
  }
  100% {
    background-position: center center;
  }
}
@-webkit-keyframes move-background {
  0% {
    background-position: center center;
  }
  25% {
    background-position: top left;
  }
  75% {
    background-position: bottom right;
  }
  100% {
    background-position: center center;
  }
}
@keyframes flicked {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flicked {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.viewimage {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.viewimagebig {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 100;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.viewimagebig img {
  max-width: 100%;
}

#showErrorMessage {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  min-height: 100px;
  height: 20%;
  left: 0;
  position: fixed;
  background-color: #ab0909;
  border-bottom: 1px solid #d32a2a;
  font-size: 23px;
  padding: 16px;
  text-align: center;
  color: #fff;
  z-index: 101;
  text-shadow: 1px 1px 0 #940f0f;
  display: table;
}
#showErrorMessage span {
  display: table-cell;
  vertical-align: middle;
}

.markIt-UpDown .markItUpHeader ul ul {
  top: 1px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.markIt-UpDown .markItUpFooter {
  position: absolute;
  top: 0;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
}
.markIt-UpDown .markItUpContainer {
  position: relative;
  padding-top: 5px;
}

html:root {
  --rc-colBackground: #E5E5E5;
  --rc-colBorders: #DD00DD;
  --rc-colPanels: #BBBBBB;
  --rc-colFont: #333333;
  --rc-colSelectedFont: #333333;
  --rc-colSelectedPanel: #AAAAAA;
  --rc-colUnreadPanel: #AABBDD;
  --rc-colTextArea: #4a4a4a;
  --rc-colRed: #DD3333;
  --rc-colYellow: #888833;
  --rc-colGreen: #338833;
  --rc-colBlue: #304888;
  --rc-sizeMain: 20px;
}

@font-face {
  font-family: "icomoon";
  src: url("/font/icomoon.eot");
  src: url("/font/icomoon.eot") format("embedded-opentype"), url("/font/icomoon.ttf") format("truetype"), url("/font/icomoon.woff") format("woff"), url("/font/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html {
  font-size: var(--rc-sizeMain);
}

body {
  background: var(--rc-colBackground);
  color: var(--rc-colFont);
  font-family: Calibri, Arial, sans-serif, monospace, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0;
  scrollbar-color: var(--rc-colSelectedPanel) var(--rc-colPanels);
}

input {
  font-size: 1rem;
}

input[type=text], input[type=password], input[type=email], input[type=number] {
  width: 100%;
  color: var(--rc-colFont);
  background-color: var(--rc-colTextArea);
  box-sizing: border-box;
}

input[type=button] {
  color: var(--rc-colFont);
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--rc-colBackground);
  transition: background-color 0.25s ease;
}
input[type=button]:hover {
  background-color: var(--rc-colSelectedPanel);
  transition: background-color 0.25s ease;
}

textarea {
  font-size: 1rem;
  background-color: var(--rc-colTextArea);
  color: var(--rc-colFont);
  width: 98%;
}

.mlang {
  display: flex;
  margin-bottom: auto;
  margin-top: auto;
}
.mlang .lang {
  font-size: 0.8rem;
  height: 1rem;
  width: 2.3rem;
}

.card {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
  display: flex;
}
.card .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.card .right {
  white-space: nowrap;
}
.card {
  width: min-content;
  display: inline-flex;
  white-space: nowrap;
  cursor: pointer;
}
.card:hover {
  background-color: var(--rc-colBackground);
}
.card.unread {
  background-color: var(--rc-colUnreadPanel);
}
.card.sel {
  background-color: var(--rc-colSelectedPanel);
}

.w-card {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
  display: flex;
}
.w-card .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.w-card .right {
  white-space: nowrap;
}
.w-card {
  cursor: pointer;
}
.w-card:hover {
  background-color: var(--rc-colBackground);
}
.w-card.unread {
  background-color: var(--rc-colUnreadPanel);
}
.w-card.sel {
  background-color: var(--rc-colSelectedPanel);
}

.no-sel-card {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
  display: flex;
}
.no-sel-card .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.no-sel-card .right {
  white-space: nowrap;
}
.no-sel-card {
  width: min-content;
  display: inline-flex;
  white-space: nowrap;
}

.sel-font:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.sel-font {
  transition: text-shadow 0.25s ease;
}

.min-close-btn:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.min-close-btn {
  transition: text-shadow 0.25s ease;
}
.min-close-btn::after {
  content: "[X]";
}

.designCard, .colCard, .sizeCard, .numberCard, .boolCard, .radioCard {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
  display: flex;
}
.designCard .left, .colCard .left, .sizeCard .left, .numberCard .left, .boolCard .left, .radioCard .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.designCard .right, .colCard .right, .sizeCard .right, .numberCard .right, .boolCard .right, .radioCard .right {
  white-space: nowrap;
}
.designCard, .colCard, .sizeCard, .numberCard, .boolCard, .radioCard {
  width: min-content;
  display: inline-flex;
  white-space: nowrap;
  min-width: 8rem;
}

.designCard {
  cursor: pointer;
}
.designCard:hover {
  background-color: var(--rc-colBackground);
}
.designCard.unread {
  background-color: var(--rc-colUnreadPanel);
}
.designCard.sel {
  background-color: var(--rc-colSelectedPanel);
}

.colCard {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
  display: flex;
}
.colCard .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.colCard .right {
  white-space: nowrap;
}
.colCard {
  width: min-content;
  display: inline-flex;
  white-space: nowrap;
  display: inline-grid;
  padding: 0 3px 0 0;
  height: 2.1rem;
  grid-template-rows: 1rem auto;
  grid-template-columns: 2rem auto;
  grid-gap: 0.1rem;
}
.colCard .color {
  width: 2rem;
  height: 2.1rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
}
.colCard .color input[type=color] {
  inline-size: 2.1rem;
  block-size: 2.1rem;
  padding: 0 0 0 0;
  cursor: pointer;
}
.colCard .name {
  height: 1rem;
  grid-column: 2;
  grid-row: 1;
}
.colCard .hex {
  height: 1rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}

.charCardBig {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.75rem auto;
  grid-template-columns: 3.5rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  cursor: pointer;
  font-size: 1.5rem;
}
.charCardBig:hover {
  background-color: var(--rc-colBackground);
}
.charCardBig .ava {
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.charCardBig .ava img {
  max-height: 3.5rem;
  max-width: 3.5rem;
}
.charCardBig .ava .uploadAva {
  display: none;
  height: 1.1666666667rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.875rem;
}
.charCardBig .ava .uploadAva .aui {
  display: none;
}
.charCardBig .name, .charCardBig .other {
  margin-left: 0.1rem;
}
.charCardBig .name {
  height: 1.75rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.charCardBig .other {
  padding: 0 3px 0 0;
  height: 1.75rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.charCardBig .other .left {
  display: flex;
}
.charCardBig .other .right {
  margin-left: auto;
}
.charCardBig .other .left input, .charCardBig .other .left label, .charCardBig .other .right input, .charCardBig .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.charCardBig .other .room {
  font-size: 1rem;
}
.charCardBig .other .room:before {
  content: "[";
}
.charCardBig .other .room:after {
  content: "]";
}
.charCardBig .toggle-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.charCardBig .toggle-switch input[type=checkbox] {
  display: none;
}
.charCardBig .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.75rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.charCardBig .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.charCardBig .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.charCardBig .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(1.5rem);
}
.charCardBig .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.charCardBig .state::before {
  content: "•";
}
.charCardBig .state.online {
  color: var(--rc-colGreen);
}
.charCardBig .state.reconnect {
  color: var(--rc-colYellow);
}
.charCardBig .state.reconnect::after {
  content: "...";
}
.charCardBig .state.offline {
  color: var(--rc-colRed);
}
.charCardBig .state.looking {
  color: var(--rc-colBlue);
}
.charCardBig .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.charCardBig .state.away {
  color: var(--rc-colYellow);
}
.charCardBig .state.busy {
  color: var(--rc-colRed);
}
.charCardBig .state.connecting {
  color: var(--rc-colYellow);
}
.charCardBig .state.connecting::after {
  content: "...";
}
.charCardBig .state.wait {
  color: var(--rc-colYellow);
}
.charCardBig .state.wait::after {
  content: "...";
}

.btn {
  cursor: pointer;
  width: min-content;
  display: inline-flex;
  white-space: nowrap;
}
.btn:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.btn {
  transition: text-shadow 0.25s ease;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
}
.btn.act {
  font-weight: bolder;
  text-shadow: var(--rc-colBorders) 0 0 1px;
}
.btn::before {
  content: "[";
}
.btn::after {
  content: "]";
}

.txtbtn {
  cursor: pointer;
  width: min-content;
  display: inline-flex;
  white-space: nowrap;
}
.txtbtn:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.txtbtn {
  transition: text-shadow 0.25s ease;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
}
.txtbtn.act {
  font-weight: bolder;
  text-shadow: var(--rc-colBorders) 0 0 1px;
}

.picbtn {
  width: 1rem;
  height: 1rem;
  opacity: 0.7;
  background-size: cover;
  cursor: pointer;
}
.picbtn:hover {
  opacity: 1;
}
.picbtn {
  transition: opacity 0.25s ease;
}

.fontbtn {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  display: inline-flex;
}
.fontbtn:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.fontbtn {
  transition: text-shadow 0.25s ease;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
}

.dragover {
  background-color: var(--rc-colUnreadPanel);
  opacity: 0.5;
}

.charDropMenu {
  position: absolute;
  width: 7rem;
  background-color: var(--rc-colBackground);
  border: 2px var(--rc-colBorders) solid;
  box-sizing: border-box;
  overflow: hidden;
}
.charDropMenu .ava {
  width: 100%;
}
.charDropMenu .ava img {
  width: 100%;
}
.charDropMenu .menu {
  padding-left: 5px;
}
.charDropMenu .menu .state::before {
  content: "•";
}
.charDropMenu .menu .state.online {
  color: var(--rc-colGreen);
}
.charDropMenu .menu .state.reconnect {
  color: var(--rc-colYellow);
}
.charDropMenu .menu .state.reconnect::after {
  content: "...";
}
.charDropMenu .menu .state.offline {
  color: var(--rc-colRed);
}
.charDropMenu .menu .state.looking {
  color: var(--rc-colBlue);
}
.charDropMenu .menu .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.charDropMenu .menu .state.away {
  color: var(--rc-colYellow);
}
.charDropMenu .menu .state.busy {
  color: var(--rc-colRed);
}
.charDropMenu .menu .state.connecting {
  color: var(--rc-colYellow);
}
.charDropMenu .menu .state.connecting::after {
  content: "...";
}
.charDropMenu .menu .state.wait {
  color: var(--rc-colYellow);
}
.charDropMenu .menu .state.wait::after {
  content: "...";
}
.charDropMenu .menu .copyID::before, .charDropMenu .menu .copyBBTag::before {
  content: "❏ ";
}

#appchat {
  position: fixed;
  height: 100%;
  width: 100vw;
  overflow-y: hidden;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  background-size: cover;
  background-repeat: no-repeat;
}

#wider {
  position: relative;
  height: 100%;
  width: 100vw;
}
#wider.mobile {
  width: auto;
}

.chatWindow {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  display: inline-flex;
  flex-direction: row;
}
.chatWindow .leftCol {
  display: inline-flex;
  flex-direction: column;
  width: 12.5rem;
  min-width: 12.5rem;
}
.chatWindow .mainCol {
  width: 100%;
  max-width: calc(100vw - 25rem - 10px);
}
.chatWindow .mainCol.hideRight {
  max-width: calc(100vw - 12.5rem - 10px);
}
.chatWindow .rightCol {
  width: 12.5rem;
  min-width: 12.5rem;
  display: flex;
  flex-direction: column;
}

.mainCol {
  display: inline-flex;
  flex-direction: row;
}
.mainCol .desk {
  height: 100%;
  max-width: 50%;
  box-sizing: border-box;
}
.mainCol .desk.settings, .mainCol .desk.room, .mainCol .desk.rooms {
  width: 100%;
}
.mainCol .chatTab {
  height: 100%;
  width: 100%;
}
.mainCol .desk.settings + .chatTab, .mainCol .desk.room + .chatTab, .mainCol .desk.rooms + .chatTab {
  max-width: 50%;
}

.mobile .mainCol {
  width: auto;
  max-width: unset;
}
.mobile .mainCol .desk {
  max-width: unset;
}
.mobile .mainCol .desk .settings, .mobile .mainCol .desk .room, .mobile .mainCol .desk .rooms {
  width: 100vw;
}
.mobile .mainCol .desk .chooseAuthCharTab, .mobile .mainCol .desk .channelBrowser {
  width: calc(100vw - 12.5rem - 5px) !important;
}
.mobile .mainCol .chatTab {
  width: 100vw;
  max-width: 100vw;
  min-width: 100vw;
}
.mobile .mainCol.hideRight {
  max-width: none;
}

.fon {
  position: absolute;
  left: 12.5rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center;
  height: 100%;
  width: calc(100% - 12.5rem);
  z-index: -100;
}

.mobile .fon {
  width: 100%;
}

.mobile .chatWindow {
  border: 0px var(--rc-colSelectedPanel) solid;
}

.chatWindow {
  font-size: var(--rc-sizeMain);
  border: 5px var(--rc-colSelectedPanel) solid;
  box-sizing: border-box;
}
.chatWindow .leftCol {
  overflow: hidden;
}
.chatWindow .leftCol .up {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  border-bottom: 1px var(--rc-colBorders) solid;
  background-color: var(--rc-colPanels);
}
.chatWindow .leftCol .up .logout {
  float: right;
}
.chatWindow .leftCol .up .logout:before {
  content: "\e900";
}
.chatWindow .leftCol .up .auth .regbtns {
  display: flex;
}
.chatWindow .leftCol .up .auth .regbtns .regin {
  margin-left: auto;
}
.chatWindow .leftCol .up .auth .regbtns .regor {
  margin-left: auto;
}
.chatWindow .leftCol .mid {
  overflow-y: auto;
  scrollbar-width: thin;
  border-bottom: 1px var(--rc-colBorders) solid;
}
.chatWindow .leftCol .mid .char.pm, .chatWindow .leftCol .mid .opm {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.1666666667rem auto;
  grid-template-columns: 2.3333333333rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  cursor: pointer;
  font-size: 1rem;
}
.chatWindow .leftCol .mid .char.pm:hover, .chatWindow .leftCol .mid .opm:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .leftCol .mid .char.pm .ava, .chatWindow .leftCol .mid .opm .ava {
  width: 2.3333333333rem;
  height: 2.3333333333rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.chatWindow .leftCol .mid .char.pm .ava img, .chatWindow .leftCol .mid .opm .ava img {
  max-height: 2.3333333333rem;
  max-width: 2.3333333333rem;
}
.chatWindow .leftCol .mid .char.pm .ava .uploadAva, .chatWindow .leftCol .mid .opm .ava .uploadAva {
  display: none;
  height: 0.7777777778rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.5833333333rem;
}
.chatWindow .leftCol .mid .char.pm .ava .uploadAva .aui, .chatWindow .leftCol .mid .opm .ava .uploadAva .aui {
  display: none;
}
.chatWindow .leftCol .mid .char.pm .name, .chatWindow .leftCol .mid .char.pm .other, .chatWindow .leftCol .mid .opm .name, .chatWindow .leftCol .mid .opm .other {
  margin-left: 0.1rem;
}
.chatWindow .leftCol .mid .char.pm .name, .chatWindow .leftCol .mid .opm .name {
  height: 1.1666666667rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.chatWindow .leftCol .mid .char.pm .other, .chatWindow .leftCol .mid .opm .other {
  padding: 0 3px 0 0;
  height: 1.1666666667rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.chatWindow .leftCol .mid .char.pm .other .left, .chatWindow .leftCol .mid .opm .other .left {
  display: flex;
}
.chatWindow .leftCol .mid .char.pm .other .right, .chatWindow .leftCol .mid .opm .other .right {
  margin-left: auto;
}
.chatWindow .leftCol .mid .char.pm .other .left input, .chatWindow .leftCol .mid .char.pm .other .left label, .chatWindow .leftCol .mid .char.pm .other .right input, .chatWindow .leftCol .mid .char.pm .other .right label, .chatWindow .leftCol .mid .opm .other .left input, .chatWindow .leftCol .mid .opm .other .left label, .chatWindow .leftCol .mid .opm .other .right input, .chatWindow .leftCol .mid .opm .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .leftCol .mid .char.pm .other .room, .chatWindow .leftCol .mid .opm .other .room {
  font-size: 1rem;
}
.chatWindow .leftCol .mid .char.pm .other .room:before, .chatWindow .leftCol .mid .opm .other .room:before {
  content: "[";
}
.chatWindow .leftCol .mid .char.pm .other .room:after, .chatWindow .leftCol .mid .opm .other .room:after {
  content: "]";
}
.chatWindow .leftCol .mid .char.pm .toggle-switch, .chatWindow .leftCol .mid .opm .toggle-switch {
  position: relative;
  display: inline-block;
  width: 1.8333333333rem;
  height: 0.9166666667rem;
}
.chatWindow .leftCol .mid .char.pm .toggle-switch input[type=checkbox], .chatWindow .leftCol .mid .opm .toggle-switch input[type=checkbox] {
  display: none;
}
.chatWindow .leftCol .mid .char.pm .toggle-switch .slider, .chatWindow .leftCol .mid .opm .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.4583333333rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chatWindow .leftCol .mid .char.pm .toggle-switch .slider::before, .chatWindow .leftCol .mid .opm .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatWindow .leftCol .mid .char.pm .toggle-switch input[type=checkbox]:checked + .slider, .chatWindow .leftCol .mid .opm .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.chatWindow .leftCol .mid .char.pm .toggle-switch input[type=checkbox]:checked + .slider::before, .chatWindow .leftCol .mid .opm .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(0.9166666667rem);
}
.chatWindow .leftCol .mid .char.pm .toggle-switch:focus-within .slider, .chatWindow .leftCol .mid .opm .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.chatWindow .leftCol .mid .char.pm .state::before, .chatWindow .leftCol .mid .opm .state::before {
  content: "•";
}
.chatWindow .leftCol .mid .char.pm .state.online, .chatWindow .leftCol .mid .opm .state.online {
  color: var(--rc-colGreen);
}
.chatWindow .leftCol .mid .char.pm .state.reconnect, .chatWindow .leftCol .mid .opm .state.reconnect {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .char.pm .state.reconnect::after, .chatWindow .leftCol .mid .opm .state.reconnect::after {
  content: "...";
}
.chatWindow .leftCol .mid .char.pm .state.offline, .chatWindow .leftCol .mid .opm .state.offline {
  color: var(--rc-colRed);
}
.chatWindow .leftCol .mid .char.pm .state.looking, .chatWindow .leftCol .mid .opm .state.looking {
  color: var(--rc-colBlue);
}
.chatWindow .leftCol .mid .char.pm .state.looking::before, .chatWindow .leftCol .mid .opm .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.chatWindow .leftCol .mid .char.pm .state.away, .chatWindow .leftCol .mid .opm .state.away {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .char.pm .state.busy, .chatWindow .leftCol .mid .opm .state.busy {
  color: var(--rc-colRed);
}
.chatWindow .leftCol .mid .char.pm .state.connecting, .chatWindow .leftCol .mid .opm .state.connecting {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .char.pm .state.connecting::after, .chatWindow .leftCol .mid .opm .state.connecting::after {
  content: "...";
}
.chatWindow .leftCol .mid .char.pm .state.wait, .chatWindow .leftCol .mid .opm .state.wait {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .char.pm .state.wait::after, .chatWindow .leftCol .mid .opm .state.wait::after {
  content: "...";
}
.chatWindow .leftCol .mid .char.pm.unread, .chatWindow .leftCol .mid .opm.unread {
  background-color: var(--rc-colUnreadPanel);
}
.chatWindow .leftCol .mid .char.pm.sel, .chatWindow .leftCol .mid .opm.sel {
  background-color: var(--rc-colSelectedPanel);
}
.chatWindow .leftCol .mid .char.pm .right, .chatWindow .leftCol .mid .opm .right {
  margin-top: -2px;
}
.chatWindow .leftCol .mid .char.pm .close:hover, .chatWindow .leftCol .mid .opm .close:hover {
  color: var(--rc-colSelectedFont);
}
.chatWindow .leftCol .mid .channel {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
  display: flex;
}
.chatWindow .leftCol .mid .channel .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.chatWindow .leftCol .mid .channel .right {
  white-space: nowrap;
}
.chatWindow .leftCol .mid .channel {
  cursor: pointer;
}
.chatWindow .leftCol .mid .channel:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .leftCol .mid .channel.unread {
  background-color: var(--rc-colUnreadPanel);
}
.chatWindow .leftCol .mid .channel.sel {
  background-color: var(--rc-colSelectedPanel);
}
.chatWindow .leftCol .mid .channel .left {
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
}
.chatWindow .leftCol .mid .channel .count:before {
  content: "(";
}
.chatWindow .leftCol .mid .channel .count:after {
  content: ")";
}
.chatWindow .leftCol .mid .channel.error .left:before {
  color: var(--rc-colRed);
  font-weight: bold;
  content: "(!) ";
}
.chatWindow .leftCol .mid .hat {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  border-right-width: 0;
  padding: 0 0 0 3px;
  font-size: 1.2rem;
  display: flex;
  min-height: 1.5rem;
}
.chatWindow .leftCol .mid .hat .right {
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .leftCol .mid .hat .right.newpm {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/svg/plus.svg");
}
.chatWindow .leftCol .mid .hat.global, .chatWindow .leftCol .mid .hat.myChars, .chatWindow .leftCol .mid .hat.sys {
  cursor: pointer;
}
.chatWindow .leftCol .mid .hat.global:hover, .chatWindow .leftCol .mid .hat.myChars:hover, .chatWindow .leftCol .mid .hat.sys:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .leftCol .mid .hat.global.sel, .chatWindow .leftCol .mid .hat.myChars.sel, .chatWindow .leftCol .mid .hat.sys.sel {
  background-color: var(--rc-colSelectedPanel);
}
.chatWindow .leftCol .mid .hat.global.active, .chatWindow .leftCol .mid .hat.myChars.active, .chatWindow .leftCol .mid .hat.sys.active {
  background-color: var(--rc-colBorders);
  color: var(--rc-colSelectedFont);
}
.chatWindow .leftCol .mid .hat.global span, .chatWindow .leftCol .mid .hat.myChars span, .chatWindow .leftCol .mid .hat.sys span {
  display: flex;
}
.chatWindow .leftCol .mid .hat.global span::after, .chatWindow .leftCol .mid .hat.myChars span::after, .chatWindow .leftCol .mid .hat.sys span::after {
  color: var(--rc-colBorders);
  content: " ➤";
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.1666666667rem auto;
  grid-template-columns: 2.3333333333rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  cursor: pointer;
  font-size: 1rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .ava {
  width: 2.3333333333rem;
  height: 2.3333333333rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .ava img {
  max-height: 2.3333333333rem;
  max-width: 2.3333333333rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .ava .uploadAva {
  display: none;
  height: 0.7777777778rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.5833333333rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .ava .uploadAva .aui {
  display: none;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .name, .chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other {
  margin-left: 0.1rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .name {
  height: 1.1666666667rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other {
  padding: 0 3px 0 0;
  height: 1.1666666667rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .left {
  display: flex;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .right {
  margin-left: auto;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .left input, .chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .left label, .chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .right input, .chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .room {
  font-size: 1rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .room:before {
  content: "[";
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .other .room:after {
  content: "]";
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch {
  position: relative;
  display: inline-block;
  width: 1.8333333333rem;
  height: 0.9166666667rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch input[type=checkbox] {
  display: none;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.4583333333rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(0.9166666667rem);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state::before {
  content: "•";
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.online {
  color: var(--rc-colGreen);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.reconnect {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.reconnect::after {
  content: "...";
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.offline {
  color: var(--rc-colRed);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.looking {
  color: var(--rc-colBlue);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.away {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.busy {
  color: var(--rc-colRed);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.connecting {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.connecting::after {
  content: "...";
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.wait {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .mid .chooseAuthCharTab .authChar.char .state.wait::after {
  content: "...";
}
.chatWindow .leftCol .bot {
  margin-top: auto;
}
.chatWindow .leftCol .bot .curChar {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.75rem auto;
  grid-template-columns: 3.5rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  cursor: pointer;
  font-size: 1.5rem;
}
.chatWindow .leftCol .bot .curChar:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .leftCol .bot .curChar .ava {
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.chatWindow .leftCol .bot .curChar .ava img {
  max-height: 3.5rem;
  max-width: 3.5rem;
}
.chatWindow .leftCol .bot .curChar .ava .uploadAva {
  display: none;
  height: 1.1666666667rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.875rem;
}
.chatWindow .leftCol .bot .curChar .ava .uploadAva .aui {
  display: none;
}
.chatWindow .leftCol .bot .curChar .name, .chatWindow .leftCol .bot .curChar .other {
  margin-left: 0.1rem;
}
.chatWindow .leftCol .bot .curChar .name {
  height: 1.75rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.chatWindow .leftCol .bot .curChar .other {
  padding: 0 3px 0 0;
  height: 1.75rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.chatWindow .leftCol .bot .curChar .other .left {
  display: flex;
}
.chatWindow .leftCol .bot .curChar .other .right {
  margin-left: auto;
}
.chatWindow .leftCol .bot .curChar .other .left input, .chatWindow .leftCol .bot .curChar .other .left label, .chatWindow .leftCol .bot .curChar .other .right input, .chatWindow .leftCol .bot .curChar .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .leftCol .bot .curChar .other .room {
  font-size: 1rem;
}
.chatWindow .leftCol .bot .curChar .other .room:before {
  content: "[";
}
.chatWindow .leftCol .bot .curChar .other .room:after {
  content: "]";
}
.chatWindow .leftCol .bot .curChar .toggle-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.chatWindow .leftCol .bot .curChar .toggle-switch input[type=checkbox] {
  display: none;
}
.chatWindow .leftCol .bot .curChar .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.75rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chatWindow .leftCol .bot .curChar .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatWindow .leftCol .bot .curChar .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.chatWindow .leftCol .bot .curChar .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(1.5rem);
}
.chatWindow .leftCol .bot .curChar .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.chatWindow .leftCol .bot .curChar .state::before {
  content: "•";
}
.chatWindow .leftCol .bot .curChar .state.online {
  color: var(--rc-colGreen);
}
.chatWindow .leftCol .bot .curChar .state.reconnect {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .bot .curChar .state.reconnect::after {
  content: "...";
}
.chatWindow .leftCol .bot .curChar .state.offline {
  color: var(--rc-colRed);
}
.chatWindow .leftCol .bot .curChar .state.looking {
  color: var(--rc-colBlue);
}
.chatWindow .leftCol .bot .curChar .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.chatWindow .leftCol .bot .curChar .state.away {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .bot .curChar .state.busy {
  color: var(--rc-colRed);
}
.chatWindow .leftCol .bot .curChar .state.connecting {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .bot .curChar .state.connecting::after {
  content: "...";
}
.chatWindow .leftCol .bot .curChar .state.wait {
  color: var(--rc-colYellow);
}
.chatWindow .leftCol .bot .curChar .state.wait::after {
  content: "...";
}
.chatWindow .leftCol .bot .curChar {
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  font-size: var(--rc-sizeMain);
}
.chatWindow .leftCol .bot .curChar .left {
  margin-bottom: 2px;
}
.chatWindow .leftCol .bot .characterNotSelected:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.chatWindow .leftCol .bot .characterNotSelected {
  transition: text-shadow 0.25s ease;
  font-size: 1.5rem;
  text-align: center;
  cursor: pointer;
  animation: flicked 1s linear;
  animation-iteration-count: 1000;
  background-color: var(--rc-colPanels);
  border-top: 1px var(--rc-colBorders) solid;
}
.chatWindow .mainCol {
  border-left: 1px var(--rc-colBorders) solid;
  border-right: 1px var(--rc-colBorders) solid;
}
.chatWindow .mainCol .chatTab {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content auto min-content;
}
.chatWindow .mainCol .chatTab .topBar {
  grid-column: 1;
  grid-row: 1;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.chatWindow .mainCol .chatTab .topBar .right {
  display: inline-flex;
  float: right;
}
.chatWindow .mainCol .chatTab .topBar .private {
  width: 100%;
  margin: 5px;
}
.chatWindow .mainCol .chatTab .topBar .private .private {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.75rem auto;
  grid-template-columns: 3.5rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  margin-left: 1px;
  cursor: pointer;
  font-size: 1.5rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .mainCol .chatTab .topBar .private .private .ava {
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.chatWindow .mainCol .chatTab .topBar .private .private .ava img {
  max-height: 3.5rem;
  max-width: 3.5rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private .ava .uploadAva {
  display: none;
  height: 1.1666666667rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.875rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private .ava .uploadAva .aui {
  display: none;
}
.chatWindow .mainCol .chatTab .topBar .private .private .name, .chatWindow .mainCol .chatTab .topBar .private .private .other {
  margin-left: 0.1rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private .name {
  height: 1.75rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.chatWindow .mainCol .chatTab .topBar .private .private .other {
  padding: 0 3px 0 0;
  height: 1.75rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.chatWindow .mainCol .chatTab .topBar .private .private .other .left {
  display: flex;
}
.chatWindow .mainCol .chatTab .topBar .private .private .other .right {
  margin-left: auto;
}
.chatWindow .mainCol .chatTab .topBar .private .private .other .left input, .chatWindow .mainCol .chatTab .topBar .private .private .other .left label, .chatWindow .mainCol .chatTab .topBar .private .private .other .right input, .chatWindow .mainCol .chatTab .topBar .private .private .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .mainCol .chatTab .topBar .private .private .other .room {
  font-size: 1rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private .other .room:before {
  content: "[";
}
.chatWindow .mainCol .chatTab .topBar .private .private .other .room:after {
  content: "]";
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch input[type=checkbox] {
  display: none;
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.75rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(1.5rem);
}
.chatWindow .mainCol .chatTab .topBar .private .private .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.chatWindow .mainCol .chatTab .topBar .private .private .state::before {
  content: "•";
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.online {
  color: var(--rc-colGreen);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.reconnect {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.reconnect::after {
  content: "...";
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.offline {
  color: var(--rc-colRed);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.looking {
  color: var(--rc-colBlue);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.away {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.busy {
  color: var(--rc-colRed);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.connecting {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.connecting::after {
  content: "...";
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.wait {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .chatTab .topBar .private .private .state.wait::after {
  content: "...";
}
.chatWindow .mainCol .chatTab .topBar .global, .chatWindow .mainCol .chatTab .topBar .system {
  font-size: 1.2rem;
  margin: 5px;
  width: 100%;
  background-color: var(--rc-colPanels);
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border: 1px var(--rc-colBorders) solid;
}
.chatWindow .mainCol .chatTab .topBar .global .down, .chatWindow .mainCol .chatTab .topBar .system .down {
  display: flex;
  margin: 0.2rem 0 0.2rem;
}
.chatWindow .mainCol .chatTab .topBar .global .down .room, .chatWindow .mainCol .chatTab .topBar .system .down .room {
  font-size: 0.8rem;
}
.chatWindow .mainCol .chatTab .topBar .global .down .room::before, .chatWindow .mainCol .chatTab .topBar .system .down .room::before {
  content: "[";
}
.chatWindow .mainCol .chatTab .topBar .global .down .room::after, .chatWindow .mainCol .chatTab .topBar .system .down .room::after {
  content: "]";
}
.chatWindow .mainCol .chatTab .topBar .global .down .right, .chatWindow .mainCol .chatTab .topBar .system .down .right {
  margin-left: auto;
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol {
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol.unread {
  background-color: var(--rc-colUnreadPanel);
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol.sel {
  background-color: var(--rc-colSelectedPanel);
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol {
  width: 1rem;
  background-color: var(--rc-colPanels);
  transition: background-color 0.25s ease;
  margin-left: auto;
  border-left: 1px var(--rc-colBorders) solid;
  border-bottom: 1px var(--rc-colBorders) solid;
  text-align: center;
  font-weight: bolder;
  font-size: 1rem;
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol:after {
  content: ">";
}
.chatWindow .mainCol .chatTab .topBar .hideRightCol.hide::after {
  content: "<";
}
.chatWindow .mainCol .chatTab .messagesField {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  flex-direction: column-reverse;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField {
  position: absolute;
  width: 100%;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .more {
  text-align: center;
  line-height: 3rem;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: bold;
  opacity: 0.5;
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .more:hover {
  opacity: 1;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message {
  background-color: var(--rc-colPanels);
  border-bottom: 1px var(--rc-colBorders) solid;
  border-top: 1px var(--rc-colBorders) solid;
  min-height: 1.5rem;
  padding-left: 5px;
  padding-right: 5px;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .left-up {
  display: inline-flex;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .right-up {
  float: right;
  display: flex;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .down {
  display: flex;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .down .left-down {
  display: inline-flex;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .down .right-down {
  display: inline-flex;
  margin-left: auto;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .ava {
  height: 2rem;
  width: 2rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  margin-right: 0.2rem;
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message.withava {
  padding-left: 5px;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message.withava .ava {
  margin-left: -5px;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message.withava {
  min-height: 2rem;
  margin-top: 0.5rem;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .author {
  font-weight: bold;
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .state {
  font-size: 0.7rem;
  margin-right: 5px;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .state.not_delivered {
  color: var(--rc-colRed);
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .state.sending {
  color: var(--rc-colYellow);
  font-weight: bolder;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .state.sending:after {
  content: "...";
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .state.confirmed {
  display: none;
  color: var(--rc-colGreen);
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .edited {
  font-size: 0.7rem;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .time {
  font-size: 0.7rem;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .buttons {
  font-size: 0.7rem;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .message .button:hover {
  color: var(--rc-colSelectedFont);
}
.chatWindow .mainCol .chatTab .messagesField .messagesFinalField .typing {
  background-color: var(--rc-colPanels);
  height: 1.2rem;
  padding-left: 5px;
  padding-right: 5px;
  width: max-content;
}
.chatWindow .mainCol .chatTab .chatBottom {
  grid-column: 1;
  grid-row: 3;
}
.chatWindow .mainCol .chatTab .chatBottom .thinkPanel {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  background-color: var(--rc-colPanels);
  display: flex;
}
.chatWindow .mainCol .chatTab .chatBottom .thinkPanel .left {
  width: 100%;
}
.chatWindow .mainCol .chatTab .chatBottom .thinkPanel .left .langbtns {
  display: inline;
  width: min-content;
}
.chatWindow .mainCol .chatTab .chatBottom .thinkPanel .left .toggleAITBTN {
  cursor: pointer;
}
.chatWindow .mainCol .chatTab .chatBottom .thinkPanel .left .mask {
  font-weight: bold;
}
.chatWindow .mainCol .chatTab .chatBottom .thinkPanel .right {
  width: min-content;
}
.chatWindow .mainCol .chatTab .chatBottom.AITActive textarea.markItUpEditor {
  background-color: var(--rc-colUnreadPanel);
}
.chatWindow .mainCol .desk {
  border-left: 3px var(--rc-colBorders) solid;
  border-right: 1px var(--rc-colBorders) solid;
  height: 100%;
}
.chatWindow .mainCol .desk .chooseAuthCharTab {
  width: 17rem;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: thin;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .hat {
  font-size: 1.4rem;
  padding: 0 5px 5px 5px;
  background-color: var(--rc-colPanels);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .flist {
  font-size: 0.8rem;
  margin-top: auto;
  text-align: center;
  opacity: 0;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .createChar {
  margin-bottom: 1rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .createChar .ava {
  background: url("/svg/plus.svg");
  background-size: cover;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.75rem auto;
  grid-template-columns: 3.5rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  margin-left: 1px;
  cursor: pointer;
  font-size: 1.5rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava {
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava img {
  max-height: 3.5rem;
  max-width: 3.5rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava .uploadAva {
  display: none;
  height: 1.1666666667rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.875rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava .uploadAva .aui {
  display: none;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .name, .chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other {
  margin-left: 0.1rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .name {
  height: 1.75rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other {
  padding: 0 3px 0 0;
  height: 1.75rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .left {
  display: flex;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .right {
  margin-left: auto;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .left input, .chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .left label, .chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .right input, .chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .room {
  font-size: 1rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .room:before {
  content: "[";
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .other .room:after {
  content: "]";
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch input[type=checkbox] {
  display: none;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.75rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(1.5rem);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state::before {
  content: "•";
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.online {
  color: var(--rc-colGreen);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.reconnect {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.reconnect::after {
  content: "...";
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.offline {
  color: var(--rc-colRed);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.looking {
  color: var(--rc-colBlue);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.away {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.busy {
  color: var(--rc-colRed);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.connecting {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.connecting::after {
  content: "...";
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.wait {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .state.wait::after {
  content: "...";
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava:hover .uploadAva {
  display: block;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava:hover .uploadAva:hover:hover {
  color: var(--rc-colSelectedFont);
  text-shadow: var(--rc-colFont) 0 0 2px;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .ava:hover .uploadAva:hover {
  transition: text-shadow 0.25s ease;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char input {
  height: 80%;
}
.chatWindow .mainCol .desk .chooseAuthCharTab .authChar.char .left input {
  height: 80%;
}
.chatWindow .mainCol .desk .channelBrowser {
  width: 17rem;
}
.chatWindow .mainCol .desk .channelBrowser .hat {
  font-size: 1.4rem;
  padding: 0 5px 5px 5px;
  background-color: var(--rc-colPanels);
}
.chatWindow .mainCol .desk .channelBrowser .channels {
  margin-right: auto;
  margin-left: auto;
}
.chatWindow .mainCol .desk .channelBrowser .channels .channel {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  padding: 0 3px 3px 3px;
}
.chatWindow .mainCol .desk .channelBrowser .channels .channel:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .mainCol .desk .channelBrowser .createChannel .ava {
  background: url("/svg/plus.svg");
  background-size: cover;
}
.chatWindow .mainCol .desk .settings .AISetting {
  padding: 5px 5px 5px 5px;
}
.chatWindow .mainCol .desk .settings .AISetting .hat {
  font-size: 1.4rem;
  padding: 0 5px 5px 5px;
}
.chatWindow .mainCol .desk .settings .design {
  padding: 5px 5px 5px 5px;
}
.chatWindow .mainCol .desk .settings .design .designCard, .chatWindow .mainCol .desk .settings .design .colCard, .chatWindow .mainCol .desk .settings .design .sizeCard, .chatWindow .mainCol .desk .settings .design .numberCard, .chatWindow .mainCol .desk .settings .design .boolCard, .chatWindow .mainCol .desk .settings .design .radioCard {
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.chatWindow .mainCol .desk .settings .backup {
  padding: 5px 5px 5px 5px;
  line-height: 1.5rem;
}
.chatWindow .mainCol .desk .settings .backup .backupMenu {
  margin-bottom: 2rem;
}
.chatWindow .mainCol .desk .room, .chatWindow .mainCol .desk .settings, .chatWindow .mainCol .desk .rooms {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background-color: var(--rc-colPanels);
}
.chatWindow .mainCol .desk .room .top, .chatWindow .mainCol .desk .settings .top, .chatWindow .mainCol .desk .rooms .top {
  padding: 0px 2rem 0px 2rem;
  display: flex;
  flex-direction: row;
  font-size: 1.2rem;
}
.chatWindow .mainCol .desk .room .top .up::after, .chatWindow .mainCol .desk .settings .top .up::after, .chatWindow .mainCol .desk .rooms .top .up::after {
  content: "^";
}
.chatWindow .mainCol .desk .room .top .back::after, .chatWindow .mainCol .desk .settings .top .back::after, .chatWindow .mainCol .desk .rooms .top .back::after {
  content: "‹";
}
.chatWindow .mainCol .desk .room .top .name, .chatWindow .mainCol .desk .settings .top .name, .chatWindow .mainCol .desk .rooms .top .name {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  white-space: normal;
  width: max-content;
}
.chatWindow .mainCol .desk .room .top .close::after, .chatWindow .mainCol .desk .settings .top .close::after, .chatWindow .mainCol .desk .rooms .top .close::after {
  content: "X";
}
.chatWindow .mainCol .desk .room .top .left, .chatWindow .mainCol .desk .settings .top .left, .chatWindow .mainCol .desk .rooms .top .left {
  position: absolute;
  left: 5px;
}
.chatWindow .mainCol .desk .room .top .right, .chatWindow .mainCol .desk .settings .top .right, .chatWindow .mainCol .desk .rooms .top .right {
  position: absolute;
  right: 5px;
}
.chatWindow .mainCol .desk .room .line, .chatWindow .mainCol .desk .settings .line, .chatWindow .mainCol .desk .rooms .line {
  padding: 0px 5px 5px 5px;
  display: inline-flex;
}
.chatWindow .mainCol .desk .room .line .main, .chatWindow .mainCol .desk .settings .line .main, .chatWindow .mainCol .desk .rooms .line .main {
  margin-left: auto;
  margin-right: auto;
}
.chatWindow .mainCol .desk .room .line .left, .chatWindow .mainCol .desk .settings .line .left, .chatWindow .mainCol .desk .rooms .line .left {
  position: absolute;
  left: 5px;
}
.chatWindow .mainCol .desk .room .line .right, .chatWindow .mainCol .desk .settings .line .right, .chatWindow .mainCol .desk .rooms .line .right {
  position: absolute;
  right: 5px;
}
.chatWindow .mainCol .desk .room .line .right .lock.fontbtn:before, .chatWindow .mainCol .desk .settings .line .right .lock.fontbtn:before, .chatWindow .mainCol .desk .rooms .line .right .lock.fontbtn:before {
  content: "\e990";
}
.chatWindow .mainCol .desk .room .line .right .lock.fontbtn.act:before, .chatWindow .mainCol .desk .settings .line .right .lock.fontbtn.act:before, .chatWindow .mainCol .desk .rooms .line .right .lock.fontbtn.act:before {
  content: "\e98f";
}
.chatWindow .mainCol .desk .room .line .right .share.fontbtn:before, .chatWindow .mainCol .desk .settings .line .right .share.fontbtn:before, .chatWindow .mainCol .desk .rooms .line .right .share.fontbtn:before {
  content: "\ea82";
}
.chatWindow .mainCol .desk .room .map, .chatWindow .mainCol .desk .settings .map, .chatWindow .mainCol .desk .rooms .map {
  padding: 0px 5px 5px 5px;
  border-bottom: 1px var(--rc-colBorders) solid;
}
.chatWindow .mainCol .desk .room .map .up::before, .chatWindow .mainCol .desk .settings .map .up::before, .chatWindow .mainCol .desk .rooms .map .up::before {
  content: "🔼";
}
.chatWindow .mainCol .desk .room .map .near::before, .chatWindow .mainCol .desk .settings .map .near::before, .chatWindow .mainCol .desk .rooms .map .near::before {
  content: "▶";
}
.chatWindow .mainCol .desk .room .map .down::before, .chatWindow .mainCol .desk .settings .map .down::before, .chatWindow .mainCol .desk .rooms .map .down::before {
  content: "🔽";
}
.chatWindow .mainCol .desk .room .map .down::before, .chatWindow .mainCol .desk .room .map .near::before, .chatWindow .mainCol .desk .room .map .up::before, .chatWindow .mainCol .desk .settings .map .down::before, .chatWindow .mainCol .desk .settings .map .near::before, .chatWindow .mainCol .desk .settings .map .up::before, .chatWindow .mainCol .desk .rooms .map .down::before, .chatWindow .mainCol .desk .rooms .map .near::before, .chatWindow .mainCol .desk .rooms .map .up::before {
  font-size: 0.8rem;
  position: absolute;
  transform: translate(-1.1rem, 0.05rem);
}
.chatWindow .mainCol .desk .room .map .down, .chatWindow .mainCol .desk .room .map .near, .chatWindow .mainCol .desk .room .map .up, .chatWindow .mainCol .desk .settings .map .down, .chatWindow .mainCol .desk .settings .map .near, .chatWindow .mainCol .desk .settings .map .up, .chatWindow .mainCol .desk .rooms .map .down, .chatWindow .mainCol .desk .rooms .map .near, .chatWindow .mainCol .desk .rooms .map .up {
  margin-left: 1.1rem;
  margin-right: 0.3rem;
}
.chatWindow .mainCol .desk .room .map .new::before, .chatWindow .mainCol .desk .settings .map .new::before, .chatWindow .mainCol .desk .rooms .map .new::before {
  content: "✳";
  font-size: 0.8rem;
}
.chatWindow .mainCol .desk .room .map .downs .hat, .chatWindow .mainCol .desk .room .map .nears .hat, .chatWindow .mainCol .desk .room .map .ups .hat, .chatWindow .mainCol .desk .settings .map .downs .hat, .chatWindow .mainCol .desk .settings .map .nears .hat, .chatWindow .mainCol .desk .settings .map .ups .hat, .chatWindow .mainCol .desk .rooms .map .downs .hat, .chatWindow .mainCol .desk .rooms .map .nears .hat, .chatWindow .mainCol .desk .rooms .map .ups .hat {
  display: inline-flex;
  margin-right: 0.3rem;
  font-weight: bold;
}
.chatWindow .mainCol .desk .room .info, .chatWindow .mainCol .desk .settings .info, .chatWindow .mainCol .desk .rooms .info {
  padding: 0px 5px 3rem 5px;
  border-bottom: 1px var(--rc-colBorders) solid;
  display: flex;
  flex-direction: column;
  line-height: 1.5rem;
}
.chatWindow .mainCol .desk .room .info .fonurl a, .chatWindow .mainCol .desk .settings .info .fonurl a, .chatWindow .mainCol .desk .rooms .info .fonurl a {
  white-space: nowrap;
  position: absolute;
}
.chatWindow .mainCol .desk .room .error, .chatWindow .mainCol .desk .settings .error, .chatWindow .mainCol .desk .rooms .error {
  padding: 0px 5px 0px 5px;
  color: var(--rc-colRed);
}
.chatWindow .mainCol .desk .room .editdes .btn, .chatWindow .mainCol .desk .room .editnote .btn, .chatWindow .mainCol .desk .settings .editdes .btn, .chatWindow .mainCol .desk .settings .editnote .btn, .chatWindow .mainCol .desk .rooms .editdes .btn, .chatWindow .mainCol .desk .rooms .editnote .btn {
  padding: 0px 5px 0px 5px;
}
.chatWindow .mainCol .desk .room .editdes .markItUp .markItUpContainer textarea, .chatWindow .mainCol .desk .room .editnote .markItUp .markItUpContainer textarea, .chatWindow .mainCol .desk .settings .editdes .markItUp .markItUpContainer textarea, .chatWindow .mainCol .desk .settings .editnote .markItUp .markItUpContainer textarea, .chatWindow .mainCol .desk .rooms .editdes .markItUp .markItUpContainer textarea, .chatWindow .mainCol .desk .rooms .editnote .markItUp .markItUpContainer textarea {
  height: 50vh;
  max-height: 70vh;
}
.chatWindow .mainCol .desk .room .panel, .chatWindow .mainCol .desk .settings .panel, .chatWindow .mainCol .desk .rooms .panel {
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
}
.chatWindow .mainCol .desk .room .panel .des, .chatWindow .mainCol .desk .room .panel .underDes, .chatWindow .mainCol .desk .room .panel .note, .chatWindow .mainCol .desk .room .panel .underNote, .chatWindow .mainCol .desk .settings .panel .des, .chatWindow .mainCol .desk .settings .panel .underDes, .chatWindow .mainCol .desk .settings .panel .note, .chatWindow .mainCol .desk .settings .panel .underNote, .chatWindow .mainCol .desk .rooms .panel .des, .chatWindow .mainCol .desk .rooms .panel .underDes, .chatWindow .mainCol .desk .rooms .panel .note, .chatWindow .mainCol .desk .rooms .panel .underNote {
  padding: 0px 5px 5px 5px;
}
.chatWindow .mainCol .desk .room .panel .underDes .right.btn, .chatWindow .mainCol .desk .settings .panel .underDes .right.btn, .chatWindow .mainCol .desk .rooms .panel .underDes .right.btn {
  float: right;
}
.chatWindow .mainCol .desk .fullmap {
  padding: 2rem 5px 2rem 5px;
}
.chatWindow .mainCol .desk .fullmap .mapnode .line {
  white-space: nowrap;
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .arrow {
  display: inline-block;
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .arrow::after {
  content: "▶";
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .arrow.act::after {
  content: "🔽";
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .arrow.nodowns::after {
  content: "⏺";
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .del::after {
  content: "❌";
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .createDown::after {
  content: "✳";
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .createDown::after, .chatWindow .mainCol .desk .fullmap .mapnode .line .arrow::after, .chatWindow .mainCol .desk .fullmap .mapnode .line .del::after {
  font-size: 0.8rem;
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .name {
  display: inline-block;
  overflow-x: hidden;
  overflow-y: clip;
}
.chatWindow .mainCol .desk .fullmap .mapnode .line .name.cache {
  color: var(--rc-colYellow);
}
.chatWindow .mainCol .desk .fullmap .mapnode .downs {
  margin-left: calc(1rem - 3px);
  border-left: 3px var(--rc-colBlue) solid;
  margin-bottom: 0.5rem;
}
.chatWindow .mainCol .desk .fullmap .new::before {
  font-size: 0.8rem;
  content: "✳";
}
.chatWindow .rightCol {
  overflow-y: auto;
  scrollbar-width: thin;
}
.chatWindow .rightCol .hat {
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  border-left-width: 0;
  padding: 0 3px 3px 3px;
  font-size: 1.2rem;
}
.chatWindow .rightCol .hat:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .rightCol .member {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
  display: grid;
  grid-template-rows: 1.1666666667rem auto;
  grid-template-columns: 2.3333333333rem auto;
  grid-gap: 0rem;
  background-color: var(--rc-colPanels);
  margin-top: 1px;
  transition: background-color 0.25s ease;
  -webkit-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  -moz-box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  box-shadow: 0px 0px 0px 1px var(--rc-colBorders);
  cursor: pointer;
  font-size: 1rem;
}
.chatWindow .rightCol .member:hover {
  background-color: var(--rc-colBackground);
}
.chatWindow .rightCol .member .ava {
  width: 2.3333333333rem;
  height: 2.3333333333rem;
  text-align: center;
  grid-column: 1;
  grid-row: 1/span 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}
.chatWindow .rightCol .member .ava img {
  max-height: 2.3333333333rem;
  max-width: 2.3333333333rem;
}
.chatWindow .rightCol .member .ava .uploadAva {
  display: none;
  height: 0.7777777778rem;
  background-color: var(--rc-colBackground);
  margin-top: auto;
  font-size: 0.5833333333rem;
}
.chatWindow .rightCol .member .ava .uploadAva .aui {
  display: none;
}
.chatWindow .rightCol .member .name, .chatWindow .rightCol .member .other {
  margin-left: 0.1rem;
}
.chatWindow .rightCol .member .name {
  height: 1.1666666667rem;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
}
.chatWindow .rightCol .member .other {
  padding: 0 3px 0 0;
  height: 1.1666666667rem;
  grid-column: 2;
  grid-row: 2;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}
.chatWindow .rightCol .member .other .left {
  display: flex;
}
.chatWindow .rightCol .member .other .right {
  margin-left: auto;
}
.chatWindow .rightCol .member .other .left input, .chatWindow .rightCol .member .other .left label, .chatWindow .rightCol .member .other .right input, .chatWindow .rightCol .member .other .right label {
  margin-top: auto;
  margin-bottom: auto;
}
.chatWindow .rightCol .member .other .room {
  font-size: 1rem;
}
.chatWindow .rightCol .member .other .room:before {
  content: "[";
}
.chatWindow .rightCol .member .other .room:after {
  content: "]";
}
.chatWindow .rightCol .member .toggle-switch {
  position: relative;
  display: inline-block;
  width: 1.8333333333rem;
  height: 0.9166666667rem;
}
.chatWindow .rightCol .member .toggle-switch input[type=checkbox] {
  display: none;
}
.chatWindow .rightCol .member .toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-colRed);
  border-radius: 0.4583333333rem;
  transition: background-color 0.3s;
  cursor: pointer;
}
.chatWindow .rightCol .member .toggle-switch .slider::before {
  content: "";
  position: absolute;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatWindow .rightCol .member .toggle-switch input[type=checkbox]:checked + .slider {
  background-color: var(--rc-colGreen);
}
.chatWindow .rightCol .member .toggle-switch input[type=checkbox]:checked + .slider::before {
  transform: translateX(0.9166666667rem);
}
.chatWindow .rightCol .member .toggle-switch:focus-within .slider {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.chatWindow .rightCol .member .state::before {
  content: "•";
}
.chatWindow .rightCol .member .state.online {
  color: var(--rc-colGreen);
}
.chatWindow .rightCol .member .state.reconnect {
  color: var(--rc-colYellow);
}
.chatWindow .rightCol .member .state.reconnect::after {
  content: "...";
}
.chatWindow .rightCol .member .state.offline {
  color: var(--rc-colRed);
}
.chatWindow .rightCol .member .state.looking {
  color: var(--rc-colBlue);
}
.chatWindow .rightCol .member .state.looking::before {
  content: "👀";
  line-height: 1rem;
}
.chatWindow .rightCol .member .state.away {
  color: var(--rc-colYellow);
}
.chatWindow .rightCol .member .state.busy {
  color: var(--rc-colRed);
}
.chatWindow .rightCol .member .state.connecting {
  color: var(--rc-colYellow);
}
.chatWindow .rightCol .member .state.connecting::after {
  content: "...";
}
.chatWindow .rightCol .member .state.wait {
  color: var(--rc-colYellow);
}
.chatWindow .rightCol .member .state.wait::after {
  content: "...";
}
.chatWindow .rightCol .member {
  border-left-width: 0;
  border-top-width: 0;
}
.chatWindow .rightCol .bottom {
  background-color: var(--rc-colPanels);
  border-top: 1px var(--rc-colBorders) solid;
  margin-top: auto;
}
.chatWindow .rightCol .bottom .alpha .right {
  float: right;
}
.chatWindow .rightCol .bottom .alpha .right .light::after {
  content: "☀";
}
.chatWindow .rightCol .bottom .alpha .right .black::after {
  content: "🌑";
}
.chatWindow .rightCol .bottom .alpha input {
  width: 98%;
}
.chatWindow .rightCol .bottom .version, .chatWindow .rightCol .bottom .copyright, .chatWindow .rightCol .bottom .onlineCount, .chatWindow .rightCol .bottom .sync, .chatWindow .rightCol .bottom .alpha {
  padding: 0 3px 3px 3px;
}
.chatWindow .rightCol .bottom .copyright {
  display: inline-block;
}
.chatWindow .rightCol .bottom .lang.type-select {
  display: inline-block;
  float: right;
  margin-right: 5px;
}

/*
.mainCol.full {
    margin-left: auto;
    margin-right: auto;
    max-width: 45rem;
    height: 100%;
    border: none;

    .desk {
        max-width: 100%;
        border: none;
        z-index: 2;
    }

    .chatTab {
        display: none;
    }

    .fon {
        position: absolute;
        left: 0rem;
        width: 100%;
        z-index: 1;
        background-color: $colBack;
    }

    & + .rightCol {
        //width: auto;
        .bottom {
            z-index: 3;
            border: none;
            width: 12.5rem;
            //@include box-shadow(-5px -5px 10px 20px $colPanel);
            @include box-shadow(-0.3rem -0.3rem 0.5rem 1rem $colPanel);
            position: absolute;
            right: 0;
            bottom: 0;
        }
    }
}

 .mobile .mainCol.full {
    position: absolute;
    max-width: 100%;
    & + .rightCol {
        display: none;
    }
}
*/
.mainCol.full {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: none;
}
.mainCol.full.hideRight {
  max-width: 100%;
}
.mainCol.full .desk .panel {
  scrollbar-width: none !important;
}
.mainCol.full .desk {
  max-width: calc(100vw - 30rem);
  width: 45rem;
  margin-left: auto;
  margin-right: auto;
  border: none;
  z-index: 2;
  -webkit-box-shadow: 0 0 1rem 1rem var(--rc-colPanels);
  -moz-box-shadow: 0 0 1rem 1rem var(--rc-colPanels);
  box-shadow: 0 0 1rem 1rem var(--rc-colPanels);
}
.mainCol.full .chatTab {
  display: none;
}
.mainCol.full .fon {
  position: absolute;
  left: 0rem;
  width: 100%;
  z-index: 1;
  background-color: var(--rc-colBackground);
}
.mainCol.full + .rightCol .bottom {
  z-index: 3;
  border: none;
  width: 12.5rem;
  -webkit-box-shadow: 0 0 1rem 1rem var(--rc-colPanels);
  -moz-box-shadow: 0 0 1rem 1rem var(--rc-colPanels);
  box-shadow: 0 0 1rem 1rem var(--rc-colPanels);
  position: absolute;
  right: 0;
  bottom: 0;
}

.mobile .mainCol.full {
  position: absolute;
  max-width: 100%;
}
.mobile .mainCol.full .desk {
  position: absolute;
  max-width: none;
  width: 100%;
}
.mobile .mainCol.full + .rightCol {
  display: none;
}

.connecting-screen {
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/img/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.5;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.connecting-screen .connscreenmsg {
  position: relative;
  top: 50%;
  opacity: 1;
  font-size: 22px;
  margin: -11px auto auto auto;
  height: 22px;
  width: min-content;
  color: #ffffff;
  white-space: nowrap;
}

.block-screen {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/img/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.5;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.markItUp textarea {
  color: inherit;
  background-color: var(--rc-colTextArea);
  height: 50px;
  max-height: 50vh;
  resize: none;
}
.markItUp a, .markItUp a:link {
  color: var(--rc-colFont);
}
.markItUp .markItUpButton:hover {
  background-color: unset;
}
.markItUp ul, .markItUp li {
  color: var(--rc-colFont);
}
.markItUp .markItUpFooter {
  background-color: var(--rc-colBorders) !important;
}
.markItUp .markItUpContainer {
  background-color: var(--rc-colPanels);
}
.markItUp .markItUpContainer textarea {
  font: var(--rc-sizeMain) Calibri, Arial, sans-serif, monospace, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.markItUp .markItUpHeader {
  display: flex;
}
.markItUp .markItUpHeader ul a {
  min-width: 1rem;
  height: 1rem;
  font-size: 0.8rem;
  background-size: contain;
}
.markItUp .markItUpHeader ul a:hover {
  opacity: 1;
}
.markItUp .markItUpHeader ul .markItUpSeparator {
  height: 1rem;
  display: none;
}
.markItUp .markItUp_down-right {
  font-size: 0.6rem;
  height: 0;
  float: right;
  transform: translateY(calc(-0.6rem - 5px));
  padding-right: 0.1rem;
}
.markItUp .bbcode .dice_mb {
  display: block;
}
.markItUp .bbcode .tags_mb {
  display: none;
}
.markItUp .bbcode .paper_mb {
  display: none;
}
.markItUp .bbcode .room_mb {
  display: block;
}
.markItUp .bbcode .channel_mb {
  display: block;
}
.markItUp .bbcode .markItUpButton a {
  background-image: none;
}
.markItUp .bbcode .markItUpButton a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  bottom: 0;
  text-indent: 0px;
  color: var(--rc-colFont);
  font-size: 1rem;
}
.markItUp .bbcode .markItUpButton a {
  opacity: 0.6;
}
.markItUp .bbcode .markItUpButton a:hover {
  opacity: 1;
}
.markItUp .bbcode .markItUpButton a {
  transition: opacity 0.25s ease;
}
.markItUp .bbcode .markItUpButton ul {
  background-color: var(--rc-colBackground);
}
.markItUp .bbcode .markItUpButton ul a {
  color: var(--rc-colFont);
}
.markItUp .bbcode .markItUpButton ul a:hover {
  color: var(--rc-colFont);
}
.markItUp .bbcode .bold {
  margin-right: 0.1rem;
}
.markItUp .bbcode .bold a:before {
  content: "\ea62";
}
.markItUp .bbcode .italic {
  margin-right: 0.1rem;
}
.markItUp .bbcode .italic a:before {
  content: "\ea64";
}
.markItUp .bbcode .underline {
  margin-right: 0.1rem;
}
.markItUp .bbcode .underline a:before {
  content: "\ea63";
}
.markItUp .bbcode .strikethrough_mb {
  margin-right: 0.5rem;
}
.markItUp .bbcode .strikethrough_mb a:before {
  content: "\ea65";
}
.markItUp .bbcode .sup {
  margin-right: 0.1rem;
}
.markItUp .bbcode .sup a:before {
  content: "\e907";
}
.markItUp .bbcode .sub {
  margin-right: 0.5rem;
}
.markItUp .bbcode .sub a:before {
  content: "\e908";
}
.markItUp .bbcode .right {
  margin-right: 0.1rem;
}
.markItUp .bbcode .right a:before {
  content: "\ea79";
}
.markItUp .bbcode .center {
  margin-right: 0.1rem;
}
.markItUp .bbcode .center a:before {
  content: "\ea78";
}
.markItUp .bbcode .left {
  margin-right: 0.1rem;
}
.markItUp .bbcode .left a:before {
  content: "\ea77";
}
.markItUp .bbcode .float_right_mb {
  margin-right: 0.5rem;
}
.markItUp .bbcode .float_right_mb a:before {
  content: "\ea7b";
}
.markItUp .bbcode .float_left_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .float_left_mb a:before {
  transform: scaleX(-100%);
  content: "\ea7b";
}
.markItUp .bbcode .spoiler_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .spoiler_mb a:before {
  content: "\e920";
}
.markItUp .bbcode .lspoiler_mb {
  margin-right: 0.5rem;
}
.markItUp .bbcode .lspoiler_mb a:before {
  content: "\e921";
}
.markItUp .bbcode .video_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .video_mb a:before {
  content: "\ea9d";
}
.markItUp .bbcode .picture {
  margin-right: 0.1rem;
}
.markItUp .bbcode .picture a:before {
  content: "\e90d";
}
.markItUp .bbcode .audio_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .audio_mb a:before {
  content: "\ea26";
}
.markItUp .bbcode .link {
  margin-right: 0.5rem;
}
.markItUp .bbcode .link a:before {
  content: "\e9cb";
}
.markItUp .bbcode .colors {
  background-image: url(/bb2/sets/bbcode/images/colors.png);
  background-color: #555555;
  background-size: cover;
  image-rendering: pixelated;
  opacity: 0.7;
  margin-right: 0.1rem;
  border-radius: 0.2rem;
}
.markItUp .bbcode .colors:hover {
  opacity: 1;
}
.markItUp .bbcode .fonts {
  margin-right: 0.5rem;
}
.markItUp .bbcode .fonts a:before {
  content: "\ea61";
}
.markItUp .bbcode .list-bullet {
  margin-right: 0.1rem;
}
.markItUp .bbcode .list-bullet a:before {
  content: "\e9bb";
}
.markItUp .bbcode .list-numeric {
  margin-right: 0.1rem;
}
.markItUp .bbcode .list-numeric a:before {
  content: "\e9b9";
}
.markItUp .bbcode .list-item {
  margin-right: 0.5rem;
}
.markItUp .bbcode .list-item a:before {
  content: "\ea0b";
}
.markItUp .bbcode .char_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .char_mb a:before {
  content: "\e909";
}
.markItUp .bbcode .channel_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .channel_mb a:before {
  content: "\e905";
}
.markItUp .bbcode .room_mb {
  margin-right: 0.5rem;
}
.markItUp .bbcode .room_mb a:before {
  content: "\e939";
}
.markItUp .bbcode .dice_mb {
  margin-right: 0.1rem;
}
.markItUp .bbcode .dice_mb a:before {
  content: "\e915";
}

.markIt-UpDown .markItUp_down-right {
  transform: translateY(-0.6rem);
}

.bbcode_image {
  max-height: 18rem;
  max-width: 100%;
  cursor: pointer;
  margin: 2px;
}
.bbcode_image:hover {
  -webkit-box-shadow: 0 0 0 2px var(--rc-colBorders);
  -moz-box-shadow: 0 0 0 2px var(--rc-colBorders);
  box-shadow: 0 0 0 2px var(--rc-colBorders);
}

.bbcode_char {
  font-weight: bolder;
  cursor: pointer;
}
.bbcode_char:before {
  content: "\e909";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bbcode_sup {
  vertical-align: top;
}

.bbcode_deny {
  font-size: 0.8rem;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
}
.bbcode_deny.video:before {
  content: "\ea9d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bbcode_deny.img:before {
  content: "\e90d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bbcode_deny.audio:before {
  content: "\ea26";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bbcode_url_domain {
  display: inline-flex;
  vertical-align: sub;
  font-size: smaller;
}
.bbcode_url_domain::before {
  content: "(";
}
.bbcode_url_domain::after {
  content: ")";
}

.bbcode_link {
  color: var(--rc-colBlue);
}
.bbcode_link:before {
  content: "\e9cb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bbcode_link:hover {
  color: var(--rc-colBorders);
}
.bbcode_link {
  transition: color 0.25s ease;
}

.bbcode_room {
  color: var(--rc-colBlue);
  cursor: pointer;
  text-decoration: underline;
}
.bbcode_room:before {
  content: "\e939";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bbcode_room:hover {
  color: var(--rc-colBorders);
}
.bbcode_room {
  transition: color 0.25s ease;
}

.bbcode_channel {
  color: var(--rc-colBlue);
  cursor: pointer;
  text-decoration: underline;
}
.bbcode_channel:before {
  content: "\e905";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bbcode_channel:hover {
  color: var(--rc-colBorders);
}

.bbcopy {
  color: var(--rc-colFont);
  background-color: var(--rc-colPanels);
  width: max-content;
}
.bbcopy:hover {
  background: var(--rc-colSelectedPanel);
}
.bbcopy.copied:hover::before {
  content: "Copied!";
  color: var(--rc-colGreen);
}
.bbcopy.copied:after {
  color: var(--rc-colGreen);
}
.bbcopy:hover:before {
  content: "Press to copy";
}
.bbcopy {
  transition: background-color 0.25s ease;
}
.bbcopy:after {
  content: " \e914";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bbcode_command:before {
  content: "\ea81";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bbroll_result {
  border: 1px var(--rc-colBorders) solid;
  padding: 0.1rem 0.1rem 0 0;
  background-color: var(--rc-colPanels);
  color: var(--rc-colFont);
}
.bbroll_result:before {
  content: "\e915";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bbroll_result .bbroll_crit {
  color: var(--rc-colGreen);
}
.bbroll_result .bbroll_fail {
  color: var(--rc-colRed);
}

.spoiler {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: 1px var(--rc-colBorders) solid;
}
.spoiler .hat {
  position: relative;
  background-color: var(--rc-colPanels);
  cursor: pointer;
  padding: 3px 32px 3px 3px;
  font-weight: 700;
}
.spoiler .hat::after {
  font-weight: 300;
  position: absolute;
  font-size: 30px;
  content: "‹";
  right: 12px;
  top: -6px;
}
.spoiler .hat.open::after {
  transform: rotate(0.25turn) translateY(-6px);
  transition: transform 0.3s ease;
}
.spoiler .hat.close::after {
  transform: rotate(-0.25turn);
  transition: transform 0.3s ease;
}
.spoiler .body {
  overflow: hidden;
  background-color: var(--rc-colPanels);
  padding: 5px;
  transition: max-height 0.3s ease, opacity 0.3s ease, height 0.3s ease;
}
.spoiler .body.close {
  max-height: 0;
  height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease, height 0.3s ease;
}
.spoiler .body.open {
  max-height: 10000px;
  height: auto;
  opacity: 1;
  transition: max-height 0.3s ease, opacity 0.3s ease, height 0.3s ease;
}

/*
.chatWindow {
    display: grid;
    width: 100%;
    grid-template-columns: 200px auto 200px;
    .leftCol {
        grid-column: 1;
        grid-row: 1;
    }
    .mainCol {
        grid-column: 2;
        grid-row: 1;
        border-left: 1px #1c7430 solid;
        border-right: 1px #1c7430 solid;
    }
    .rightCal {
        grid-column: 3;
        grid-row: 1;
    }
}
*/
/*
.chatWindow {

    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    //height: 100vh;
    table-layout: fixed;
    //border-spacing: 10px;
    .leftCol {
        display: table-cell;
        height: 100%;
        width: 200px;
    }
    .mainCol {
        display: table-cell;
        height: 100%;
        border-left: 1px #1c7430 solid;
        border-right: 1px #1c7430 solid;

        .topBar {
            height: 50px;
        }

        .messagesField {

        }

        .chatBottom {

            position: absolute;
            bottom: 0;
        }
    }

    .rightCol {
        display: table-cell;
        height: 100%;
        width: 200px;
    }
}

 */

/*# sourceMappingURL=chat.css.map */