.ModalPanel {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.ModalPanel .btn {
  background: #d7d2cc;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  height: 28px;
  line-height: 27px;
  outline: none;
  padding: 0;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease-out all;
  user-select: none;
  white-space: nowrap;
}
.ModalPanel .btn:hover,
.ModalPanel .btn:active {
  background: #d7d2cc;
  border: 1px solid #8e8e8e;
  color: #000;
}
.ModalPanel .btn:hover > .icon,
.ModalPanel .btn:active > .icon {
  opacity: 1;
}
.ModalPanel .btn--primary {
  background: #2F6FA3;
  background: linear-gradient(to bottom, #2F6FA3 0%, #0D4394 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid #2F6FA3;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  color: #FFF;
  font-weight: 700;
  padding: 0 10px;
  text-transform: uppercase;
}
.ModalPanel .btn--primary:hover,
.ModalPanel .btn--primary:active {
  background: #0D4394;
  background: linear-gradient(to bottom, #0D4394 0%, #2F6FA3 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid #2F6FA3;
  color: #FFF;
}
.ModalPanel .btn--primary:active {
  background: #0D4394;
  background: linear-gradient(to bottom, #0D4394 0%, #2F6FA3 100%);
  background-size: cover;
  background-origin: border-box;
}
.ModalPanel .btn--secondary {
  background: #e9e9e9;
  background: linear-gradient(to bottom, #e9e9e9 0%, #bfbfbf 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  color: #303030;
  font-weight: 700;
  padding: 0 10px;
  text-transform: uppercase;
}
.ModalPanel .btn--secondary:hover,
.ModalPanel .btn--secondary:active {
  background: #bfbfbf;
  background: linear-gradient(to bottom, #bfbfbf 0%, #e9e9e9 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: #000;
}
.ModalPanel .btn--secondary:active {
  background: #bfbfbf;
  background: linear-gradient(to bottom, #bfbfbf 0%, #e9e9e9 100%);
  background-size: cover;
  background-origin: border-box;
}
.ModalPanel .btn--simple {
  background: 0;
  border: 0;
  box-shadow: none;
}
.ModalPanel .btn--simple:hover,
.ModalPanel .btn--simple:active {
  background: 0;
  border: 0;
  box-shadow: none;
}
.ModalPanel .btn--dropdown .type {
  display: inline-block;
  padding: 0 3px 0 0;
}
.ModalPanel .btn--dropdown > .icon {
  border-left: 1px solid transparent;
  margin: -9px -4px -8px 0;
  width: 20px;
}
.ModalPanel .btn--disabled,
.ModalPanel .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.ModalPanel .btn--sm {
  min-width: 75px;
}
.ModalPanel .btn--md {
  min-width: 115px;
}
.ModalPanel .btn--lg {
  min-width: 130px;
}
.ModalPanel .btn--xlg {
  height: auto;
  line-height: 1.9;
  margin: 15px 0 5px;
  padding: 15px 32px;
}
.ModalPanel .btn--icon {
  padding: 0 6px;
}
.ModalPanel .btn--loading:before {
  background: url("data:image/svg+xml,%3Csvg%20class%3D%22lds-spin%22%20width%3D%22200px%22%20%20height%3D%22200px%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%20style%3D%22background%3A%20none%3B%22%3E%3Cg%20transform%3D%22translate(60%2C50)%22%3E%0A%3Cg%20transform%3D%22rotate(0)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%221%22%20transform%3D%22scale(1.45431%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.875s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.875s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(57.071067811865476%2C57.071067811865476)%22%3E%0A%3Cg%20transform%3D%22rotate(45)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.875%22%20transform%3D%22scale(1.01681%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.75s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.75s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(50%2C60)%22%3E%0A%3Cg%20transform%3D%22rotate(90)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.75%22%20transform%3D%22scale(1.07931%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.625s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.625s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(42.928932188134524%2C57.071067811865476)%22%3E%0A%3Cg%20transform%3D%22rotate(135)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.625%22%20transform%3D%22scale(1.14181%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.5s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.5s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(40%2C50)%22%3E%0A%3Cg%20transform%3D%22rotate(180)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.5%22%20transform%3D%22scale(1.20431%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.375s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.375s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(42.928932188134524%2C42.928932188134524)%22%3E%0A%3Cg%20transform%3D%22rotate(225)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.375%22%20transform%3D%22scale(1.26681%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.25s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.25s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(50%2C40)%22%3E%0A%3Cg%20transform%3D%22rotate(270)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.25%22%20transform%3D%22scale(1.32931%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.125s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.125s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(57.071067811865476%2C42.928932188134524)%22%3E%0A%3Cg%20transform%3D%22rotate(315)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.125%22%20transform%3D%22scale(1.39181%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%220s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%220s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E%0A") center center / 55px 55px no-repeat;
  content: '';
  display: inline-block;
  height: 18px;
  margin: -3px 5px -5px 0;
  width: 18px;
}
.ModalPanel .modal {
  background: #f3f3f3;
  border-radius: 7px;
  box-shadow: 0 10px 36px #000;
  height: 100%;
  left: 50%;
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
  min-width: 380px;
  opacity: 0;
  padding: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-out opacity;
  z-index: 14;
}
@media (min-width: 1024px) {
  .ModalPanel .modal {
    max-width: 960px;
  }
}
@media (max-height: 600px) {
  .ModalPanel .modal {
    padding: 25px;
  }
}
@media (max-height: 750px) {
  .ModalPanel .modal {
    width: auto;
  }
  .ModalPanel .modal .card.grid {
    flex-wrap: nowrap;
  }
}
.ModalPanel .modal--auto {
  height: auto;
  width: auto;
}
.ModalPanel .modal--auto .modal__cnt {
  padding: 0;
}
.ModalPanel .modal--fluid {
  height: 100%;
  width: 100%;
}
.ModalPanel .modal__overlay {
  background: url("data:image/svg+xml,%3Csvg%20class%3D%22lds-spin%22%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%20style%3D%22background%3A0%200%22%3E%3Cg%20transform%3D%22translate(60%2050)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20transform%3D%22scale(1.45431%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.875s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.875s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(45%20-40.355%2097.426)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.875%22%20transform%3D%22scale(1.01681%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.75s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.75s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(90%20-5%2055)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.75%22%20transform%3D%22scale(1.07931%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.625s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.625s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(135%209.645%2037.426)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.625%22%20transform%3D%22scale(1.14181%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.5s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.5s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(180%2020%2025)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.5%22%20transform%3D%22scale(1.20431%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.375s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.375s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(-135%2030.355%2012.574)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.375%22%20transform%3D%22scale(1.26681%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.25s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.25s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(-90%2045%20-5)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.25%22%20transform%3D%22scale(1.32931%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.125s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.125s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(-45%2080.355%20-47.426)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.125%22%20transform%3D%22scale(1.39181%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%220s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%220s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
  height: 100vh;
  left: 0;
  opacity: 0;
  overscroll-behavior: contain;
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition: 0.3s ease-out opacity;
  width: 100vw;
  z-index: 16;
}
.ModalPanel .modal__overlay--transparent {
  opacity: 1;
}
.ModalPanel .modal__overlay--visible {
  background: rgba(0, 0, 0, 0.6) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAHlBMVEVMaXEVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRWN/a0KAAAACnRSTlMAFR4gLkFHUFJeBW8dfQAAABhJREFUeNpjYAAC5kQGBo6pDAwsRSAeAwAOgQF45+YqNgAAAABJRU5ErkJggg==") 0 0 / 2.2px repeat;
  opacity: 1;
}
.ModalPanel .modal__overlay--visible .modal {
  opacity: 1;
}
.ModalPanel .modal__overlay--visible .modal__close {
  opacity: 1;
}
.ModalPanel .modal__close {
  background: rgba(0, 0, 0, 0.3) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M13.7.3a.967.967%200%2000-1.4%200L7%205.6%201.7.3A.967.967%200%2000.3.3a.967.967%200%20000%201.4L5.6%207%20.3%2012.3a.967.967%200%20000%201.4.908.908%200%2000.7.3.908.908%200%2000.7-.3L7%208.4l5.3%205.3a.967.967%200%20001.4%200%20.967.967%200%20000-1.4L8.4%207l5.3-5.3a.967.967%200%20000-1.4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  border-radius: 4px;
  height: 24px;
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: 0.2s ease-out all;
  width: 24px;
  z-index: 14;
}
.ModalPanel .modal__close:hover {
  background-color: #f60;
  opacity: 1;
}
.ModalPanel .modal__hd {
  height: 45px;
}
.ModalPanel .modal__hd h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ModalPanel .modal__cnt {
  font-size: 13px;
  height: calc(100% - 54px);
  overflow: hidden;
  overflow-y: auto;
  padding: 0 15px 0 0;
  overscroll-behavior: initial;
  scroll-behavior: smooth;
}
.ModalPanel .modal__cnt::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.ModalPanel .modal__cnt::-webkit-scrollbar-track {
  background: rgba(221, 221, 221, 0.35);
  border-radius: 8px;
}
.ModalPanel .modal__cnt::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 51, 0.35);
  border-radius: 8px;
}
.ModalPanel .modal__cnt::-webkit-scrollbar-thumb:hover {
  background: #f60;
  border-radius: 8px;
}
.ModalPanel .modal--login,
.ModalPanel .modal--register {
  background: 0;
  box-shadow: none;
  height: auto;
  padding: 0;
  width: 380px;
}
.ModalPanel .modal--login .modal__cnt,
.ModalPanel .modal--register .modal__cnt {
  overflow: visible;
}
.ModalPanel .modal--login .modal__cnt .card,
.ModalPanel .modal--register .modal__cnt .card {
  box-shadow: 0 10px 36px #000;
}
.ModalPanel .modal--login .modal__cnt .card--dark,
.ModalPanel .modal--register .modal__cnt .card--dark {
  background: rgba(0, 0, 0, 0.95);
}
.ModalPanel .modal--voting {
  background: 0;
  height: auto;
  padding: 0;
  width: 490px;
}
@media (max-height: 750px) {
  .ModalPanel .modal--voting {
    flex-wrap: nowrap;
    width: auto;
  }
}
.ModalPanel .modal--confirm-charges {
  background: 0;
  height: auto;
  padding: 0;
  width: 980px;
}
.ModalPanel .modal--add-cc {
  background: 0;
  height: auto;
  padding: 0;
  width: 380px;
}
.ModalPanel .modal--add-cc .card {
  z-index: 2;
}
.ModalPanel .modal--add-cc .card--dark {
  background: rgba(0, 0, 0, 0.95);
}
.ModalPanel .modal--ch-unavailable {
  background: 0;
  height: auto;
  padding: 0;
  width: 490px;
}
@media (max-height: 750px) {
  .ModalPanel .modal--ch-unavailable {
    flex-wrap: nowrap;
    width: auto;
  }
}
.ModalPanel .modal--ch-awards {
  max-height: 600px;
  max-width: 690px;
}
.ModalPanel .modal__pic {
  border-radius: 7px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  min-width: 490px;
  overflow: hidden;
  padding: 75.2% 0 0;
  position: relative;
  width: 100%;
}
@media (max-height: 750px) {
  .ModalPanel .modal__pic {
    width: 490px;
  }
}
@media (max-width: 980px) and (max-height: 400px) {
  .ModalPanel .modal__pic {
    display: none;
  }
}
.ModalPanel .modal__pic > img {
  height: 100%;
  left: 50%;
  max-height: 100%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.ModalPanel .modal__pic > .note__cnt {
  bottom: 10px;
  max-width: 80%;
  position: absolute;
  right: 10px;
}
.ModalPanel .modal__inner {
  padding: 35px 50px;
  width: 100%;
}
@media (max-height: 768px) {
  .ModalPanel .modal__inner {
    padding: 20px 30px;
  }
}
.ModalPanel .modal__inner--sm {
  padding: 35px 25px;
}
@media (max-height: 768px) {
  .ModalPanel .modal__inner--sm {
    padding: 20px 25px;
  }
}
.ModalPanel .modal__inner-ft {
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  padding: 25px;
}
.ModalPanel .modal__inner-ft a:not(.btn) {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
}
.ModalPanel .modal__inner-ft a:not(.btn):hover {
  text-decoration: none;
}
.ModalPanel .modal__inner-ft .btn--text {
  color: #000;
  font-size: 16px;
}
@media (max-height: 750px) {
  .ModalPanel .modal__inner {
    width: 490px;
  }
}
.ModalPanel .modal__inner .clothes {
  float: right;
}
.ModalPanel .modal__inner .clothes > img {
  height: 20px;
  margin: 0 0 0 5px;
  opacity: 0.7;
}
.ModalPanel .modal__inner .clothes > img:hover {
  opacity: 1;
}
.ModalPanel .modal__inner > :last-child {
  margin-bottom: 0;
}
.ModalPanel .modal__inner .error__extra-info {
  padding: 0 0 0 35px;
}
.ModalPanel .modal__inner .error__extra-info > p {
  padding: 0 0 5px;
}
.ModalPanel .modal__inner .error__extra-info > ul > li {
  padding: 0;
}
.ModalPanel .modal__inner .protected-session input {
  background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.482%203.301H.752a.752.752%200%2000-.751.753v3.3a.753.753%200%2000.753.752h4.684a.751.751%200%2000.751-.752v-3.3a.753.753%200%2000-.707-.753zm-4.064-.336a.292.292%200%2000.292-.292v-.481a1.384%201.384%200%20112.767%200v.482a.292.292%200%2000.292.292h.223a.292.292%200%2000.292-.292V2.19a2.192%202.192%200%2000-4.383%200v.481a.292.292%200%2000.292.292h.223z%22%20fill%3D%22%231a1a1a%22%2F%3E%3C%2Fsvg%3E%0A") 6px 8px no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  font-size: 11px;
  height: 28px;
  min-width: 100%;
  padding: 5px 18px;
}
.ModalPanel .modal__inner .protected-session small {
  font-size: 11px;
}
.ModalPanel .modal {
  max-width: 80%;
  max-height: 80%;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: block;
  opacity: 1;
  min-width: 0;
  width: auto;
  font-size: 13px;
  max-height: 100%;
  height: auto;
  padding: 10px;
}
.ModalPanel .modal__close {
  opacity: 1;
}
.ModalPanel .modal .btn {
  white-space: nowrap;
}
.ModalPanel .modal .btn--block {
  display: block;
  min-width: 100%;
}
.ModalPanel .modal h3 {
  white-space: nowrap;
}
.ModalPanel .Overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  z-index: 13;
}
.ModalPanel {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.ModalPanel .btn {
  background: #d7d2cc;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  height: 28px;
  line-height: 27px;
  outline: none;
  padding: 0;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease-out all;
  user-select: none;
  white-space: nowrap;
}
.ModalPanel .btn:hover,
.ModalPanel .btn:active {
  background: #d7d2cc;
  border: 1px solid #8e8e8e;
  color: #000;
}
.ModalPanel .btn:hover > .icon,
.ModalPanel .btn:active > .icon {
  opacity: 1;
}
.ModalPanel .btn--primary {
  background: #2F6FA3;
  background: linear-gradient(to bottom, #2F6FA3 0%, #0D4394 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid #2F6FA3;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  color: #FFF;
  font-weight: 700;
  padding: 0 10px;
  text-transform: uppercase;
}
.ModalPanel .btn--primary:hover,
.ModalPanel .btn--primary:active {
  background: #0D4394;
  background: linear-gradient(to bottom, #0D4394 0%, #2F6FA3 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid #2F6FA3;
  color: #FFF;
}
.ModalPanel .btn--primary:active {
  background: #0D4394;
  background: linear-gradient(to bottom, #0D4394 0%, #2F6FA3 100%);
  background-size: cover;
  background-origin: border-box;
}
.ModalPanel .btn--secondary {
  background: #e9e9e9;
  background: linear-gradient(to bottom, #e9e9e9 0%, #bfbfbf 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  color: #303030;
  font-weight: 700;
  padding: 0 10px;
  text-transform: uppercase;
}
.ModalPanel .btn--secondary:hover,
.ModalPanel .btn--secondary:active {
  background: #bfbfbf;
  background: linear-gradient(to bottom, #bfbfbf 0%, #e9e9e9 100%);
  background-size: cover;
  background-origin: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: #000;
}
.ModalPanel .btn--secondary:active {
  background: #bfbfbf;
  background: linear-gradient(to bottom, #bfbfbf 0%, #e9e9e9 100%);
  background-size: cover;
  background-origin: border-box;
}
.ModalPanel .btn--simple {
  background: 0;
  border: 0;
  box-shadow: none;
}
.ModalPanel .btn--simple:hover,
.ModalPanel .btn--simple:active {
  background: 0;
  border: 0;
  box-shadow: none;
}
.ModalPanel .btn--dropdown .type {
  display: inline-block;
  padding: 0 3px 0 0;
}
.ModalPanel .btn--dropdown > .icon {
  border-left: 1px solid transparent;
  margin: -9px -4px -8px 0;
  width: 20px;
}
.ModalPanel .btn--disabled,
.ModalPanel .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.ModalPanel .btn--sm {
  min-width: 75px;
}
.ModalPanel .btn--md {
  min-width: 115px;
}
.ModalPanel .btn--lg {
  min-width: 130px;
}
.ModalPanel .btn--xlg {
  height: auto;
  line-height: 1.9;
  margin: 15px 0 5px;
  padding: 15px 32px;
}
.ModalPanel .btn--icon {
  padding: 0 6px;
}
.ModalPanel .btn--loading:before {
  background: url("data:image/svg+xml,%3Csvg%20class%3D%22lds-spin%22%20width%3D%22200px%22%20%20height%3D%22200px%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%20style%3D%22background%3A%20none%3B%22%3E%3Cg%20transform%3D%22translate(60%2C50)%22%3E%0A%3Cg%20transform%3D%22rotate(0)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%221%22%20transform%3D%22scale(1.45431%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.875s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.875s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(57.071067811865476%2C57.071067811865476)%22%3E%0A%3Cg%20transform%3D%22rotate(45)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.875%22%20transform%3D%22scale(1.01681%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.75s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.75s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(50%2C60)%22%3E%0A%3Cg%20transform%3D%22rotate(90)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.75%22%20transform%3D%22scale(1.07931%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.625s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.625s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(42.928932188134524%2C57.071067811865476)%22%3E%0A%3Cg%20transform%3D%22rotate(135)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.625%22%20transform%3D%22scale(1.14181%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.5s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.5s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(40%2C50)%22%3E%0A%3Cg%20transform%3D%22rotate(180)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.5%22%20transform%3D%22scale(1.20431%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.375s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.375s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(42.928932188134524%2C42.928932188134524)%22%3E%0A%3Cg%20transform%3D%22rotate(225)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.375%22%20transform%3D%22scale(1.26681%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.25s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.25s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(50%2C40)%22%3E%0A%3Cg%20transform%3D%22rotate(270)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.25%22%20transform%3D%22scale(1.32931%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.125s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.125s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3Cg%20transform%3D%22translate(57.071067811865476%2C42.928932188134524)%22%3E%0A%3Cg%20transform%3D%22rotate(315)%22%3E%0A%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%20fill%3D%22%23333333%22%20fill-opacity%3D%220.125%22%20transform%3D%22scale(1.39181%201)%22%3E%0A%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%220s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%220s%22%3E%3C%2Fanimate%3E%0A%3C%2Fcircle%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E%0A") center center / 55px 55px no-repeat;
  content: '';
  display: inline-block;
  height: 18px;
  margin: -3px 5px -5px 0;
  width: 18px;
}
.ModalPanel .modal {
  background: #f3f3f3;
  border-radius: 7px;
  box-shadow: 0 10px 36px #000;
  height: 100%;
  left: 50%;
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
  min-width: 380px;
  opacity: 0;
  padding: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-out opacity;
  z-index: 14;
}
@media (min-width: 1024px) {
  .ModalPanel .modal {
    max-width: 960px;
  }
}
@media (max-height: 600px) {
  .ModalPanel .modal {
    padding: 25px;
  }
}
@media (max-height: 750px) {
  .ModalPanel .modal {
    width: auto;
  }
  .ModalPanel .modal .card.grid {
    flex-wrap: nowrap;
  }
}
.ModalPanel .modal--auto {
  height: auto;
  width: auto;
}
.ModalPanel .modal--auto .modal__cnt {
  padding: 0;
}
.ModalPanel .modal--fluid {
  height: 100%;
  width: 100%;
}
.ModalPanel .modal__overlay {
  background: url("data:image/svg+xml,%3Csvg%20class%3D%22lds-spin%22%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%20style%3D%22background%3A0%200%22%3E%3Cg%20transform%3D%22translate(60%2050)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20transform%3D%22scale(1.45431%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.875s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.875s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(45%20-40.355%2097.426)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.875%22%20transform%3D%22scale(1.01681%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.75s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.75s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(90%20-5%2055)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.75%22%20transform%3D%22scale(1.07931%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.625s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.625s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(135%209.645%2037.426)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.625%22%20transform%3D%22scale(1.14181%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.5s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.5s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(180%2020%2025)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.5%22%20transform%3D%22scale(1.20431%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.375s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.375s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(-135%2030.355%2012.574)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.375%22%20transform%3D%22scale(1.26681%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.25s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.25s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(-90%2045%20-5)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.25%22%20transform%3D%22scale(1.32931%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.125s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%22-0.125s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate(-45%2080.355%20-47.426)%22%3E%3Ccircle%20r%3D%222%22%20fill%3D%22%23111%22%20fill-opacity%3D%22.125%22%20transform%3D%22scale(1.39181%201)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%220s%22%20values%3D%221.5%201%3B1%201%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22fill-opacity%22%20keyTimes%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%20begin%3D%220s%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
  height: 100vh;
  left: 0;
  opacity: 0;
  overscroll-behavior: contain;
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition: 0.3s ease-out opacity;
  width: 100vw;
  z-index: 16;
}
.ModalPanel .modal__overlay--transparent {
  opacity: 1;
}
.ModalPanel .modal__overlay--visible {
  background: rgba(0, 0, 0, 0.6) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAHlBMVEVMaXEVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRWN/a0KAAAACnRSTlMAFR4gLkFHUFJeBW8dfQAAABhJREFUeNpjYAAC5kQGBo6pDAwsRSAeAwAOgQF45+YqNgAAAABJRU5ErkJggg==") 0 0 / 2.2px repeat;
  opacity: 1;
}
.ModalPanel .modal__overlay--visible .modal {
  opacity: 1;
}
.ModalPanel .modal__overlay--visible .modal__close {
  opacity: 1;
}
.ModalPanel .modal__close {
  background: rgba(0, 0, 0, 0.3) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M13.7.3a.967.967%200%2000-1.4%200L7%205.6%201.7.3A.967.967%200%2000.3.3a.967.967%200%20000%201.4L5.6%207%20.3%2012.3a.967.967%200%20000%201.4.908.908%200%2000.7.3.908.908%200%2000.7-.3L7%208.4l5.3%205.3a.967.967%200%20001.4%200%20.967.967%200%20000-1.4L8.4%207l5.3-5.3a.967.967%200%20000-1.4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  border-radius: 4px;
  height: 24px;
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: 0.2s ease-out all;
  width: 24px;
  z-index: 14;
}
.ModalPanel .modal__close:hover {
  background-color: #f60;
  opacity: 1;
}
.ModalPanel .modal__hd {
  height: 45px;
}
.ModalPanel .modal__hd h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ModalPanel .modal__cnt {
  font-size: 13px;
  height: calc(100% - 54px);
  overflow: hidden;
  overflow-y: auto;
  padding: 0 15px 0 0;
  overscroll-behavior: initial;
  scroll-behavior: smooth;
}
.ModalPanel .modal__cnt::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.ModalPanel .modal__cnt::-webkit-scrollbar-track {
  background: rgba(221, 221, 221, 0.35);
  border-radius: 8px;
}
.ModalPanel .modal__cnt::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 51, 0.35);
  border-radius: 8px;
}
.ModalPanel .modal__cnt::-webkit-scrollbar-thumb:hover {
  background: #f60;
  border-radius: 8px;
}
.ModalPanel .modal--login,
.ModalPanel .modal--register {
  background: 0;
  box-shadow: none;
  height: auto;
  padding: 0;
  width: 380px;
}
.ModalPanel .modal--login .modal__cnt,
.ModalPanel .modal--register .modal__cnt {
  overflow: visible;
}
.ModalPanel .modal--login .modal__cnt .card,
.ModalPanel .modal--register .modal__cnt .card {
  box-shadow: 0 10px 36px #000;
}
.ModalPanel .modal--login .modal__cnt .card--dark,
.ModalPanel .modal--register .modal__cnt .card--dark {
  background: rgba(0, 0, 0, 0.95);
}
.ModalPanel .modal--voting {
  background: 0;
  height: auto;
  padding: 0;
  width: 490px;
}
@media (max-height: 750px) {
  .ModalPanel .modal--voting {
    flex-wrap: nowrap;
    width: auto;
  }
}
.ModalPanel .modal--confirm-charges {
  background: 0;
  height: auto;
  padding: 0;
  width: 980px;
}
.ModalPanel .modal--add-cc {
  background: 0;
  height: auto;
  padding: 0;
  width: 380px;
}
.ModalPanel .modal--add-cc .card {
  z-index: 2;
}
.ModalPanel .modal--add-cc .card--dark {
  background: rgba(0, 0, 0, 0.95);
}
.ModalPanel .modal--ch-unavailable {
  background: 0;
  height: auto;
  padding: 0;
  width: 490px;
}
@media (max-height: 750px) {
  .ModalPanel .modal--ch-unavailable {
    flex-wrap: nowrap;
    width: auto;
  }
}
.ModalPanel .modal--ch-awards {
  max-height: 600px;
  max-width: 690px;
}
.ModalPanel .modal__pic {
  border-radius: 7px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  min-width: 490px;
  overflow: hidden;
  padding: 75.2% 0 0;
  position: relative;
  width: 100%;
}
@media (max-height: 750px) {
  .ModalPanel .modal__pic {
    width: 490px;
  }
}
@media (max-width: 980px) and (max-height: 400px) {
  .ModalPanel .modal__pic {
    display: none;
  }
}
.ModalPanel .modal__pic > img {
  height: 100%;
  left: 50%;
  max-height: 100%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.ModalPanel .modal__pic > .note__cnt {
  bottom: 10px;
  max-width: 80%;
  position: absolute;
  right: 10px;
}
.ModalPanel .modal__inner {
  padding: 35px 50px;
  width: 100%;
}
@media (max-height: 768px) {
  .ModalPanel .modal__inner {
    padding: 20px 30px;
  }
}
.ModalPanel .modal__inner--sm {
  padding: 35px 25px;
}
@media (max-height: 768px) {
  .ModalPanel .modal__inner--sm {
    padding: 20px 25px;
  }
}
.ModalPanel .modal__inner-ft {
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  padding: 25px;
}
.ModalPanel .modal__inner-ft a:not(.btn) {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
}
.ModalPanel .modal__inner-ft a:not(.btn):hover {
  text-decoration: none;
}
.ModalPanel .modal__inner-ft .btn--text {
  color: #000;
  font-size: 16px;
}
@media (max-height: 750px) {
  .ModalPanel .modal__inner {
    width: 490px;
  }
}
.ModalPanel .modal__inner .clothes {
  float: right;
}
.ModalPanel .modal__inner .clothes > img {
  height: 20px;
  margin: 0 0 0 5px;
  opacity: 0.7;
}
.ModalPanel .modal__inner .clothes > img:hover {
  opacity: 1;
}
.ModalPanel .modal__inner > :last-child {
  margin-bottom: 0;
}
.ModalPanel .modal__inner .error__extra-info {
  padding: 0 0 0 35px;
}
.ModalPanel .modal__inner .error__extra-info > p {
  padding: 0 0 5px;
}
.ModalPanel .modal__inner .error__extra-info > ul > li {
  padding: 0;
}
.ModalPanel .modal__inner .protected-session input {
  background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.482%203.301H.752a.752.752%200%2000-.751.753v3.3a.753.753%200%2000.753.752h4.684a.751.751%200%2000.751-.752v-3.3a.753.753%200%2000-.707-.753zm-4.064-.336a.292.292%200%2000.292-.292v-.481a1.384%201.384%200%20112.767%200v.482a.292.292%200%2000.292.292h.223a.292.292%200%2000.292-.292V2.19a2.192%202.192%200%2000-4.383%200v.481a.292.292%200%2000.292.292h.223z%22%20fill%3D%22%231a1a1a%22%2F%3E%3C%2Fsvg%3E%0A") 6px 8px no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  font-size: 11px;
  height: 28px;
  min-width: 100%;
  padding: 5px 18px;
}
.ModalPanel .modal__inner .protected-session small {
  font-size: 11px;
}
.ModalPanel .modal {
  max-width: 80%;
  max-height: 80%;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: block;
  opacity: 1;
  min-width: 0;
  width: auto;
  font-size: 13px;
  max-height: 100%;
  height: auto;
  padding: 10px;
}
.ModalPanel .modal__close {
  opacity: 1;
}
.ModalPanel .modal .btn {
  white-space: nowrap;
}
.ModalPanel .modal .btn--block {
  display: block;
  min-width: 100%;
}
.ModalPanel .modal h3 {
  white-space: nowrap;
}
.ModalPanel .Overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  z-index: 13;
}
.validate--message {
  display: none;
}
.validate--message.visible ~ .validate--message.visible {
  display: none !important;
}
.frm__input[class*=' .validate--tooltip-']:not(:focus),
.frm__select[class*=' .validate--tooltip-']:not(:focus),
.frm__checkbox[class*=' .validate--tooltip-']:not(:focus),
.frm__textarea[class*=' .validate--tooltip-']:not(:focus) {
  border-color: red;
}
.frm__input[class*=' .validate--tooltip-'].focus-visible,
.frm__select[class*=' .validate--tooltip-'].focus-visible,
.frm__checkbox[class*=' .validate--tooltip-'].focus-visible,
.frm__textarea[class*=' .validate--tooltip-'].focus-visible {
  border-color: red;
}
form:not(.focus-within) .frm__input ~ .validate--message.visible.validate--first,
form:not(.focus-within) .frm__select ~ .validate--message.visible.validate--first,
form:not(.focus-within) .frm__checkbox ~ .validate--message.visible.validate--first,
form:not(.focus-within) .frm__textarea ~ .validate--message.visible.validate--first {
  display: block !important;
}
form:not(:focus-within) .frm__input ~ .validate--message.visible.validate--first,
form:not(:focus-within) .frm__select ~ .validate--message.visible.validate--first,
form:not(:focus-within) .frm__checkbox ~ .validate--message.visible.validate--first,
form:not(:focus-within) .frm__textarea ~ .validate--message.visible.validate--first {
  display: block !important;
}
.frm__input:focus.focus-visible ~ .validate--message.visible,
.frm__select:focus.focus-visible ~ .validate--message.visible,
.frm__checkbox:focus.focus-visible ~ .validate--message.visible,
.frm__textarea:focus.focus-visible ~ .validate--message.visible {
  display: block;
}
.validate--tooltip-screenname-reserve .frm__label {
  color: #fff;
  pointer-events: auto;
}
.pulse--validate-minlength,
.pulse--validate-maxlength,
.pulse--validate-pattern {
  animation-name: pulse_border;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
@keyframes pulse_border {
  0% {
    border-color: red;
  }
  75% {
    border-color: red;
  }
  100% {
    border-color: #fc6;
  }
}
.frm {
  width: 100%;
}
.frm--bordered {
  padding: 0 0 15px;
}
@media (max-height: 768px) {
  .frm--bordered {
    padding: 0 0 10px;
  }
}
.frm--bordered .frm__row:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
}
@media (max-height: 768px) {
  .frm--bordered .frm__row:not(:first-child) {
    padding-top: 10px;
  }
}
.frm legend {
  display: none;
}
.frm fieldset {
  min-width: 0;
}
.frm__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 15px;
  position: relative;
}
@media (max-height: 768px) {
  .frm__row {
    padding: 0 0 10px;
  }
}
.frm__row--last {
  display: block;
  padding: 0;
}
.frm__row--last > .btn--secondary {
  margin: 0 0 0 10px;
}
.frm__row--text {
  line-height: 47px;
}
.frm__row--text .frm__input {
  margin: 0 10px;
}
.frm__row--text .frm__input.is-filled + .frm__label,
.frm__row--text .frm__input:focus + .frm__label {
  top: -13px;
}
.frm__row--text .frm__label {
  left: 25px;
  top: 0;
}
.frm__row--inline {
  padding: 0;
}
.frm__label {
  color: #303030;
  cursor: pointer;
  font-weight: 400;
  left: 15px;
  pointer-events: none;
  position: absolute;
  top: 15px;
  transition: 0.2s ease-out all;
  user-select: none;
}
.frm__input,
.frm__select,
.frm__textarea {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  max-width: 100%;
  outline: none;
  padding: 15px;
  transition: 0.2s ease-out all;
  width: 100%;
}
.frm__input:hover,
.frm__select:hover,
.frm__textarea:hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}
.frm__input:focus,
.frm__select:focus,
.frm__textarea:focus {
  border-color: #fc6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.frm__input:focus + .frm__label,
.frm__select:focus + .frm__label,
.frm__textarea:focus + .frm__label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  top: 3px;
  transform: none;
}
.frm__input.is-filled + .frm__label,
.frm__select.is-filled + .frm__label,
.frm__textarea.is-filled + .frm__label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  top: 3px;
  transform: none;
}
.frm__input:-webkit-autofill + .frm__label,
.frm__select:-webkit-autofill + .frm__label,
.frm__textarea:-webkit-autofill + .frm__label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  top: 3px;
  transform: none;
}
.frm__input:-moz-autofill + .frm__label,
.frm__select:-moz-autofill + .frm__label,
.frm__textarea:-moz-autofill + .frm__label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  top: 3px;
  transform: none;
}
.frm__input--sm,
.frm__select--sm,
.frm__textarea--sm {
  max-width: 35px;
  min-height: 28px;
  padding: 5px;
}
.frm__input--md,
.frm__select--md,
.frm__textarea--md {
  max-width: 65px;
}
.frm__input--lg,
.frm__select--lg,
.frm__textarea--lg {
  max-width: 100px;
}
.frm__input--xlg,
.frm__select--xlg,
.frm__textarea--xlg {
  max-width: 300px;
}
.frm__input--inline,
.frm__select--inline,
.frm__textarea--inline {
  display: inline-block;
}
.frm__input--faded,
.frm__select--faded,
.frm__textarea--faded {
  background: 0;
  border: 1px solid transparent;
}
.frm__input--faded:hover,
.frm__select--faded:hover,
.frm__textarea--faded:hover {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
}
.frm__input--faded:focus,
.frm__select--faded:focus,
.frm__textarea--faded:focus {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.frm__input[disabled],
.frm__select[disabled],
.frm__textarea[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.frm__input:not(:empty) + .frm__label,
.frm__textarea:not(:empty) + .frm__label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  top: 5px;
  transform: none;
}
.frm__input--cc {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260.466%22%20height%3D%2217.45%22%20viewBox%3D%220%200%2060.466%2017.45%22%3E%3Cg%20transform%3D%22translate(-421.022%20-372)%22%3E%3Cg%20transform%3D%22translate(409.795%20323.893)%22%20opacity%3D%220.3%22%3E%3Cg%20transform%3D%22translate(11.227%2051.518)%22%3E%3Cpath%20d%3D%22M55.781%2C62.093H53.2l1.612-9.906h2.579Z%22%20transform%3D%22translate(-42.08%20-52.009)%22%2F%3E%3Cpath%20d%3D%22M20.18%2C52.187%2C17.721%2C59l-.291-1.467h0l-.868-4.454a1.1%2C1.1%2C0%2C0%2C0-1.223-.892H11.274l-.047.167a9.634%2C9.634%2C0%2C0%2C1%2C2.7%2C1.133l2.241%2C8.606h2.687l4.1-9.906Z%22%20transform%3D%22translate(-11.227%20-52.01)%22%2F%3E%3Cpath%20d%3D%22M102.688%2C62.093h2.368l-2.065-9.906h-2.073a1.185%2C1.185%2C0%2C0%2C0-1.191.738l-3.846%2C9.168h2.688l.538-1.471h3.279Zm-2.838-3.5%2C1.355-3.707.762%2C3.707Z%22%20transform%3D%22translate(-73.45%20-52.01)%22%2F%3E%3Cpath%20d%3D%22M76.274%2C54.077l.368-2.127a7.444%2C7.444%2C0%2C0%2C0-2.32-.432c-1.28%2C0-4.319.56-4.319%2C3.279%2C0%2C2.559%2C3.567%2C2.591%2C3.567%2C3.935s-3.2%2C1.1-4.255.256l-.384%2C2.224a7.223%2C7.223%2C0%2C0%2C0%2C2.911.56c1.76%2C0%2C4.415-.912%2C4.415-3.391%2C0-2.576-3.6-2.815-3.6-3.935S75.171%2C53.469%2C76.274%2C54.077Z%22%20transform%3D%22translate(-53.642%20-51.518)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17.43%2C57.533l-.868-4.454a1.1%2C1.1%2C0%2C0%2C0-1.223-.892H11.274l-.047.167a10%2C10%2C0%2C0%2C1%2C3.828%2C1.922A7.726%2C7.726%2C0%2C0%2C1%2C17.43%2C57.533Z%22%20transform%3D%22translate(0%20-0.492)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(459%20372)%22%20opacity%3D%220.3%22%3E%3Cpath%20d%3D%22M15.905%2C171.182v-1.158a.679.679%2C0%2C0%2C0-.734-.734.761.761%2C0%2C0%2C0-.656.328.675.675%2C0%2C0%2C0-.618-.328.623.623%2C0%2C0%2C0-.54.27v-.232h-.405v1.853h.405v-1.023c0-.328.174-.483.444-.483s.405.174.405.483v1.023h.405v-1.023a.427.427%2C0%2C0%2C1%2C.444-.483c.27%2C0%2C.405.174.405.483v1.023Zm6-1.853h-.656v-.56h-.405v.56H20.48v.367h.367v.849c0%2C.425.174.676.637.676a1.08%2C1.08%2C0%2C0%2C0%2C.5-.135l-.116-.348a.635.635%2C0%2C0%2C1-.347.1c-.193%2C0-.27-.116-.27-.309v-.83h.656v-.367Zm3.436-.039a.544.544%2C0%2C0%2C0-.483.27v-.232h-.405v1.853h.405v-1.042c0-.309.135-.483.386-.483a1.128%2C1.128%2C0%2C0%2C1%2C.251.039l.116-.386a1.277%2C1.277%2C0%2C0%2C0-.27-.019Zm-5.193.193a1.325%2C1.325%2C0%2C0%2C0-.753-.193c-.463%2C0-.772.232-.772.6%2C0%2C.309.232.483.637.541l.193.019c.212.039.328.1.328.193%2C0%2C.135-.154.232-.425.232a1.066%2C1.066%2C0%2C0%2C1-.618-.193l-.193.309a1.365%2C1.365%2C0%2C0%2C0%2C.791.232c.54%2C0%2C.849-.251.849-.6%2C0-.328-.251-.5-.637-.56l-.193-.019c-.174-.019-.309-.058-.309-.174%2C0-.135.135-.212.347-.212a1.391%2C1.391%2C0%2C0%2C1%2C.579.154l.174-.328Zm10.771-.193a.544.544%2C0%2C0%2C0-.483.27v-.232h-.405v1.853h.405v-1.042c0-.309.135-.483.386-.483a1.128%2C1.128%2C0%2C0%2C1%2C.251.039l.116-.386a1.277%2C1.277%2C0%2C0%2C0-.27-.019Zm-5.173.965a.927.927%2C0%2C0%2C0%2C.984.965.96.96%2C0%2C0%2C0%2C.656-.212l-.193-.328a.78.78%2C0%2C0%2C1-.483.174.548.548%2C0%2C0%2C1-.56-.6.569.569%2C0%2C0%2C1%2C.56-.6.779.779%2C0%2C0%2C1%2C.483.174l.193-.328a.96.96%2C0%2C0%2C0-.656-.212.927.927%2C0%2C0%2C0-.984.965Zm3.745%2C0v-.927h-.405v.232a.7.7%2C0%2C0%2C0-.579-.27.966.966%2C0%2C0%2C0%2C0%2C1.93.65.65%2C0%2C0%2C0%2C.579-.27v.232h.405Zm-1.486%2C0a.561.561%2C0%2C1%2C1%2C1.12%2C0%2C.561.561%2C0%2C1%2C1-1.12%2C0Zm-4.845-.965a.966.966%2C0%2C0%2C0%2C.019%2C1.93%2C1.181%2C1.181%2C0%2C0%2C0%2C.753-.251l-.193-.29a.922.922%2C0%2C0%2C1-.54.193.521.521%2C0%2C0%2C1-.56-.444h1.371v-.154a.853.853%2C0%2C0%2C0-.849-.984Zm0%2C.347a.452.452%2C0%2C0%2C1%2C.463.444h-.965a.489.489%2C0%2C0%2C1%2C.5-.444Zm10.057.618V168.6h-.405v.965a.7.7%2C0%2C0%2C0-.579-.27.966.966%2C0%2C0%2C0%2C0%2C1.93.65.65%2C0%2C0%2C0%2C.579-.27v.232h.405Zm-1.486%2C0a.561.561%2C0%2C1%2C1%2C1.12%2C0%2C.561.561%2C0%2C1%2C1-1.12%2C0Zm-13.551%2C0v-.927h-.405v.232a.7.7%2C0%2C0%2C0-.579-.27.966.966%2C0%2C0%2C0%2C0%2C1.93.65.65%2C0%2C0%2C0%2C.579-.27v.232h.405Zm-1.506%2C0a.561.561%2C0%2C1%2C1%2C1.12%2C0%2C.561.561%2C0%2C1%2C1-1.12%2C0Z%22%20transform%3D%22translate(-11.813%20-153.77)%22%2F%3E%3Crect%20width%3D%226.08%22%20height%3D%2210.926%22%20transform%3D%22translate(8.204%201.486)%22%20fill%3D%22%23414141%22%2F%3E%3Cpath%20d%3D%22M8.59%2C6.949a6.968%2C6.968%2C0%2C0%2C1%2C2.644-5.463A6.947%2C6.947%2C0%2C1%2C0%2C6.949%2C13.9a6.906%2C6.906%2C0%2C0%2C0%2C4.285-1.486A6.939%2C6.939%2C0%2C0%2C1%2C8.59%2C6.949Z%22%2F%3E%3Cpath%20d%3D%22M139.217%2C6.949a6.942%2C6.942%2C0%2C0%2C1-11.234%2C5.463%2C6.964%2C6.964%2C0%2C0%2C0%2C0-10.926%2C6.942%2C6.942%2C0%2C0%2C1%2C11.234%2C5.463Z%22%20transform%3D%22translate(-116.729)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 95% center;
  background-repeat: no-repeat;
}
.frm__textarea--sm {
  min-height: 65px;
}
.frm__textarea--md {
  min-width: 100px;
}
.frm__textarea--lg {
  min-width: 200px;
}
.frm__textarea--xlg {
  min-width: 300px;
}
.frm__select {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203.381%201.125%22%3E%3Cg%20fill%3D%22%231a1a1a%22%20opacity%3D%220.5%22%3E%3Cpath%20d%3D%22M1.123.938A.187.187%200%20001.07.806L.32.056A.187.187%200%2010.055.32l.75.75a.187.187%200%2000.318-.134z%22%2F%3E%3Cpath%20d%3D%22M1.873.188a.187.187%200%2000-.32-.132l-.75.75a.187.187%200%2010.266.264l.75-.75a.187.187%200%2000.054-.13z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  background-size: 16px;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 15px 25px 15px 15px;
  height: 49px;
  -webkit-appearance: none;
}
.frm__select--lg {
  background-image: none;
  height: 275px;
  max-width: 100%;
}
.frm__textarea {
  font: inherit;
  resize: none;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
.frm__textarea::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.frm__textarea::-webkit-scrollbar-track {
  background: rgba(221, 221, 221, 0.35);
  border-radius: 8px;
}
.frm__textarea::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 51, 0.35);
  border-radius: 8px;
}
.frm__textarea::-webkit-scrollbar-thumb:hover {
  background: #f60;
  border-radius: 8px;
}
.frm__radio,
.frm__checkbox {
  appearance: none;
  background: #fff;
  border: 1px solid #ededed;
  cursor: pointer;
  height: 20px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  transition: 0.2s ease-out all;
  width: 20px;
}
.frm__radio:active,
.frm__checkbox:active,
.frm__radio:checked:active,
.frm__checkbox:checked:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.frm__radio:checked,
.frm__checkbox:checked {
  border: 1px solid #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.frm__radio:after,
.frm__checkbox:after {
  transition: 0.2s ease-out all;
}
.frm__radio + label,
.frm__checkbox + label {
  font-weight: 500;
  padding: 2px 0 0 7px;
  pointer-events: all;
  position: static;
  width: calc(100% - 20px);
}
.frm__radio {
  border-radius: 10px;
}
.frm__radio:after {
  background: #fff;
  border-radius: 100%;
  content: '';
  height: 10px;
  left: 4px;
  opacity: 0.5;
  position: absolute;
  top: 4px;
  width: 10px;
}
.frm__radio:checked:after {
  background: #54a228;
  height: 12px;
  left: 3px;
  opacity: 1;
  top: 3px;
  width: 12px;
}
.frm__checkbox {
  border-radius: 3px;
}
.frm__checkbox:after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.201%22%20height%3D%229.838%22%3E%3Cpath%20d%3D%22M12.2%202.074L4.437%209.838%200%205.449l2.074-2.122L4.437%205.69%2010.127%200z%22%20fill%3D%22%2354a228%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  content: '';
  height: 12px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 12px;
}
.frm__checkbox:hover:after {
  opacity: 0.5;
}
.frm__checkbox:checked:after {
  opacity: 1;
}
.frm__toggle {
  appearance: none;
  background: #e2ddd7;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  height: 16px;
  margin: 5px 0;
  outline: none;
  padding: 0;
  position: relative;
  transition: 0.2s ease-out all;
  width: 34px;
}
.frm__toggle:before {
  background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M13.7.3a.967.967%200%2000-1.4%200L7%205.6%201.7.3A.967.967%200%2000.3.3a.967.967%200%20000%201.4L5.6%207%20.3%2012.3a.967.967%200%20000%201.4.908.908%200%2000.7.3.908.908%200%2000.7-.3L7%208.4l5.3%205.3a.967.967%200%20001.4%200%20.967.967%200%20000-1.4L8.4%207l5.3-5.3a.967.967%200%20000-1.4z%22%20fill%3D%22%231a1a1a%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E%0A") center center / 40% 40% no-repeat;
  border-radius: 100%;
  content: '';
  height: 20px;
  left: -5px;
  opacity: 0.75;
  position: absolute;
  top: -2px;
  transition: 0.2s ease-out all;
  width: 20px;
}
.frm__toggle:checked {
  background: #54a228;
}
.frm__toggle:checked:before {
  background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.201%22%20height%3D%229.838%22%3E%3Cpath%20d%3D%22M12.2%202.074L4.437%209.838%200%205.449l2.074-2.122L4.437%205.69%2010.127%200z%22%20fill%3D%22%2354a228%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  left: 19px;
  opacity: 1;
}
.frm__toggle + label {
  padding: 5px 0 0;
  pointer-events: all;
  position: static;
  width: calc(100% - 44px);
}
.frm .is-required:after {
  content: ' *';
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
}
.frm__forum--profile {
  background: #504946;
  border-radius: 7px;
  padding: 15px 15px 0;
}
.frm__required {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
}
.frm__upload {
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
#howFoundTypeStar input {
  display: none;
}
#howFoundTypeStar input.promo--1,
#howFoundTypeStar input.promo--2 {
  display: block;
}
#howFoundTypeStar input.promo--1 ~ label span:not(.promo--1) {
  display: none;
}
#howFoundTypeStar input.promo--2 ~ label span:not(.promo--2) {
  display: none;
}
#howFoundTypeStar input.promo--0 ~ label {
  display: none;
}
.DeviceControl .btn {
  margin-top: 10px;
}
.ViewerContainer .ViewerReceiveVideo {
  height: 100%;
  width: 100%;
}
.TwoWayContainer {
  position: relative;
  height: 100%;
  width: 100%;
}
@keyframes pulse-connection-onlinePaid-open {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes pulse-connection-onlinePaid-one2one {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes pulse-connection-onlineNotPaid {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes pulse-connection-onlineGreen {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes pulse-connection-onlineOrange {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes pulse-connection-onlineRed {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes pulse-HD {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes fade-out-online {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.CCMNApiContainer {
  position: relative;
  z-index: 10;
  height: 100%;
  width: 100%;
}
.CCMNApiContainer div {
  display: none;
}
.CCMNApiContainer .icon {
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.CCMNApiContainer .pulse {
  animation-duration: 1s;
  animation-iteration-count: 5;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
}
.CCMNApiContainer .pulse:hover {
  animation-iteration-count: 0;
}
.CCMNApiContainer .fadeout {
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.CCMNApiContainer .VolumeContainer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 60px;
  z-index: 20;
  display: inline-block;
  background: -webkit-linear-gradient(#e21d1d 4%, #ff9d00 12%, #fff200 22%, #f2ea00 37%, #52b152 59%, #52b152 59%, #008a00 79%);
  margin: auto;
  width: 5px;
  right: 0;
}
.CCMNApiContainer .VolumeContainer:hover {
  height: 150px;
  width: 10px;
}
.CCMNApiContainer .Volume {
  display: inline-block;
  position: absolute;
  width: 100%;
  background: black;
}
.CCMNApiContainer .StatusMessageContainer {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  color: #cdfcf9;
  font-weight: bolder;
  text-shadow: 2px 2px 4px #000;
  font-size: 1.25rem;
  display: block;
}
.CCMNApiContainer .StatusViewerDisconnectedContainer {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.CCMNApiContainer .StatusViewerDisconnectedContainer .StatusViewerDisconnected {
  opacity: 1;
  transition: none;
  position: static;
  color: #d61801;
  animation-name: fade-out-online;
  animation-delay: 2s;
}
.CCMNApiContainer .StatusMessage {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
}
.CCMNApiContainer .StatusMessage.StatusPaused {
  transition: opacity 0.5s linear;
}
.CCMNApiContainer .StatusMessage.StatusPaused.Yes {
  transition: none;
  opacity: 1;
}
.CCMNApiContainer .StatusMessage.StatusPaused.No {
  opacity: 0;
}
.CCMNApiContainer .StatusMessage.StatusOnline {
  transition: none;
}
.CCMNApiContainer .StatusMessage.StatusOnline.Yes {
  opacity: 0;
  animation-name: fade-out-online;
  animation-delay: 2s;
}
.CCMNApiContainer .StatusMessage.StatusOnline.No {
  opacity: 0;
}
.isPaused {
  display: none;
}
.isOnline {
  display: none;
  position: absolute;
  top: 10px;
}
.isOnlinePaid {
  background: url(/com/img/video/money.png) no-repeat;
}
.isOnlinePaid.session-open {
  animation-name: pulse-connection-onlinePaid-open;
}
.isOnlinePaid.session-one2one {
  animation-name: pulse-connection-onlinePaid-one2one;
}
.isOnlineNotPaid {
  background: url(/com/img/video/nomoney.png) no-repeat;
  animation-name: pulse-connection-onlineNotPaid;
}
.isOnlineGreen {
  background: url(/com/img/video/onlinegreen.png) no-repeat;
  animation-name: pulse-connection-onlineGreen;
}
.isOnlineOrange {
  background: url(/com/img/video/onlineorange.png) no-repeat;
  animation-name: pulse-connection-onlineOrange;
}
.isOnlineRed {
  background: url(/com/img/video/onlinered.png) no-repeat;
  animation-name: pulse-connection-onlineRed;
}
.isHD {
  display: none;
  position: absolute;
  right: 0;
  top: 10px;
  background: url(/com/img/video/hdgreen.png) no-repeat;
  animation-name: pulse-HD;
}
.fps {
  user-select: none;
}
.fps::after {
  left: 90px;
}
.fps.fr-23 {
  color: #22B14C;
}
.fps.fr-17 {
  color: #B5E61D;
}
.fps.fr-12 {
  color: #FFF200;
}
.fps.fr-7 {
  color: #FFC0E0;
}
.fps.fr-2 {
  color: #FF7F27;
}
.fps.fr-0 {
  color: #ED1C24;
}
.ChathostToolbar {
  display: block;
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ChathostToolbar button {
  outline: none;
  float: left;
  border: 0;
  background-color: transparent;
  display: none;
  height: 25px;
  width: 25px;
  background-size: cover;
  display: block;
}
.ChathostToolbar .mute {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20opacity%3D%220.3%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M18%206.88C15.5327%206.88%2013.5201%208.89262%2013.5201%2011.36V18.08C13.5201%2020.5474%2015.5327%2022.56%2018%2022.56C20.4674%2022.56%2022.48%2020.5474%2022.48%2018.08V11.36C22.48%208.89262%2020.4674%206.88%2018%206.88ZM18%208.56001C19.5657%208.56001%2020.8%209.79428%2020.8%2011.36V18.08C20.8%2019.6458%2019.5657%2020.88%2018%2020.88C16.4343%2020.88%2015.2001%2019.6458%2015.2001%2018.08V11.36C15.2001%209.79428%2016.4343%208.56001%2018%208.56001ZM11.8489%2016.1145C11.4003%2016.1098%2010.9908%2016.5235%2011.0002%2016.972V18.0975C11.0002%2021.6772%2013.6915%2024.6301%2017.1601%2025.0451V27.0401H15.2001C14.7362%2027.0401%2014.3601%2027.4161%2014.3601%2027.8801C14.3601%2028.344%2014.7362%2028.7201%2015.2001%2028.7201H20.8C21.2639%2028.7201%2021.64%2028.344%2021.64%2027.8801C21.64%2027.4161%2021.2639%2027.0401%2020.8%2027.0401H18.84V25.0451C22.3086%2024.6301%2024.9999%2021.6772%2024.9999%2018.0975V16.972C25.0062%2016.5282%2024.6038%2016.12%2024.1599%2016.12C23.7161%2016.12%2023.3136%2016.5282%2023.32%2016.972V18.0975C23.32%2021.0594%2020.9618%2023.4175%2018%2023.4175C15.0383%2023.4175%2012.6801%2021.0594%2012.6801%2018.0975V16.972C12.6893%2016.5293%2012.2917%2016.1191%2011.8489%2016.1145V16.1145Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ChathostToolbar .isMuted {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M18%206.88C15.5327%206.88%2013.5201%208.89262%2013.5201%2011.36V18.08C13.5201%2020.5474%2015.5327%2022.56%2018%2022.56C20.4674%2022.56%2022.48%2020.5474%2022.48%2018.08V11.36C22.48%208.89262%2020.4674%206.88%2018%206.88ZM18%208.56001C19.5657%208.56001%2020.8%209.79428%2020.8%2011.36V18.08C20.8%2019.6458%2019.5657%2020.88%2018%2020.88C16.4343%2020.88%2015.2001%2019.6458%2015.2001%2018.08V11.36C15.2001%209.79428%2016.4343%208.56001%2018%208.56001ZM11.8489%2016.1145C11.4003%2016.1098%2010.9908%2016.5235%2011.0002%2016.972V18.0975C11.0002%2021.6772%2013.6915%2024.6301%2017.1601%2025.0451V27.0401H15.2001C14.7362%2027.0401%2014.3601%2027.4161%2014.3601%2027.8801C14.3601%2028.344%2014.7362%2028.7201%2015.2001%2028.7201H20.8C21.2639%2028.7201%2021.64%2028.344%2021.64%2027.8801C21.64%2027.4161%2021.2639%2027.0401%2020.8%2027.0401H18.84V25.0451C22.3086%2024.6301%2024.9999%2021.6772%2024.9999%2018.0975V16.972C25.0062%2016.5282%2024.6038%2016.12%2024.1599%2016.12C23.7161%2016.12%2023.3136%2016.5282%2023.32%2016.972V18.0975C23.32%2021.0594%2020.9618%2023.4175%2018%2023.4175C15.0383%2023.4175%2012.6801%2021.0594%2012.6801%2018.0975V16.972C12.6893%2016.5293%2012.2917%2016.1191%2011.8489%2016.1145V16.1145Z%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%226.9455%22%20y%3D%2228.5606%22%20width%3D%2230.4913%22%20height%3D%221.97239%22%20rx%3D%220.986193%22%20transform%3D%22rotate(-45%206.9455%2028.5606)%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ChathostToolbar .pause {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20opacity%3D%220.3%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2213%22%20y%3D%2212%22%20width%3D%223%22%20height%3D%2212%22%20rx%3D%221.5%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2220%22%20y%3D%2212%22%20width%3D%223%22%20height%3D%2212%22%20rx%3D%221.5%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ChathostToolbar .isPaused {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20opacity%3D%220.3%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M24.6%2016.6144C25.6667%2017.2302%2025.6667%2018.7698%2024.6%2019.3856L15.9%2024.4086C14.8333%2025.0244%2013.5%2024.2546%2013.5%2023.0229L13.5%2012.977C13.5%2011.7454%2014.8333%2010.9756%2015.9%2011.5914L24.6%2016.6144Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ChathostToolbar .config--mic {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20opacity%3D%220.3%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22black%22%2F%3E%0A%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2223.5%22%20r%3D%227.5%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M14.4872%206.88C12.5531%206.88%2010.9755%208.45765%2010.9755%2010.3918V15.6595C10.9755%2017.5936%2012.5531%2019.1713%2014.4872%2019.1713C16.4213%2019.1713%2017.9989%2017.5936%2017.9989%2015.6595V10.3918C17.9989%208.45765%2016.4213%206.88%2014.4872%206.88ZM14.4872%208.19693C15.7145%208.19693%2016.682%209.16445%2016.682%2010.3918V15.6595C16.682%2016.8868%2015.7145%2017.8544%2014.4872%2017.8544C13.2599%2017.8544%2012.2924%2016.8868%2012.2924%2015.6595V10.3918C12.2924%209.16445%2013.2599%208.19693%2014.4872%208.19693ZM9.66543%2014.1188C9.31378%2014.1151%208.99281%2014.4394%209.00012%2014.791V15.6732C9.00012%2018.4792%2011.1098%2020.794%2013.8287%2021.1192V22.6831H12.2924C11.9287%2022.6831%2011.6339%2022.9779%2011.6339%2023.3415C11.6339%2023.7052%2011.9287%2024%2012.2924%2024H16.682C17.0457%2024%2017.3405%2023.7052%2017.3405%2023.3415C17.3405%2022.9779%2017.0457%2022.6831%2016.682%2022.6831H15.1456V21.1192C17.8646%2020.794%2019.9743%2018.4792%2019.9743%2015.6732V14.791C19.9792%2014.4431%2019.6637%2014.1231%2019.3158%2014.1231C18.9679%2014.1231%2018.6524%2014.4431%2018.6574%2014.791V15.6732C18.6574%2017.9949%2016.8089%2019.8435%2014.4872%2019.8435C12.1655%2019.8435%2010.317%2017.9949%2010.317%2015.6732V14.791C10.3242%2014.4439%2010.0125%2014.1224%209.66543%2014.1188V14.1188Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.2345%2028.7703C23.8381%2028.8468%2023.2389%2028.8555%2022.8304%2028.7847C22.7297%2028.7673%2022.6252%2028.6737%2022.5967%2028.5757L22.3317%2027.6639C22.3032%2027.5659%2022.2084%2027.4449%2022.1201%2027.394L21.1599%2026.8397C21.0716%2026.7888%2020.9198%2026.7688%2020.8213%2026.7951L19.9168%2027.0375C19.8184%2027.0639%2019.685%2027.022%2019.6192%2026.9441C19.3665%2026.6449%2019.0794%2026.1463%2018.9478%2025.7889C18.9126%2025.6932%2018.9413%2025.5559%2019.0117%2025.4821L19.6918%2024.773C19.7623%2024.6994%2019.8197%2024.5568%2019.8197%2024.4547V23.3461C19.8197%2023.2441%2019.7612%2023.1027%2019.6891%2023.0306L19.0111%2022.3528C18.939%2022.2807%2018.9091%2022.1445%2018.9444%2022.0488C18.9758%2021.9634%2019.0945%2021.709%2019.2371%2021.4622C19.3828%2021.21%2019.5475%2020.9755%2019.6097%2020.9012C19.6751%2020.8231%2019.8087%2020.7793%2019.9078%2020.8037L20.8754%2021.0414C20.9744%2021.0656%2021.1266%2021.044%2021.215%2020.993L22.175%2020.4386C22.2633%2020.3876%2022.3566%2020.2662%2022.383%2020.1677L22.6275%2019.255C22.6539%2019.1565%2022.7569%2019.0628%2022.8576%2019.0458C23.2271%2018.9835%2023.7963%2018.984%2024.1757%2019.0521C24.276%2019.0702%2024.3789%2019.1647%2024.4053%2019.2632L24.6477%2020.1677C24.6741%2020.2662%2024.7673%2020.3876%2024.8555%2020.4386L25.8157%2020.993C25.904%2021.044%2026.0558%2021.064%2026.1543%2021.0376L27.0587%2020.7952C27.1572%2020.7688%2027.2906%2020.8106%2027.3563%2020.8885C27.6199%2021.2005%2027.9129%2021.7156%2028.0465%2022.0896C28.0807%2022.1858%2028.0501%2022.3223%2027.9779%2022.3944L27.3416%2023.0306C27.2695%2023.1027%2027.211%2023.2441%2027.211%2023.3461V24.4547C27.211%2024.5568%2027.2695%2024.6981%2027.3416%2024.7702L27.9875%2025.4161C28.0596%2025.4882%2028.0905%2025.6249%2028.0566%2025.7211C28.0191%2025.8276%2027.8927%2026.1032%2027.7385%2026.3705C27.5928%2026.6227%2027.4281%2026.8573%2027.3658%2026.9317C27.3003%2027.0097%2027.1671%2027.0518%2027.0686%2027.0254L26.2093%2026.7951C26.1107%2026.7688%2025.9591%2026.7888%2025.8707%2026.8397L24.9105%2027.394C24.8222%2027.4449%2024.7291%2027.5664%2024.7027%2027.6649L24.4638%2028.5567C24.4374%2028.6552%2024.3347%2028.7509%2024.2345%2028.7703ZM21.282%2023.9164C21.282%2022.6925%2022.2755%2021.6989%2023.4993%2021.6989C24.7231%2021.6989%2025.7167%2022.6925%2025.7167%2023.9164C25.7167%2025.1401%2024.7231%2026.1337%2023.4993%2026.1337C22.2755%2026.1337%2021.282%2025.1401%2021.282%2023.9164Z%22%20fill%3D%22%237D7D7D%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ChathostToolbar .config--cam {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20opacity%3D%220.3%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22black%22%2F%3E%0A%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2223.5%22%20r%3D%227.5%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.2345%2028.7703C23.8381%2028.8468%2023.2389%2028.8555%2022.8304%2028.7847C22.7297%2028.7673%2022.6252%2028.6737%2022.5967%2028.5757L22.3317%2027.6639C22.3032%2027.5659%2022.2084%2027.4449%2022.1201%2027.394L21.1599%2026.8397C21.0716%2026.7888%2020.9198%2026.7688%2020.8213%2026.7951L19.9168%2027.0375C19.8184%2027.0639%2019.685%2027.022%2019.6192%2026.9441C19.3665%2026.6449%2019.0794%2026.1463%2018.9478%2025.7889C18.9126%2025.6932%2018.9413%2025.5559%2019.0117%2025.4821L19.6918%2024.773C19.7623%2024.6994%2019.8197%2024.5568%2019.8197%2024.4547V23.3461C19.8197%2023.2441%2019.7612%2023.1027%2019.6891%2023.0306L19.0111%2022.3528C18.939%2022.2807%2018.9091%2022.1445%2018.9444%2022.0488C18.9758%2021.9634%2019.0945%2021.709%2019.2371%2021.4622C19.3828%2021.21%2019.5475%2020.9755%2019.6097%2020.9012C19.6751%2020.8231%2019.8087%2020.7793%2019.9078%2020.8037L20.8754%2021.0414C20.9744%2021.0656%2021.1266%2021.044%2021.215%2020.993L22.175%2020.4386C22.2633%2020.3876%2022.3566%2020.2662%2022.383%2020.1677L22.6275%2019.255C22.6539%2019.1565%2022.7569%2019.0628%2022.8576%2019.0458C23.2271%2018.9835%2023.7963%2018.984%2024.1757%2019.0521C24.276%2019.0702%2024.3789%2019.1647%2024.4053%2019.2632L24.6477%2020.1677C24.6741%2020.2662%2024.7673%2020.3876%2024.8555%2020.4386L25.8157%2020.993C25.904%2021.044%2026.0558%2021.064%2026.1543%2021.0376L27.0587%2020.7952C27.1572%2020.7688%2027.2906%2020.8106%2027.3563%2020.8885C27.6199%2021.2005%2027.9129%2021.7156%2028.0465%2022.0896C28.0807%2022.1858%2028.0501%2022.3223%2027.9779%2022.3944L27.3416%2023.0306C27.2695%2023.1027%2027.211%2023.2441%2027.211%2023.3461V24.4547C27.211%2024.5568%2027.2695%2024.6981%2027.3416%2024.7702L27.9875%2025.4161C28.0596%2025.4882%2028.0905%2025.6249%2028.0566%2025.7211C28.0191%2025.8276%2027.8927%2026.1032%2027.7385%2026.3705C27.5928%2026.6227%2027.4281%2026.8573%2027.3658%2026.9317C27.3003%2027.0097%2027.1671%2027.0518%2027.0686%2027.0254L26.2093%2026.7951C26.1107%2026.7688%2025.9591%2026.7888%2025.8707%2026.8397L24.9105%2027.394C24.8222%2027.4449%2024.7291%2027.5664%2024.7027%2027.6649L24.4638%2028.5567C24.4374%2028.6552%2024.3347%2028.7509%2024.2345%2028.7703ZM21.282%2023.9164C21.282%2022.6925%2022.2755%2021.6989%2023.4993%2021.6989C24.7231%2021.6989%2025.7167%2022.6925%2025.7167%2023.9164C25.7167%2025.1401%2024.7231%2026.1337%2023.4993%2026.1337C22.2755%2026.1337%2021.282%2025.1401%2021.282%2023.9164Z%22%20fill%3D%22%237D7D7D%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.868%2021.4347C14.868%2021.053%2014.5585%2020.7435%2014.1768%2020.7435H14.1061C13.7244%2020.7435%2013.4149%2021.053%2013.4149%2021.4347V21.4347C13.4149%2021.8165%2013.1054%2022.1259%2012.7237%2022.1259H11.6843C11.3026%2022.1259%2010.9932%2022.4353%2010.9932%2022.817V22.817C10.9932%2023.1987%2011.3026%2023.5081%2011.6843%2023.5081H16.5988C16.9805%2023.5081%2017.2899%2023.1987%2017.2899%2022.817V22.817C17.2899%2022.4353%2016.9805%2022.1259%2016.5988%2022.1259H15.5592C15.1774%2022.1259%2014.868%2021.8165%2014.868%2021.4347V21.4347Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M20.5828%2013.1414C20.5828%2016.6989%2017.6989%2019.5828%2014.1414%2019.5828C10.5839%2019.5828%207.7%2016.6989%207.7%2013.1414C7.7%209.58392%2010.5839%206.7%2014.1414%206.7C17.6989%206.7%2020.5828%209.58392%2020.5828%2013.1414Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.4%22%2F%3E%0A%3Cpath%20d%3D%22M14.7147%2015.4696C14.7147%2015.7862%2014.4581%2016.0429%2014.1414%2016.0429C13.8248%2016.0429%2013.5681%2015.7862%2013.5681%2015.4696C13.5681%2015.1529%2013.8248%2014.8962%2014.1414%2014.8962C14.4581%2014.8962%2014.7147%2015.1529%2014.7147%2015.4696Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M14.1414%2010.6074C14.5231%2010.6074%2014.8325%2010.2979%2014.8325%209.91626C14.8325%209.53458%2014.5231%209.22516%2014.1414%209.22516C13.7597%209.22516%2013.4503%209.53458%2013.4503%209.91626C13.4503%2010.2979%2013.7597%2010.6074%2014.1414%2010.6074Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.ChathostConsoleTop {
  width: 640px;
  height: 240px;
  position: relative;
}
.ChathostConsoleTop button[data-tooltip] {
  overflow: visible;
}
.ChathostConsoleTop [data-tooltip]:before,
.ChathostConsoleTop [data-tooltip]:after {
  bottom: 100%;
  /*
        left: 50%;
        */
  opacity: 0;
  pointer-events: none;
  position: absolute;
  /*
        .transition(0.15s);
        .translate(-50%, 10px);
        */
  transform-origin: top;
  transform: translateX(-50%);
  z-index: 10;
}
.ChathostConsoleTop [data-tooltip]:after {
  background: #aca473;
  border-radius: 4px;
  color: #000;
  content: attr(data-tooltip);
  font: #000;
  font-weight: initial;
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 6px;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: nowrap;
}
.ChathostConsoleTop [data-tooltip]:hover:before,
.ChathostConsoleTop [data-tooltip][data-tooltip-visible]:before,
.ChathostConsoleTop [data-tooltip]:hover:after,
.ChathostConsoleTop [data-tooltip][data-tooltip-visible]:after {
  opacity: 1;
  pointer-events: auto;
}
.ChathostConsoleTop [data-tooltip][data-tooltip-break]:after {
  white-space: normal;
}
.ChathostConsoleTop [data-tooltip-pos='down']:before,
.ChathostConsoleTop [data-tooltip-pos='down']:after {
  bottom: auto;
  transform: translateX(-50%);
  top: 100%;
}
.ChathostConsoleTop [data-tooltip-pos='down']:after {
  margin-top: 6px;
}
.ChathostConsoleTop [data-tooltip-pos='down']:before {
  border-bottom: 6px solid #000;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 0;
}
.ChathostConsoleTop [data-tooltip-pos='down']:hover:before,
.ChathostConsoleTop [data-tooltip-pos='down'][data-tooltip-visible]:before,
.ChathostConsoleTop [data-tooltip-pos='down']:hover:after,
.ChathostConsoleTop [data-tooltip-pos='down'][data-tooltip-visible]:after {
  transform: translateX(-50%);
}
.ChathostConsoleTop [data-tooltip-pos='left']:before,
.ChathostConsoleTop [data-tooltip-pos='left']:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate(0px, -50%);
}
.ChathostConsoleTop [data-tooltip-pos='left']:after {
  margin-right: 6px;
}
.ChathostConsoleTop [data-tooltip-pos='left']:before {
  border-right: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
}
.ChathostConsoleTop [data-tooltip-pos='right']:before,
.ChathostConsoleTop [data-tooltip-pos='right']:after {
  bottom: auto;
  left: 100%;
  top: 50%;
}
.ChathostConsoleTop [data-tooltip-pos='right']:after {
  margin-left: 6px;
}
.ChathostConsoleTop [data-tooltip-pos='right']:before {
  border-left: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #000;
}
.ChathostConsoleTop [data-tooltip-pos='right']:hover:before,
.ChathostConsoleTop [data-tooltip-pos='right'][data-tooltip-visible]:before,
.ChathostConsoleTop [data-tooltip-pos='right']:hover:after,
.ChathostConsoleTop [data-tooltip-pos='right'][data-tooltip-visible]:after {
  transform: translate(0, -50%);
}
.ChathostConsoleTop [data-tooltip-length]:after {
  white-space: normal;
}
.ChathostConsoleTop [data-tooltip-length='small']:after {
  width: 80px;
}
.ChathostConsoleTop [data-tooltip-length='medium']:after {
  min-width: 130px;
}
.ChathostConsoleTop [data-tooltip-length='large']:after {
  width: 230px;
}
.ChathostConsoleTop [data-tooltip-length='xlarge']:after {
  width: 90vw;
}
.ChathostConsoleTop [data-tooltip-length='fit']:after {
  width: 100%;
}
.ChathostConsoleTop h2 {
  font-size: 22px;
  font-weight: 600;
  padding: 0 0 15px;
  width: 100%;
}
@media (max-height: 768px) {
  .ChathostConsoleTop h2 {
    padding: 0 0 8px;
  }
}
.ChathostConsoleTop h3 {
  font-size: 16px;
  font-weight: 600;
}
.ChathostConsoleTop h4 {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0 15px;
}
.ChathostConsoleTop p,
.ChathostConsoleTop blockquote,
.ChathostConsoleTop ul,
.ChathostConsoleTop ol {
  line-height: 1.6;
  padding: 0 0 15px;
}
@media (max-height: 768px) {
  .ChathostConsoleTop p,
  .ChathostConsoleTop blockquote,
  .ChathostConsoleTop ul,
  .ChathostConsoleTop ol {
    line-height: 1.5;
    padding: 0 0 12px;
  }
}
.ChathostConsoleTop p:last-child,
.ChathostConsoleTop blockquote:last-child,
.ChathostConsoleTop ul:last-child,
.ChathostConsoleTop ol:last-child {
  padding-bottom: 0;
}
.ChathostConsoleTop p:empty,
.ChathostConsoleTop blockquote:empty,
.ChathostConsoleTop ul:empty,
.ChathostConsoleTop ol:empty,
.ChathostConsoleTop p:blank,
.ChathostConsoleTop blockquote:blank,
.ChathostConsoleTop ul:blank,
.ChathostConsoleTop ol:blank {
  display: none;
}
.ChathostConsoleTop blockquote,
.ChathostConsoleTop ul,
.ChathostConsoleTop ol {
  padding-left: 25px;
}
.ChathostConsoleTop ul ul,
.ChathostConsoleTop ol ul {
  padding: 5px 0 5px 25px;
}
.ChathostConsoleTop ul li,
.ChathostConsoleTop ol li {
  padding: 5px 0;
}
.ChathostConsoleTop ul li {
  list-style: disc;
}
.ChathostConsoleTop ul li li {
  list-style: circle;
}
.ChathostConsoleTop ol li {
  list-style: decimal;
}
.ChathostConsoleTop ol.type--lower-alpha li {
  list-style-type: lower-alpha;
}
.ChathostConsoleTop img {
  border: 0;
  display: inline-block;
  height: auto;
  vertical-align: text-bottom;
  user-select: none;
}
.ChathostConsoleTop hr {
  background: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 0;
  margin: 25px auto;
  max-width: 995px;
  opacity: 0.5;
  width: 100%;
}
.ChathostConsoleTop hr.alt {
  margin: 10px auto;
  width: 85%;
}
@media (max-height: 768px) {
  .ChathostConsoleTop hr.alt {
    margin: 6px auto;
  }
}
.ChathostConsoleTop hr.alt--sm {
  margin: 5px auto;
}
.ChathostConsoleTop sup {
  vertical-align: super;
  font-size: smaller;
}
.ChathostConsoleTop small {
  font-size: 12px;
}
.ChathostConsoleTop input::-webkit-outer-spin-button,
.ChathostConsoleTop input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ChathostConsoleTop input[type='number'] {
  -moz-appearance: textfield;
}
.ChathostConsoleTop .Chathost {
  float: left;
}
.ChathostConsoleTop .TransmitterContainer {
  background: #3a6ea5;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/com/img/video/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.ChathostConsoleTop video {
  background-color: #000;
}
.ChathostConsoleTop .ChathostTwoWayReceiver {
  background-image: url(/com/img/video/logo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #3a6ea5;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer {
  display: none;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate-0 video {
  transform: rotate(0deg);
  height: 240px;
  width: 320px;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate-90 video,
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate--270 video {
  transform: rotate(90deg);
  height: 320px;
  width: 240px;
  left: 40px;
  top: -40px;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate-180 video,
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate--180 video {
  transform: rotate(180deg);
  height: 240px;
  width: 320px;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate-270 video,
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.rotate--90 video {
  transform: rotate(270deg);
  height: 320px;
  width: 240px;
  left: 40px;
  top: -40px;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.twoway-15 {
  display: block;
}
.ChathostConsoleTop .ChathostTwoWayReceiver .ReceiverContainer.receive-pause > video {
  display: none;
}
.Chathost {
  color: #000;
  position: relative;
  width: 320px;
  height: 240px;
}
.Chathost .fps {
  position: absolute;
  display: block;
  bottom: 5px;
  left: 5px;
  font-size: 12px;
  font-weight: bold;
}
.Chathost canvas {
  width: 100%;
  position: absolute;
  top: 240px;
  left: 0;
}
.Chathost video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Chathost .isOnline {
  display: block;
}
.Chathost .isHD {
  display: block;
}
.Chathost .twoWayNick {
  color: #00fc00;
  position: absolute;
  top: 5px;
  left: 5px;
  text-shadow: 2px 2px #000;
  z-index: 1000;
  font-size: 14px;
}
.Chathost .fade {
  opacity: 0.5;
}
.Chathost.Transmitter:hover .fade {
  opacity: 1;
}
.Chathost.ChathostTwoWayReceiver:hover .ReceiveDeviceControl {
  opacity: 1;
}
.ReceiveDeviceControl {
  opacity: 0.3;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  position: absolute;
  z-index: 20;
}
.ReceiveDeviceControl .pause,
.ReceiveDeviceControl .isPaused,
.ReceiveDeviceControl .mute,
.ReceiveDeviceControl .isMuted,
.ReceiveDeviceControl .rotateLeft,
.ReceiveDeviceControl .rotateRight {
  outline: none;
  float: left;
  border: 0;
  height: 25px;
  width: 25px;
  background-size: cover;
  background-color: transparent;
  display: block;
}
.ReceiveDeviceControl .pause {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAJlSURBVEjH1ZVNSFRRFMf/b+aZ+mpyRMkMbIgCDaVCqYQKEiNaRLSLskWbINpY1CIoMGgXRotwEYFB0UaCIII+aCVFH8wiF5GF1Ywbs/KzUacZnV+Lcd68N/OUB646d3Pu45wf/3fvOecaaGUWWGH+ygHmEthabVeT6mQpqRF91AcNa8EzlsJl0EQ3g6TI2zwxbtNKsChaRsEhhnRa51SnhAYU1TclVK6ImtWsSv3WHd3Ur+UUrKOXNDM8oI2Q47vFLnoYJ8MTNrsVODdh7gPfOUlZsVRMDjEAvKDOGxDkGhmGaPNIzq1tvAd6sbwAbYwxwVF7H2H3opK8J1qJk6SjGFBKH9Btn3MFz5jimMvLrk7gNVWFgJ2MM8xWO2wjMaDL5eUOOko6rzRXiftVqZf6bF+O4eFl7acey9RBdykH1SKpXxlf1ftKKe1QyAmwFFFSQz7LP64x1SrsBKzSGiU15RMwo4QsWU4AyshQ0CcgoIDI/W4WkNSELFX7BIRVoWklnIBZDalEjT4B9apSTJNOgPRG0gGV+Ug31C5D7zTnBvQrrn1qtcPSSkmac3lZa9BhTeu5vbfHyA3gEWvt3jvLXRpcnhAl3AL68v2ab6Z6BpnnMqaNDBR54hQJRtnrPQ+OM80fzlO6RDMHOcEPUlzE8AaYXCDBLD1s8kiv4SoTpOl2TgMKRloJZxgBPnGFFsKYGAQJ0UgnUTJM0sXq5YeqoT26pHaVaVJfNawZlWuDtqhaC3qr63qq+YJr9RAb4gj3+MLs4lBPEuMhHfkhspyCnJmqUUTrZemvRhXXiFJL1NX//7j+A2S3RcVZbKYwAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA1LTEwVDE4OjA2OjIzLTA0OjAwRmgMgAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wNS0xMFQxODowNjoyMy0wNDowMDc1tDwAAAAASUVORK5CYII=");
}
.ReceiveDeviceControl .isPaused {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABzlBMVEX/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AABwrDYBAAAAmXRSTlMAAhtKdpOdlXxRIQMBLIzY+vzgmTgNcuLzxJBuYmuKvO7rhhUWnvv1pUEKNv60IxCj31wIBEjRuh2D3C7K7e9QHzfh+FsHqg+48VdvxRM1KR5/zHV+lqhgQvnGx/c85tMtGNrpJxLwMBroJcBEKhmcCWOzlECNrw5qnygFe/RZ8nFadHP2F4Bo59czKwuurOrDTU6iOlJVPgbg35bfAAAACXBIWXMAAABIAAAASABGyWs+AAABo0lEQVQ4y2NgoCdgZGJmYWVj5+Dk4sYmzcPLxy8wEwQEhYRFMJWIionPlJCUkpaRlZNXmKmopIwmr6Kqpq6hKQpma2mzK+jo6qHI6xvMNDQyhnNNTM1mmlsgyXNb6lhpouiwtpmpqoXgatra2YNoB0djKMEg4uTsApd3dZvJB3K2u4enF4QAAu+ZPr4wBX4K4v4gOkBoZiCEADk7SM0epiB4pioj2AaQnANUAUPIzFCYE8NmhjNgKoiIjBKFhlF0TCwWBXpxhlCf+sbbJWBRkJiUnAJRkGqWlo5FQYZVZhZEgVa2QA4WBbmKSXlQV+bP9MaigFPHvACqoHBmkTGGAp7imZawcMgSSisB25o0kwVCAIG/kGcsPK2UziwrB0ViRWUVhGBgqGad6YaI3hR+wRoTkEpGGMEQXpsMNwAI6uolGlyR478xU6CJB0nApLm2hZ0Lzm1ts1PjQ0oOICvbO2Z2cnTpm/Bwi3Z7B+mkBfagJUqeWN2YmXZBvQZ9Uf06ahMmmjBgANFJk5NagKneWajPxZcBKzBhmjLVaNp0hxkM9AUANSlthgu0iMUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDUtMTBUMTg6MjM6NTUtMDQ6MDCROEImAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTEwVDE4OjIzOjU1LTA0OjAw4GX6mgAAAABJRU5ErkJggg==");
}
.ReceiveDeviceControl .mute {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABmJLR0QAMwAzADOGP0P2AAAACXBIWXMAABEJAAARCQHA5aIYAAACK0lEQVRYw82XP2sUYRDGn0uuSjhygSCYBEECckq+hH4BO1vBLpCPEUhjIaSwswj5BFZpDk0jIoKFkIjgHySwaJNDsHQfm5lj8mbed2ezd+DAsLvvzj7323ln5u56JGFtQY41ANqFXhqhC3Uvp3ETwEQXhgCOpiEk1Y9JThdqc2OF5IVeq+YAwFjYJhbLSqqN5QiS6BvCnjl/l32P1JShMmuXnzAMleFAykBhYO4jbJAbwCSo8hhA8odhqGyqrZ+Z8wf2xhMnWH2R5IZ3L12o9aPF10xqJp5AP/PStZeR0k5BCo/ir6ICFmfIqzY2lVZHcpArjXEmR0UB9S9OEqdCjeXcZJ0FdBeWAKwX4h427cIjec+Rk4O3aY/lkrjjiHzwmrS0C1bkNKkJREr5uRzPokm0An8lqcsA7gHYbSugO/JHRBAR6WfWwyL9wr1UZATgU6kbD+nbEsmDXJ3kGuiuI+LVSbEbt5w6uCLS1Mq3nEK6JBKZB+tOJarIfzAPutpCcr0vU72SuonaAMCJPPumFYGT8x2ZuZS5OyrszyrJ90m1TAL7GirDEsgNkh8zjTMzAA/kF8nvLNtMAPZIfiX5UroYJJ8xZhddAXK/EBTkYN4ZGBbEIyBzBYiA/O4KMGDcciBN7duqC9S3Sf4MgDxtMUdaAajfIXkeAAkNtOsAqN8m+S1QhEWQLgDqmyQ/B+ZACrIxk69TY8sAHgN4DeC0EHcfwBaAF6G/q/O2f/m4fXbwTrjFAAAAAElFTkSuQmCC");
}
.ReceiveDeviceControl .isMuted {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABEJAAARCQHA5aIYAAAA70lEQVRYw92X6wrDIAyFc8be/5WzH8JqqzYXT1aYUIoFzdckJkeoqjw5XvLweJ9mgIiIiggk6pm2to3A2qsH9PvuN/QZ1+6hhMAHcRgn5IAqQhCbxuce8EIQjK9DYEGQjN/nwAqCaNyuAzMIonFfIRohCgvREeP+LyGquHwr9MCY8S32RZ7w9oIyiEgzKoGIdkM6RKYdUyGyeoAGsSNI1hCBVr6riFYQbj0x64Y/hYBblNpNqMm4sWLeyjt/CNomYHsilgMFEPEk9EAElFXuFNgQbnmXP4YkiL06QIDYv5rlIYh3wzMEDAjkCtG/3o4/g7F9Odyt71MAAAAASUVORK5CYII=");
}
.ReceiveDeviceControl .rotateLeft {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAB3klEQVRIx62WPWsVQRSGn1niVxKMEmxMiIkXwTKl/hLBiyaFha2QTjujrSL+AFtjIGBhZ2UREFIE0qYzWgleRMFo8tjMhN3J3rub3PsWy85wzrxz5pzzzgCgktDvfxCa7IJKCOGYQ5pTAzAFjANngQI4BPaB30AvhGDyLa+V7+Scekudz+Y7alddV/esYi/Od9VOY1Tqtej4UV1Qz6tL6pbtsKUuqxN9idTrJYcP6hv1jyfDX/WFOp0ThUQC7A7I3RdgDdgGejFHi8Ad4Gpm+xJ4EkL4VclRFkmOp+psOopS9BPqnPqsJqLlpuPKk3u5oXzPqHdrctSpHFtDJDvq5KAeiUTPM79uLP8jw4WGpH5q0ZBzWZmvq5cAxqLNT+A9MAP8q1njc2OzwXfgLfAojm/HBv5xEukILWzuZycwD1AM2FlVf6J0NKCXjYujzwgxlY0PR0oS+2ixNPU1iuhxkrY5qsF0VICEzajSVZJUPbH2b6pFE2nqE+BhJjEbNTmqOK7G6rgXFxi+4zOnFXW/5LA6rHaNZY4XgFmgvPvHwBKwprZR4dfAu9rmTWGpV9RX6sGo7pPaylIn1Qfq9shuxn4lrN6IUrGhfjvtHR/6EZVeKwVwcejXymnfU23t/gNMPWV3xdfcKwAAAABJRU5ErkJggg==");
}
.ReceiveDeviceControl .rotateRight {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAABy0lEQVRIx7WWsWsUQRTGf7PkVHKBKMFGQjQ5BDst9R9RMBhTWFha2Fh72or+BbYBIZ2dlYUgBBSs7U4ri1OIeOL9bGbD3Li3u9mcXzW8ffPevH3f92agBiptkPpVrcO8TSGEch2AVWAZOAUUwBSYAIfAOITgTNAQ6g+anWSgbquv1JGzGEX7tjrIYlxSr6un5yZQ++quemA7HKh31TPqpvom2i/OS7CmPlN/ezz8Ul+qrxPb1lFPyh6ofWAIPMiK/ALsAR+AcezRVeAmsF7DiUEI4XNezW5FBU/UjXiA1LevrquPa6rbyn/ToKIHt9VeA33PVZBiNklJ08iSFE/VXp1W1BX1U2Ml0flspGNKz40WInzbQIZNgKXovwzcSPbvAd/qFB4F9x6o+p1LwAj4kYsnxU6LKkLbkVPEdZF9GzdtLkdJC7+j4NPs2yoLRJlkEgVX4lqui0UkOQTeJfZbwFqXgFWUL5Ie7Cf2C8D9Jp2UQdVCvZKMp7mTt6vie+qd6D9sU2qX2TVMfCfqw38Y9h+m8HPgUQjhZ92F1fU++aO+UM/Xvg9OcDN+VO+pK60eIMe447+q++qOermOwot4rXwPIUzzfScSVhe/vzqYYNxy8jcwAAAAAElFTkSuQmCC");
}
.ReceiveDeviceControl :hover {
  opacity: 1;
}
.Notification {
  align-items: flex-end;
}
.Notification .modal {
  bottom: 30px;
}

/*# sourceMappingURL=chathost.desktop.732228e129b080d615bd7ea88add4d6a29f9bdc8.css.map*/