/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
:root {
  --background-hidden-layer: 255, 255, 255;
  --background-total-theme: 255, 255, 255;
  --background-secondary-theme: 250, 250, 250;
  --background-secondary-theme-2: 18, 22, 33;
  --background-main: 240, 242, 245;
  --background-main-contrast: 10, 12, 23;
  --color-medium-theme: 199, 200, 217;
  --neutral-grad-0: 235,235,240;
  --neutral-grad-1: 227,228,235;
  --neutral-grad-2: 142,144,166;
  --neutral-grad-3: 85,87,112;
  --neutral-grad-4: 64,65,82;
  --text-color: 10, 12, 23;
  --text-on-main-bg-color: 85,87,112;
  --text-on-bg-ac-color: 255, 255, 255;
  --color-bg-ac-bright: 0,163,247;
  --color-bg-ac: 0,164,255;
  --color-bg-ac-1: 0,142,191;
  --color-bg-ac-2: 250,110,132;
  --color-bg-selection: 179, 212, 252;
  --color-txt-ac: 0,164,255;
  --color-txt-ac-1: 0,142,191;
  --color-txt-ac-2: 250,110,132;
  --color-txt-gray: 70, 71, 98;
  --color-txt-gray-dark: 53, 53, 63;
  --color-bg-orange: 255, 59, 0;
  --color-txt-orange: 255, 72, 0;
  --color-star-yellow: 255,174, 0;
  --color-shadow-base: 2, 18, 24;
  --color-shadow-var: 32, 35, 42;
  --text-on-bg-shadow-color: 255, 255, 255;
  --color-bad: 244, 26, 77;
  --color-nrml: 0, 0, 0;
  --color-good: 7, 108, 52;
  --color-yellow: 255, 238, 0;
  --color-h2-aboutcc: 68, 68, 68;
  --color-h2-works__container: 255, 255, 255;
  --color-black: 0, 0, 0;
  --color-cc-videos: 38,38,38;
  --color-cc-open: 251,240,195;
  --color-cc-blue: 0, 166, 255;
  --color-cc-white: 255,255,255;
  --color-cc-grey: 221,221,221;
  --color-cc-menu: 0,213,195;
  --color-cc-dark-blue: 49,60,155;
  --color-cc-dark: 59,59,59;
  --color-cc-description: 207,207,207;
  --color-cc-line: 49,60,155;
  --color-cc-table: 246, 246, 246;
  --color-services-item: 5, 5, 5, 0.2;
  --color-cc-dark-grey: 102,102,102;
  --color-cc-dark-blue-cc: 22,28,53;
  --color-cc-dark-blue-ccc: 22,28,53, 0.7;
  --color-cc-team-container: 204,204,204;
  --color-cc-bc: 238,238,238;
  --color-cc-bc-span: 51,51,51;
  --color-cc-bc-p: 22,28,53;
  --color-cc-form: 33, 42, 73, 0.6;
  --color-fb: 10, 35, 71;
  --color-menu-2: 100, 255, 237;
  --color-not-catchy-grey: 171, 171, 171;
}
:root[theme='black'] {
  --background-hidden-layer: 10, 12, 23;
  --background-total-theme: 18, 22, 33;
  --background-secondary-theme: 24, 36, 52;
  --background-secondary-theme-2: 24, 36, 52;
  --background-main: 12, 14, 18;
  --background-main-contrast: 240, 242, 245;
  --color-medium-theme: 99, 100, 117;
  --neutral-grad-0: 25,25,29;
  --neutral-grad-1: 38,38,42;
  --neutral-grad-2: 78,78,99;
  --neutral-grad-3: 85,87,112;
  --neutral-grad-4: 96,103,112;
  --text-color: 178, 171, 172;
  --text-on-main-bg-color: 85,87,112;
  --text-on-bg-ac-color: 255, 255, 255;
  --color-bg-ac-bright: 0, 90, 200;
  --color-bg-ac: 0, 80, 190;
  --color-bg-ac-1: 0, 142, 191;
  --color-bg-ac-2: 250, 110,132;
  --color-bg-selection: 7, 36, 170;
  --color-txt-ac: 0, 164, 255;
  --color-txt-ac-1: 0, 142, 191;
  --color-txt-ac-2: 250, 110, 132;
  --color-txt-gray: 103, 105, 128;
  --color-txt-gray-dark: 113, 113, 134;
  --color-bg-orange: 255, 72, 0;
  --text-txt-orange: 255, 72, 0;
  --color-shadow-base: 12, 14, 33;
  --color-shadow-var: 18, 18, 26;
  --text-on-bg-shadow-color: 214, 219, 230;
  --color-bad: 244, 26, 77;
  --color-nrml: 180, 180, 180;
  --color-good: 7, 108, 52;
  --color-yellow: 255, 238, 0;
  --color-not-catchy-grey: 94, 98, 100;
}
:root[theme='gray'] {
  --background-hidden-layer: 12, 12, 12;
  --background-total-theme: 20, 20, 20;
  --background-secondary-theme: 36, 36, 36;
  --background-secondary-theme-2: 36, 36, 36;
  --background-main: 28, 28, 28;
  --background-main-contrast: 242, 242, 242;
  --color-medium-theme: 104, 104, 104;
  --neutral-grad-0: 37,37,37;
  --neutral-grad-1: 47,47,47;
  --neutral-grad-2: 88,88,88;
  --neutral-grad-3: 95,95,95;
  --neutral-grad-4: 105,105,105;
  --text-color: 190, 190, 190;
  --text-on-main-bg-color: 130,130,130;
  --text-on-bg-ac-color: 255, 255, 255;
  --color-bg-ac-bright: 55, 120, 160;
  --color-bg-ac: 50, 110, 150;
  --color-bg-ac-1: 0, 142, 191;
  --color-bg-ac-2: 255, 216, 0;
  --color-bg-selection: 30, 80, 150;
  --color-txt-ac: 50, 110, 150;
  --color-txt-ac-1: 0, 142, 191;
  --color-txt-ac-2: 255, 216, 0;
  --color-txt-gray: 110, 110, 110;
  --color-txt-gray-dark: 120, 120, 120;
  --color-bg-orange: 255, 72, 0;
  --text-txt-orange: 255, 72, 0;
  --color-shadow-base: 22, 22, 22;
  --color-shadow-var: 25, 25, 25;
  --text-on-bg-shadow-color: 214, 214, 214;
  --color-bad: 210, 0, 20;
  --color-nrml: 180, 180, 0180;
  --color-good: 0, 140, 40;
  --color-yellow: 250, 230, 10;
  --color-not-catchy-grey: 72, 72, 72;
}
:root {
  --app-margin-top-default: 0px;
  --app-margin-top: 0px;
  --app-margin-top-i: 0px;
  --app-margin-bottom-default: 0px;
  --keyboardheight: 0px;
  --app-margin-bottom: max(env(safe-area-inset-bottom), var(--app-margin-bottom-default));
}
@supports (width: max(1px, 1px)) {
  :root {
    --app-margin-top: max(env(safe-area-inset-top), var(--app-margin-top-default));
    --app-margin-top-i: env(safe-area-inset-top);
  }
}
/* iOS 11.0: supports constant() css function. (Assume all other inset vars are supported.) */
@supports (padding-top: constant(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: constant(safe-area-inset-top, 0);
    --safe-area-inset-right: constant(safe-area-inset-right, 0);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom, 0);
    --safe-area-inset-left: constant(safe-area-inset-left, 0);
  }
}
/* iOS 11.2 and latest Chrome webviews support the env() css function. (Assume all other inset vars are supported.) */
@supports (padding-top: env(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: env(safe-area-inset-top, 0);
    --safe-area-inset-right: env(safe-area-inset-right, 0);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --safe-area-inset-left: env(safe-area-inset-left, 0);
  }
}
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}
.customscroll {
  overscroll-behavior: contain;
}
.jsPlayerLoading {
  width: auto;
  height: auto;
  background: #000000;
  position: relative;
  min-height: 200px;
  border-radius: 6px;
}
.jsPlayerLoading .preloader5 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -8px;
  width: 30px;
  height: 15px;
}
.jsPlayerLoading .jsPlayerLoadingD {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jsPlayerLoading.ytbvimb {
  padding-bottom: 56.25%;
}
.jsPlayerLoading.ytbvimb .jsPlayerLoading {
  display: none;
}
.jsPlayerLoading.ytbvimb .playerlabel {
  position: absolute;
  left: 0.5em;
  padding: 0.5em;
  border-radius: 6px;
  background: rgba(var(--color-shadow-base), 0.5);
  bottom: 0.5em;
}
.jsPlayerLoading.ytbvimb.loading .jsPlayerLoading {
  height: 100%;
  max-height: none;
  display: block;
  background: transparent;
}
.jsPlayerLoading.ytbvimb.loading .jsPlayerLoading .preloader5 {
  display: block;
}
.jsPlayerLoading.ytbvimb.loading .playerlabel {
  display: none;
}
.jsPlayerLoading.ytbvimb.loading .initvideoplayer {
  display: none;
}
.jsPlayerLoading .initvideoplayer {
  text-align: center;
  cursor: pointer;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 1.5em;
  margin: 0 auto;
  text-shadow: 0px 0px 2px rgba(var(--color-shadow-base), 0.714), 0 0 3px rgba(var(--color-shadow-base), 0.519);
}
@media only screen and (min-width: 768px) {
  .customscroll {
    overflow-y: overlay;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
  }
  .customscroll::-webkit-scrollbar {
    width: 7px;
  }
  .customscroll::-webkit-scrollbar-track {
    background: rgba(var(--background-main-contrast), 0.05);
  }
  .customscroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--background-main-contrast), 0.25);
    border: 0 solid rgba(var(--background-main-contrast), 0.05);
    background-image: linear-gradient(180deg, rgba(var(--background-main-contrast), 0.25) 0%, rgba(var(--background-hidden-layer), 0) 90%);
  }
}
.wnd:not(.pipmini) {
  contain: strict;
}
.wnd .wndcustomscroll {
  overflow-y: overlay;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
.wnd .wndcustomscroll::-webkit-scrollbar {
  width: 7px;
}
.wnd .wndcustomscroll::-webkit-scrollbar-track {
  background: rgba(var(--background-main-contrast), 0.05);
}
.wnd .wndcustomscroll::-webkit-scrollbar-thumb {
  background-color: rgba(var(--background-main-contrast), 0.25);
  border: 0 solid rgba(var(--background-main-contrast), 0.05);
  background-image: linear-gradient(180deg, rgba(var(--background-main-contrast), 0.25) 0%, rgba(var(--background-hidden-layer), 0) 90%);
}
body {
  overscroll-behavior: none;
  scroll-behavior: smooth;
  /* scroll-snap-type: y proximity;*/
}
html {
  font-size: 15px;
  line-height: 1.4;
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: overlay;
  scroll-behavior: initial!important;
  /*&.mobileview{
        scroll-behavior: smooth;
    }*/
}
html.nooverflow {
  overflow: hidden;
}
html.testpocketnet .testpocketnetbg {
  background-image: url(../img/testbg.png);
  background-position: center center;
  background-repeat: repeat-x repeat-y;
}
[image] {
  will-change: opacity, background;
  contain: strict;
  opacity: 0;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
[image][contain] {
  contain: none;
}
[image][visibleimage] {
  opacity: 1;
  -moz-transition: 0;
  -o-transition: 0;
  -webkit-transition: 0;
  transition: 0;
}
[imageloaded="true"] {
  opacity: 1;
}
.joypixels,
.emojione {
  height: 16px;
}
.fadeoverflow {
  -webkit-mask-image: linear-gradient(to left, transparent 3%, black 10%);
  mask-image: linear-gradient(to left, transparent 3%, black 10%);
}
h1 {
  font-size: 1em;
}
h2 {
  font-size: 1em;
}
h3 {
  font-size: 1em;
}
.preshell .blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px);
}
.preshell .spacertable {
  background: rgba(14, 28, 43, 0.02);
  height: 11em;
  margin-bottom: 2em;
}
.preshell .textline {
  background: rgba(14, 28, 43, 0.04);
  height: 21px;
  margin-bottom: 0.5em;
  border-radius: 3px;
}
.preshell .textline.light {
  background: rgba(14, 28, 43, 0.02);
}
.preshell .textline.slight {
  background: rgba(228, 221, 222, 0.06);
}
.preshell .textline.colored {
  background: rgba(0, 164, 255, 0.07);
}
.preshell .textline.contrast {
  background: rgba(255, 110, 132, 0.07);
}
.preshell .textline.yellow {
  background: rgba(255, 174, 0, 0.07);
}
mark {
  background: rgba(var(--color-bg-ac), 0.9);
  color: rgb(var(--text-on-bg-ac-color));
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: rgb(var(--color-bg-selection));
  text-shadow: none;
}
::selection {
  background: rgb(var(--color-bg-selection));
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
button,
button:active,
button:focus {
  outline: none;
}
textarea:focus,
input:focus {
  outline: none;
}
/* Webkit */
input:focus {
  border: 0;
}
input.safari[type=range],
input.chrome[type=range],
input.opera[type=range] {
  -webkit-appearance: none;
  vertical-align: middle;
  line-height: 25px;
  border-radius: 2px;
  height: 2px;
  margin-top: -5px;
  background-color: rgb(var(--background-main-contrast));
  cursor: pointer;
}
input.safari[type='range']::-webkit-slider-thumb,
input.chrome[type='range']::-webkit-slider-thumb,
input.opera[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  vertical-align: middle;
  line-height: 16px;
  background-color: rgb(var(--background-hidden-layer));
  border: 1px solid rgb(var(--background-main-contrast));
  width: 16px;
  height: 16px;
  border-radius: 8px;
  cursor: pointer;
}
/* Mozilla */
input.firefox[type=range] {
  width: 80%;
}
input.firefox[type=range]::-moz-range-track {
  border-radius: 2px;
  height: 7px;
  border: 1px solid rgb(var(--background-main-contrast));
  background-color: rgb(var(--background-hidden-layer));
}
input.firefox[type=range]::-moz-range-thumb {
  background: rgb(var(--background-hidden-layer));
  border: 1px solid rgb(var(--background-main-contrast));
  width: 16px;
  height: 16px;
  border-radius: 8px;
  cursor: pointer;
}
/* Internet Explorer */
input.ie[type="range"]::-ms-fill-lower,
input.ie[type="range"]::-ms-fill-upper {
  background: transparent;
}
input.ie[type="range"]::-ms-track {
  width: 80%;
  border-radius: 2px;
  height: 7px;
  border: 1px solid rgb(var(--background-main-contrast));
  background-color: rgb(var(--background-hidden-layer));
}
input.ie[type="range"]::-ms-thumb {
  background-color: rgb(var(--background-hidden-layer));
  border: 1px solid rgb(var(--background-main-contrast));
  width: 16px;
  height: 16px;
  border-radius: 8px;
  cursor: pointer;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
#topsmallpreloader,
#globalpreloader,
.updatingFrontend {
  position: fixed;
  left: 0;
  top: -100%;
  bottom: 100%;
  right: 0;
  z-index: 2000000;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
#topsmallpreloader.show,
#globalpreloader.show,
.updatingFrontend.show {
  transform: translateY(100%);
}
#topsmallpreloader.show .table .icon i,
#globalpreloader.show .table .icon i,
.updatingFrontend.show .table .icon i {
  display: inline-block;
}
#topsmallpreloader .table,
#globalpreloader .table,
.updatingFrontend .table {
  width: 100%;
  height: 100%;
  color: rgb(var(--text-on-bg-ac-color));
  text-shadow: 0px 0px 2px rgba(var(--color-shadow-base), 0.714), 0 0 3px rgba(var(--color-shadow-base), 0.519);
}
#topsmallpreloader .table > div,
#globalpreloader .table > div,
.updatingFrontend .table > div {
  vertical-align: middle;
  text-align: center;
}
#topsmallpreloader .table .text,
#globalpreloader .table .text,
.updatingFrontend .table .text {
  max-width: 524px;
  margin: 0 auto;
  padding: 1em;
}
#topsmallpreloader .table .text span,
#globalpreloader .table .text span,
.updatingFrontend .table .text span {
  font-size: 1.5em;
  font-weight: 100;
}
#topsmallpreloader .table .icon,
#globalpreloader .table .icon,
.updatingFrontend .table .icon {
  padding: 2em;
}
#topsmallpreloader .table .icon i,
#globalpreloader .table .icon i,
.updatingFrontend .table .icon i {
  display: none;
  font-size: 1.3em;
}
#topsmallpreloader {
  top: -65px;
  bottom: auto;
  height: 65px;
}
.videoprogressbar {
  position: absolute;
  opacity: 0.8;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: rgb(var(--neutral-grad-2));
}
.videoprogressbar .videoprogress {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgb(var(--color-bad));
}
.js-player .video-js {
  display: none;
}
.js-player .video-js.vjs-thumb {
  display: block;
  background-color: transparent;
}
.js-player.player-ready .video-js {
  display: block;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
html.mobile .unselectablemobile {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cancopy {
  -webkit-user-select: text!important;
  -khtml-user-select: text!important;
  -moz-user-select: text!important;
  -ms-user-select: text!important;
  user-select: text!important;
}
html.testaddress .vjs-peertube {
  display: block;
}
div {
  -webkit-tap-highlight-color: transparent;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   ========================================================================== */
* {
  box-sizing: border-box;
}
body {
  color: rgb(var(--text-color));
  background: rgb(var(--background-hidden-layer));
  font-family: 'Segoe UI Variable', 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-height: 100%;
  height: 100%;
}
button,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  background: rgb(var(--background-hidden-layer));
  color: rgb(var(--text-color));
  border-radius: 6px;
  padding: 0 0.5em;
  border: 1px solid rgb(var(--neutral-grad-2));
}
button {
  padding: 0.5em;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  min-height: 44px;
}
textarea {
  background: rgb(var(--background-hidden-layer));
  color: rgb(var(--text-color));
  border: 1px solid rgb(var(--neutral-grad-2));
  border-radius: 6px;
}
.image,
img {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge*/
  user-select: none;
  /* Non-prefixed version, currently */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
select.error,
textarea.error,
input.error {
  border-color: rgb(var(--color-bad));
}
input[disabled] {
  color: rgb(var(--neutral-grad-2));
}
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgb(var(--neutral-grad-4));
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgb(var(--neutral-grad-4));
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgb(var(--neutral-grad-4));
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgb(var(--neutral-grad-4));
}
:placeholder-shown {
  color: rgb(var(--neutral-grad-4));
}
button {
  background: rgb(var(--color-bg-ac-bright));
  color: rgb(var(--text-on-bg-ac-color));
  border: 1px solid rgb(var(--color-bg-ac-bright));
  text-align: center;
  border-radius: 8px;
  font-size: 0.9em;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
button.small {
  padding: 0.25em 2em;
  font-size: 0.7em;
}
button.medium {
  padding: 0.5em 3em;
  font-size: 0.8em;
}
button.disabled {
  cursor: default;
  background: rgb(var(--neutral-grad-2));
  border-color: rgb(var(--neutral-grad-2));
  color: rgb(var(--text-on-bg-ac-color));
}
button.shadowWhite {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
button.black {
  background: rgb(var(--neutral-grad-4));
  border: 1px solid rgb(var(--neutral-grad-4));
}
button.good {
  background: rgb(var(--color-good));
  border: 1px solid rgb(var(--color-good));
}
button.bad {
  background: rgb(var(--color-bad));
  border: 1px solid rgb(var(--color-bad));
}
button.contrast {
  background: rgb(var(--color-bg-ac-2));
  border: 1px solid rgb(var(--color-bg-ac-2));
  color: rgb(var(--text-on-bg-ac-color));
}
button.orange {
  background: rgb(var(--color-bg-orange));
  border: 1px solid rgb(var(--color-bg-orange));
  color: rgb(var(--text-on-bg-ac-color));
}
button.yellow {
  background: #ffa600;
  border: 1px solid #ffa600;
  color: #fff;
}
button.gray {
  background: rgb(var(--neutral-grad-3));
  border: 1px solid rgb(var(--neutral-grad-3));
}
button.bordered {
  background: transparent;
  border: 1px solid rgb(var(--neutral-grad-2));
  color: rgb(var(--neutral-grad-2));
}
button.ghost {
  background: transparent;
  border-color: transparent;
  color: rgb(var(--neutral-grad-3));
  text-decoration: underline;
}
button.orange.ghost {
  color: rgb(var(--color-txt-orange));
}
button.nopadding {
  padding-left: 0;
  padding-right: 0;
}
button .logo20 {
  width: 15px;
  display: inline;
}
@media (pointer: hover) {
  button:hover {
    background: transparent;
    color: rgb(var(--color-bg-ac-bright));
  }
  button.disabled:hover {
    color: rgb(var(--text-on-bg-ac-color));
    background: rgb(var(--neutral-grad-2));
  }
  button.shadowWhite:hover {
    background: #fff;
    color: rgb(var(--color-bg-ac-bright));
  }
  button.black:hover {
    background: rgba(var(--background-main-contrast), 0.3);
    border-color: rgba(var(--background-main-contrast), 0.3);
    color: rgb(var(--text-on-bg-ac-color));
  }
  button.good:hover {
    background: transparent;
    color: rgb(var(--color-good));
  }
  button.contrast:hover {
    opacity: 0.8;
    color: rgb(var(--text-on-bg-ac-color));
  }
  button.orange:hover {
    background: rgb(var(--text-on-bg-ac-color));
    color: rgb(var(--color-txt-orange));
  }
  button.yellow:hover {
    background: #fff;
    color: #FF4800;
  }
  button.gray:hover {
    opacity: 0.8;
    color: rgb(var(--text-on-bg-ac-color));
  }
  button.bordered {
    background: transparent;
    border: 1px solid rgb(var(--neutral-grad-2));
    color: rgb(var(--neutral-grad-2));
  }
  button.bordered:hover {
    background: rgb(var(--color-bg-ac-bright));
    color: rgb(var(--text-on-bg-ac-color));
  }
  button.ghost {
    background: transparent;
    border-color: transparent;
    color: rgb(var(--neutral-grad-3));
    text-decoration: underline;
  }
  button.ghost:hover {
    color: rgb(var(--color-bg-ac-bright));
  }
  button.orange.ghost {
    color: rgb(var(--color-txt-orange));
  }
  button.nopadding {
    padding-left: 0;
    padding-right: 0;
  }
}
.psselect,
select {
  background: rgb(var(--background-hidden-layer));
  -webkit-appearance: none;
  background-image: url(../img/arrow.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  line-height: 1em;
  padding: 1em;
  padding-right: 2em;
  padding-left: 10px;
  border: 0;
  outline: none;
  border: 1px solid rgb(var(--color-text-ac));
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  appearance: none!important;
  text-align: left;
}
.psselect .name,
select .name {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}
select::-ms-expand {
  display: none;
}
.b,
b {
  font-weight: 700;
}
ul {
  padding-left: 1em;
}
l {
  font-weight: 100;
}
.radio label {
  cursor: pointer;
  display: block;
  margin-bottom: 1em;
}
.radio label > input {
  display: none;
}
.radio label > i {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #fff;
  box-shadow: inset 0 0 0 4px rgb(var(--color-bg-ac));
  transition: 0.25s;
}
.radio label > span {
  display: inline-block;
  border-bottom: 2px dotted rgb(var(--color-bg-ac));
}
.radio label > input:checked + i {
  background: rgb(var(--color-bg-ac));
}
.ten {
  background-image: linear-gradient(126deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}
.desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.blur {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.cmain {
  color: #00a4ff;
}
.cadd {
  color: #00a4ff;
}
.cbad {
  color: rgb(var(--color-bad));
}
.cgood {
  color: rgb(var(--color-good));
}
.abbr {
  display: none;
}
.upbutton {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 65px;
  display: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: calc(50% - 640px);
  min-width: 4%;
}
.upbutton .mini {
  display: none;
  border: 1px solid rgb(var(--background-hidden-layer));
  background: rgb(var(--background-hidden-layer));
  color: rgb(var(--neutral-grad-4));
  cursor: pointer;
  text-align: center;
  width: 44px;
  height: 44px;
  line-height: 42px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
  font-size: 0.7em;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.upbutton .mini:hover {
  color: rgb(var(--color-bg-ac));
  border-color: rgb(var(--color-bg-ac));
}
.upbutton .full {
  padding: 1em 0;
  padding-left: 0;
  color: rgba(var(--neutral-grad-2), 0.5);
  height: 100%;
  width: 100%;
  cursor: pointer;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.upbutton .full:hover {
  background: rgba(var(--background-hidden-layer), 0.2);
  color: rgba(var(--neutral-grad-2), 0.7);
}
.upbutton .full .fulltable {
  width: auto;
  margin: 0 auto;
}
.upbutton .full .fulltable > div {
  vertical-align: top;
}
.upbutton .full .fulltable > div.label {
  font-size: 0.9em;
  white-space: nowrap;
}
.upbutton .full .fulltable > div.icon {
  width: 40px;
  text-align: center;
}
.upbutton .full .fulltable > div.likeicon {
  width: 40px;
}
.upbutton.active {
  display: block;
}
.upbutton.light .full {
  color: rgba(var(--text-color), 0.5);
}
.upbutton.light .full:hover .full {
  background: rgba(var(--background-main-contrast), 0.1);
  color: rgba(var(--background-main-contrast), 0.7);
}
.upbutton.bright .full {
  color: rgb(var(--color-txt-ac));
}
.upbutton.bright .full:hover {
  background: transparent;
  color: rgba(var(--neutral-grad-2), 0.7);
}
.upbutton.bright .mini:hover {
  color: rgb(var(--color-txt-ac));
  border-color: rgb(var(--color-txt-ac));
}
@media only screen and (max-width: 1640px) {
  .upbutton .full {
    padding-right: 0;
  }
  .upbutton .full .fulltable > div.icon {
    width: 100%;
  }
  .upbutton .full .fulltable > div.label {
    display: none;
  }
}
@media only screen and (max-width: 1366px) {
  .upbutton .full {
    padding-right: 0;
  }
  .upbutton .full .fulltable > div.icon {
    width: 40px;
  }
}
html.mobileview #footerWrapper {
  /*display: none;*/
}
html.mobileview .upbutton {
  display: none;
}
html.mobileview body {
  overflow-x: hidden;
}
.table {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
}
.table > div {
  display: table-cell;
}
.cf_caption {
  position: fixed;
  z-index: 10;
}
.sort {
  font-size: 0.9em;
  line-height: 1em;
  cursor: pointer;
}
.sort[reverse='1'] i:before {
  content: "\f0dd";
}
.sort[reverse='2'] i:before {
  content: "\f0de";
}
.sort i {
  color: rgb(var(--neutral-grad-2));
}
.sort.active i,
.sort:hover i {
  color: rgb(var(--color-txt-ac));
}
.forstars .itemwr {
  display: flex;
  align-items: center;
}
.forstars .count {
  display: flex;
  align-items: center;
}
.forstars .count span,
.forstars .count i {
  font-size: 0.8em;
  color: rgb(var(--neutral-grad-3));
}
.forstars .count img {
  vertical-align: middle;
  opacity: 0.5;
  font-size: 0.3em;
}
.forstars .count .v {
  font-weight: 500;
  color: rgb(var(--neutral-grad-3));
}
.forstars .count .countusers {
  max-width: 6em;
  margin-left: 0.5em;
  white-space: nowrap;
  padding: 0.375em 0.75em;
  border-radius: 2em;
  border: 1px solid rgba(var(--neutral-grad-2), 0.5);
  color: rgb(var(--neutral-grad-3));
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
}
.forstars .count .countusers .c {
  padding-left: 0.25em;
}
.stars {
  white-space: nowrap;
  position: relative;
  font-size: 1.1em;
  color: rgb(var(--neutral-grad-3));
}
.stars .starsWrapper {
  overflow: hidden;
}
.stars .starWrapper {
  float: left;
  text-align: left;
  width: 1.8em;
}
.stars [value="5"] {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.stars [value="4"] {
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.stars [value="3"] {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.stars [value="2"] {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.stars [value="1"] {
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.stars[tempValue="5"] [value="5"],
.stars[tempValue="5"] [value="4"],
.stars[tempValue="5"] [value="3"],
.stars[tempValue="5"] [value="2"],
.stars[tempValue="5"] [value="1"] {
  color: rgb(var(--color-bg-ac-1));
}
.stars[tempValue="4"] [value="4"],
.stars[tempValue="4"] [value="3"],
.stars[tempValue="4"] [value="2"],
.stars[tempValue="4"] [value="1"] {
  color: rgb(var(--color-bg-ac-1));
}
.stars[tempValue="3"] [value="3"],
.stars[tempValue="3"] [value="2"],
.stars[tempValue="3"] [value="1"] {
  color: rgb(var(--color-bg-ac-1));
}
.stars[tempValue="2"] [value="2"],
.stars[tempValue="2"] [value="1"] {
  color: rgb(var(--color-bg-ac-1));
}
.stars[tempValue="1"] [value="1"] {
  color: rgb(var(--color-bg-ac-1));
}
.stars[value="5"] [value="5"],
.stars[value="5"] [value="4"],
.stars[value="5"] [value="3"],
.stars[value="5"] [value="2"],
.stars[value="5"] [value="1"] {
  font-weight: 900;
  color: rgb(var(--color-star-yellow));
}
.stars[value="4"] [value="5"] {
  color: rgb(var(--neutral-grad-1));
}
.stars[value="4"] [value="4"],
.stars[value="4"] [value="3"],
.stars[value="4"] [value="2"],
.stars[value="4"] [value="1"] {
  font-weight: 900;
  color: rgb(var(--color-star-yellow));
}
.stars[value="3"] [value="5"],
.stars[value="3"] [value="4"] {
  color: rgb(var(--neutral-grad-1));
}
.stars[value="3"] [value="3"],
.stars[value="3"] [value="2"],
.stars[value="3"] [value="1"] {
  font-weight: 900;
  color: rgb(var(--color-star-yellow));
}
.stars[value="2"] [value="5"],
.stars[value="2"] [value="4"],
.stars[value="2"] [value="3"] {
  color: rgb(var(--neutral-grad-1));
}
.stars[value="2"] [value="2"],
.stars[value="2"] [value="1"] {
  font-weight: 900;
  color: rgb(var(--color-star-yellow));
}
.stars[value="1"] [value="5"],
.stars[value="1"] [value="4"],
.stars[value="1"] [value="3"],
.stars[value="1"] [value="2"] {
  color: rgb(var(--neutral-grad-1));
}
.stars[value="1"] [value="1"] {
  font-weight: 900;
  color: rgb(var(--color-star-yellow));
}
.stars i,
.stars img {
  line-height: 1.8em;
}
.stars i {
  width: 100%;
}
.stars .tstars {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.stars .tstars .tstarsov {
  left: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
}
.stars .tstars .tstarsov i {
  /*font-weight: 900;*/
  color: rgb(var(--color-star-yellow));
}
.stars .tstars .tstarsov .starsWrapper {
  width: 20em;
}
@media (pointer: hover) {
  .stars:hover .tstars {
    visibility: hidden;
  }
}
.stars.liked .starsWrapperM i {
  font-weight: 900;
}
.stars.liked .tstars i {
  font-weight: 400;
}
@media (pointer: hover) {
  .stars.liked:hover .tstars {
    visibility: visible;
  }
}
.subscribebuttons {
  width: auto;
}
.subscribebuttons > div {
  vertical-align: middle;
}
.subscribebuttons > div.item.prall {
  display: none;
}
.subscribebuttons > div button {
  font-weight: 700;
  text-transform: uppercase;
  padding: 1em;
  border-radius: 0;
  background: rgb(var(--color-bg-ac));
  border-color: rgb(var(--color-bg-ac));
}
@media (pointer: hover) {
  .subscribebuttons > div button:hover {
    background: transparent;
    color: rgb(var(--color-bg-ac));
  }
}
.subscribebuttons > div button.subscribe {
  border-radius: 3px;
}
.subscribebuttons > div button.subscribe i {
  margin-left: 1em;
}
.subscribebuttons > div button.subscribeprivate {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.subscribebuttons > div button.unsubscribe {
  border-radius: 3px;
}
.subscribebuttons > div button.unsubscribe i {
  margin-left: 1em;
}
.subscribebuttons.subscribed > div.item {
  display: none;
}
.subscribebuttons.subscribed > div.item.prall {
  display: block;
}
.search {
  position: relative;
  background: transparent;
  color: rgb(var(--text-color));
}
.search .searchInput .searchInputIcon {
  display: table;
  width: 100%;
  padding: 0;
}
.search .searchInput .searchInputIcon > div {
  vertical-align: middle;
  display: table-cell;
}
.search .searchInput .searchInputIcon .sminput {
  outline: none;
  background: #F8F8F8;
  border-radius: 2px;
  border: 1px solid rgb(var(--neutral-grad-2));
  padding: 0.5em 0.5em;
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.search .searchIconLabel {
  text-align: center;
  width: 40px;
  padding: 0;
  cursor: pointer;
  color: rgb(var(--neutral-grad-2));
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.search .searchIconLabel .fa-circle-notch {
  display: none;
}
@media (pointer: hover) {
  .search .searchIconLabel:hover .fa-search {
    color: rgb(var(--color-txt-ac));
  }
}
.search .searchPanel {
  width: 40px;
  background: #F8F8F8;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid rgb(var(--color-txt-ac));
  border-left: 0;
}
.search .searchPanel .searchPanelWrapper {
  display: table;
  width: 100%;
  padding: 0;
}
.search .searchPanel .searchPanelWrapper > div {
  text-align: center;
  color: rgb(var(--color-txt-ac));
  display: table-cell;
  cursor: pointer;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.search .searchPanel .searchPanelWrapper > div[event="clear"] {
  display: none;
  color: rgb(var(--neutral-grad-2));
}
@media (pointer: hover) {
  .search .searchPanel .searchPanelWrapper > div:hover {
    color: rgb(var(--color-txt-ac));
  }
}
.search .searchInputWrapper input {
  width: 100%;
}
.search .searchFastResultWrapper {
  display: none;
  position: absolute;
  left: 40px;
  right: 0;
  top: 100%;
  background: rgb(var(--background-total-theme));
  text-align: left;
  padding: 0.5em;
  z-index: 100;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.search.fastSearchShow .searchFastResultWrapper {
  display: block;
}
.search.searchFilled .searchPanel .searchPanelWrapper > div[event="clear"] {
  display: block;
}
.search.searchActive .searchIconLabel {
  cursor: default;
  animation: searchSpinnerColorChange 2s infinite ease-in-out;
}
.search.searchActive .searchIconLabel .fa-search {
  display: none;
}
.search.searchActive .searchIconLabel .fa-circle-notch {
  display: inline-block;
}
.spendLine {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 2px;
  background: rgb(var(--neutral-grad-0));
  contain: strict;
}
.spendLine.bad {
  background: #ff0090;
}
.spendLine .line {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgb(var(--color-good));
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
@media (pointer: hover) {
  .hoverColorChange:hover {
    animation: colorChange 5s infinite ease-in-out;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(60deg);
  }
  80% {
    -webkit-transform: rotate(300deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes searchSpinnerColorChange {
  from {
    color: rgb(var(--color-bg-ac));
  }
  50% {
    color: rgb(var(--color-bg-ac-bright));
  }
  to {
    color: rgb(var(--color-bg-ac));
  }
}
@keyframes colorChange {
  from {
    color: inherit;
  }
  40% {
    color: rgb(var(--color-bg-ac-bright));
  }
  60% {
    color: rgb(var(--color-bg-ac-bright));
  }
  to {
    color: inherit;
  }
}
.upload {
  position: relative;
}
.upload .fileUploader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.upload .fileUploader .elContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.upload .fileUploader .inputWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.upload .fileUploader .inputWrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.checkbox {
  display: none;
}
.checkbox + label {
  display: inline;
  cursor: pointer;
  position: relative;
  padding-left: 27px!important;
  margin-right: 15px;
  font-size: 0.9em;
  line-height: 20px;
}
.checkbox + label:before {
  border-radius: 1px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  background: transparent;
  color: rgb(var(--text-color));
  border: 1px solid rgb(var(--color-txt-ac));
}
.checkbox[disabled] + label {
  color: rgb(var(--neutral-grad-2));
}
.checkbox[disabled] + label:before {
  border: 1px solid rgb(var(--neutral-grad-2));
}
.checkbox[disabled]:checked + label {
  color: rgb(var(--neutral-grad-2));
}
.checkbox:checked + label:before {
  content: '\f00c';
  text-shadow: 1px 1px 1px rgba(var(--color-shadow-base), 0.2);
  text-align: center;
}
.checkbox[semi] + label:before {
  content: '\f111';
  opacity: 0.5;
  text-shadow: 1px 1px 1px rgba(var(--color-shadow-base), 0.2);
  text-align: center;
}
.checkbox.nolabel + label {
  margin-right: 0;
}
.checkbox.nolabel + label:before {
  margin-right: 0;
}
.checkbox.onlyOne + label {
  position: relative;
  line-height: 16px;
}
.checkbox.onlyOne:checked + label:before {
  content: "";
}
.checkbox.onlyOne:checked + label:after {
  content: "";
  position: absolute;
  color: rgb(var(--color-txt-ac));
  border-radius: 50%;
  left: 4px;
  top: 2px;
  height: 14px;
  width: 14px;
}
.checkbox + label {
  line-height: 40px;
  padding-left: 35px!important;
}
.checkbox + label:before {
  margin-top: 9px;
  border-radius: 50%;
  border-color: rgb(var(--neutral-grad-2));
  color: rgb(var(--color-txt-ac));
  text-shadow: none;
  line-height: 20px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (pointer: hover) {
  .checkbox + label:hover:before {
    border-color: rgb(var(--color-bg-ac));
  }
}
@media (pointer: hover) {
  .checkbox:checked + label:hover:before {
    color: rgb(var(--neutral-grad-2));
  }
}
.checkbox[disabled] + label {
  cursor: default;
}
@media (pointer: hover) {
  .checkbox[disabled] + label:hover:before {
    border-color: rgb(var(--neutral-grad-2));
  }
}
@media (pointer: hover) {
  .checkbox[disabled]:checked + label:hover:before {
    color: rgb(var(--color-bg-ac));
  }
}
#loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}
#loader .table .td {
  vertical-align: middle;
}
.animation {
  left: 0;
  top: 0;
  position: absolute;
  min-width: 100%;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.animation.slide.onright.leave {
  left: -100px;
  opacity: 0;
}
.animation.slide.onright.enter {
  left: 100px;
  opacity: 0;
}
.animation.slide.onright.original {
  left: 0;
  opacity: 1;
}
.animation.slide.onleft.leave {
  left: 100px;
  opacity: 0;
}
.animation.slide.onleft.enter {
  left: -100px;
  opacity: 0;
}
.animation.slide.onleft.original {
  left: 0;
  opacity: 1;
}
input[type=radio].radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=radio].radio + label {
  padding-left: 30px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  margin: 3px 0;
  background-image: url(../img/csscheckbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input[type=radio].radio:checked + label {
  background-position: 0 -25px;
  color: rgb(var(--color-good));
}
.m-message-container {
  position: fixed;
  z-index: 1010;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}
.m-message-container.is-top-center,
.m-message-container.is-top-left,
.m-message-container.is-top-right {
  width: 100%;
  top: 0;
  left: 0;
}
.m-message-container.is-top-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.m-message-container.is-top-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-message-container.is-top-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.m-message-container.is-center {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.m-message-container.is-bottom-center,
.m-message-container.is-bottom-left,
.m-message-container.is-bottom-right {
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.m-message-container.is-bottom-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.m-message-container.is-bottom-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-message-container.is-bottom-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.m-message-container.has-mask {
  background-color: hsla(0, 0%, 100%, 0.5);
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.m-message-wrapper {
  display: inline-block;
  max-width: 500px;
}
.m-message-wrapper + .m-message-wrapper {
  margin-top: 15px;
}
.m-message-wrapper:after,
.m-message-wrapper:before {
  content: "";
  clear: both;
  display: table;
}
.m-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px;
  overflow: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.65);
  background: hsla(0, 0%, 100%, 0.95);
  pointer-events: all;
  position: relative;
}
.m-message,
.m-message-icons {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.m-message-icons {
  float: left;
  margin-right: 10px;
}
.m-message--title {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-message-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
}
.m-message--description {
  line-height: 1.6;
  color: #777;
}
.m-message--title + .m-message--description {
  margin-top: 5px;
}
.m-message--icon {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
}
.m-message--control {
  position: relative;
  height: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  white-space: nowrap;
  margin-right: -5px;
  margin-left: 10px;
}
.m-message--button {
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  color: #646464;
  font-weight: 600;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}
.m-message--button:hover {
  color: #f56c6c;
}
.m-message--arrow-down.is-collapsed {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.m-message-fade-enter-active {
  -webkit-animation: m-message-fade-in-down 0.3s;
  animation: m-message-fade-in-down 0.3s;
}
.m-message-fade-leave-active {
  -webkit-animation: m-message-fade-out 0.3s;
  animation: m-message-fade-out 0.3s;
}
@-webkit-keyframes m-message-fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes m-message-fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes m-message-fade-out {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: -45px;
  }
}
@keyframes m-message-fade-out {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: -45px;
  }
}
.m-message-container.is-bottom-right {
  padding: 0;
  right: 56px;
  bottom: 0.75em;
  width: auto;
}
.m-message-container.is-bottom-right .close {
  display: none;
}
.m-message-container.is-top-left {
  top: calc(0.5em + var(--app-margin-top));
}
.m-message-container .close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.m-message-container .notificationWrapper {
  display: block;
  /*width: 100%*/
  font-family: 'Segoe UI Variable', 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.m-message-container .notificationWrapper.m-message-wrapper + .m-message-wrapper {
  margin-top: 0.5em;
}
.m-message-container .notificationWrapper .m-message {
  padding: 0.5em 0.5em;
  border-radius: 5px;
  box-shadow: none;
  background: rgb(var(--background-total-theme));
  font-size: 1em;
  color: rgb(var(--text-color));
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
.m-message-container .notificationWrapper .m-message--title {
  font-weight: bold;
  color: rgb(var(--color-txt-gray));
  font-size: 0.8em;
}
.m-message-container .notificationWrapper .m-message--title:first-letter {
  text-transform: capitalize;
}
.m-message-container .notificationWrapper .m-message--description {
  margin-top: 0;
}
.m-message-container .notificationWrapper .m-message-content {
  flex-grow: 1;
  max-width: 450px;
  overflow: hidden;
}
.m-message-container .notificationWrapper .m-message-content .listPreview {
  cursor: pointer;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .invitedEvent {
  width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .invitedEvent span {
  display: block;
  font-size: 0.8em;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .invitedEvent .txt {
  color: rgb(var(--color-txt-gray-dark));
}
.m-message-container .notificationWrapper .m-message-content .listPreview .invitedEvent .txtNew {
  color: #3b7700;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .linkPreview span:first-letter {
  text-transform: uppercase;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .linkPreview .senderName {
  font-weight: bold;
  color: rgb(var(--color-txt-gray));
}
.m-message-container .notificationWrapper .m-message-content .listPreview .linkPreview .linkTitle {
  color: rgb(var(--color-txt-gray-dark));
}
.m-message-container .notificationWrapper .m-message-content .listPreview .linkPreview .pocketnetLink {
  color: rgb(var(--color-txt-gray));
}
.m-message-container .notificationWrapper .m-message-content .listPreview .previewMessageList span {
  color: rgb(var(--color-txt-gray-dark));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .previewMessage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .previewMessage span {
  display: block;
  color: rgb(var(--color-txt-gray-dark));
  font-size: 0.8em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  max-width: 150px;
}
.m-message-container .notificationWrapper .m-message-content .listPreview .previewMessage label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-message-container .notificationWrapper .m-message-icons {
  float: none;
}
.m-message-container .notificationWrapper .m-message--icon {
  display: block;
  vertical-align: top;
}
.m-message-container .notificationWrapper .m-message--button.m-message--arrow-down {
  display: none;
}
.is-top-left {
  padding: 0.5em;
}
.is-top-left .notificationWrapper {
  width: 100%;
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
.is-top-left .notificationWrapper .m-message {
  border: 0;
}
.editable {
  display: table;
  width: 100%;
}
.editable .editEl {
  padding: 0.5em 0.5em;
  display: table-cell;
  width: 70%;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.editable .editForm {
  display: table-cell;
  display: none;
  width: 70%;
  position: relative;
}
.editable .editForm input {
  padding: 0.5em;
  width: 100%;
}
.editable label {
  width: 30%;
  display: table-cell;
}
.editable label .lwr {
  width: 100%;
  display: table;
}
.editable .editButton {
  text-align: center;
  display: table-cell;
  cursor: pointer;
}
.editable .editButton.success {
  display: none;
}
.editable .editButton.fail {
  display: none;
}
.editable .editButton.fail:hover {
  color: rgb(var(--color-bad));
}
.editable .editButton:hover {
  color: rgb(var(--color-good));
}
.editable.editNow .editForm {
  display: table-cell;
}
.editable.editNow .editEl {
  display: none;
}
.editable.editNow .editButton {
  width: 50%;
  text-align: center;
}
.editable.editNow .editButton.success {
  display: table-cell;
}
.editable.editNow .editButton.fail {
  display: table-cell;
}
.editable.editNow .editButton.edt {
  display: none;
}
.roundclosebutton {
  border-radius: 50%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: rgb(var(--text-on-bg-ac-color));
  width: 3.5em;
  height: 3.5em;
  line-height: 3.5em;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
  text-shadow: 0px 0px 2px rgba(var(--color-shadow-base), 0.714), 0 0 3px rgba(var(--color-shadow-base), 0.519);
}
@media (pointer: hover) {
  .roundclosebutton:hover {
    background: rgba(var(--background-total-theme), 0.2);
    box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
  }
}
.roundclosebutton.onwhite {
  color: rgb(var(--text-color));
}
@media (pointer: hover) {
  .roundclosebutton.onwhite:hover {
    background: rgba(var(--background-main-contrast), 0.1);
    color: rgb(var(--text-on-bg-ac-color));
    box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
  }
}
.successCheck {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  z-index: 20000;
  contain: strict;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.successCheck .successCheckWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.successCheck .successCheckWrapper > div .chw {
  margin: 0 auto;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 1em;
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
.successCheck.active {
  opacity: 1;
}
.successCheck .text {
  margin-top: 0.5em;
  font-weight: 100;
  color: rgb(var(--neutral-grad-4));
  display: none;
}
.successCheck svg {
  width: 100%;
  height: 100%;
}
.successCheck path {
  stroke-dasharray: 99.4757843;
  stroke-dashoffset: -99.4757843;
  fill: transparent;
}
.successCheck svg.animate path {
  animation: 1.1s ease forwards successCheck;
  opacity: 1;
}
@keyframes successCheck {
  0% {
    opacity: 1;
    stroke-dashoffset: -99.4757843;
    fill: transparent;
    transform: translateY(0);
  }
  35% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  60% {
    fill: rgb(var(--background-total-theme));
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    fill: rgb(var(--background-total-theme));
    stroke-dashoffset: 0;
    opacity: 0;
    transform: translateY(-10px);
  }
}
#windowsContainer .rightchatspacer {
  margin-right: 0;
  margin-left: 0;
}
#windowsContainer .wnd:nth-last-child(2) .wndback,
#windowsContainer .wnd:nth-last-child(1) .wndback {
  background: rgba(var(--color-shadow-base), 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
#windowsContainer .wnd.nobfilter .wndback {
  background: rgb(var(--color-shadow-base)) !important;
  backdrop-filter: none!important;
  -webkit-backdrop-filter: none!important;
}
html.mobileview.android .wnd .wndback {
  background: rgb(var(--color-shadow-base)) !important;
  backdrop-filter: none!important;
  -webkit-backdrop-filter: none!important;
}
.wnd {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  display: none;
  z-index: 1005;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /*.result{
        margin-top: 50px;
        text-align: center;
    }*/
}
.wnd.embeding {
  z-index: 2005;
}
.wnd.pkviewwnd {
  z-index: 9999;
}
.wnd .wndback {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.wnd .wndinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1024px;
  height: 100%;
  max-height: 750px;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.wnd .wndinner > div.buttons {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--background-total-theme));
  width: 100%;
  height: 55px;
  display: block;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0.5em;
}
.wnd .wndinner > div.buttons .button {
  display: block;
  margin-left: 0.5em;
  padding: 0.5em 2.5em;
  background: rgb(var(--color-bg-ac));
  color: rgb(var(--text-on-bg-ac-color));
  font-size: 0.8em;
  border-radius: 3px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.wnd .wndinner > div.buttons .button.close {
  background: transparent;
  color: rgb(var(--neutral-grad-3));
}
.wnd .wndinner > div.buttons .button.close:hover {
  color: rgb(var(--neutral-grad-4));
  background: transparent;
}
.wnd .wndinner > div.buttons .button.disabledButton {
  color: rgb(var(--neutral-grad-1));
  cursor: auto;
  pointer-events: none;
}
.wnd .wndinner > div.buttons .button.disabledButton:hover {
  color: rgb(var(--neutral-grad-1));
}
.wnd .wndinner > div.buttons .button.successButton {
  color: rgb(var(--color-good));
}
.wnd .wndinner > div.buttons .button.successButton:hover {
  color: rgb(var(--color-good));
}
.wnd .wndinner > div.buttons .button:hover {
  background: rgb(var(--color-good));
}
.wnd .wndinner > div.buttons .button.disabled {
  cursor: default;
  background: rgb(var(--neutral-grad-1));
}
.wnd .wndinner > div.buttons .button.disabled:hover {
  background: rgb(var(--neutral-grad-1));
}
.wnd .wndinner > div.buttons .button.ghost {
  background: transparent;
  border-color: transparent;
  color: rgb(var(--neutral-grad-2));
  text-decoration: underline;
}
.wnd .wndinner > div.buttons .button.ghost:hover {
  color: rgb(var(--color-txt-ac));
}
.wnd .leftbg {
  position: absolute;
  left: -60px;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  color: rgb(var(--neutral-grad-1));
  background: rgba(var(--background-main-contrast), 0.95);
  width: 60px;
  display: table;
}
.wnd .leftbg > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.wnd .wndcontent {
  position: absolute;
  left: 0;
  right: 0;
  top: 55px;
  bottom: 55px;
  background: rgb(var(--background-total-theme));
  padding: 1em;
  overflow-y: scroll;
  padding-bottom: 0;
}
.wnd .wndheader {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.wnd .wndinner > div.buttons {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wnd.noheader .wndcontent {
  top: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.wnd.noheader .wndinner > div.buttons {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wnd .wndheader {
  padding: 0 1em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 55px;
  font-weight: 700;
  line-height: 55px;
  overflow: hidden;
  white-space: nowrap;
  background: rgb(var(--background-total-theme));
}
.wnd .changeStateButtons {
  display: flex;
  position: absolute;
  right: 0.75em;
  top: 0.5em;
}
.wnd .changeStateButtons .hideButton {
  margin-right: 0.5em;
}
.wnd .changeStateButtons .expandButton {
  padding: 1em;
  cursor: pointer;
  display: none;
  color: rgb(var(--color-bg-ac));
}
.wnd ._changeplace,
.wnd ._expand,
.wnd ._close {
  position: absolute;
  backdrop-filter: blur(2px) grayscale(30%);
  -webkit-backdrop-filter: blur(2px) grayscale(30%);
  cursor: pointer;
  color: rgb(var(--text-on-bg-ac-color));
  z-index: 150;
}
.wnd ._close {
  top: calc(0.5em + var(--app-margin-top));
  right: 0.5em;
}
.wnd ._expand {
  top: 0.5em;
  left: 0.5em;
}
.wnd ._changeplace {
  bottom: 0.5em;
  left: 0.5em;
}
.wnd .wndok,
.wnd .wndclose {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55px;
  line-height: 55px;
  background: rgba(var(--background-total-theme), 0.8);
  cursor: pointer;
}
.wnd .wndok:hover,
.wnd .wndclose:hover {
  background: rgba(var(--neutral-grad-2), 0.5);
}
.wnd .wndok:hover {
  background: rgb(var(--color-bg-ac));
}
.wnd.small .wndinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 950px;
  max-height: 500px;
}
.wnd.small .wndcontent {
  padding-top: 1em;
}
.wnd.smallWnd .wndinner {
  width: 700px;
}
.wnd.smallWnd .wndcontent {
  top: 55px;
  bottom: 66px;
  padding: 0 1em;
}
.wnd.small650 .wndinner {
  max-height: 650px;
}
.wnd.pp .wndclose {
  right: 50%;
}
.wnd.pp .wndok {
  left: 50%;
}
.wnd .work {
  width: 95%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1em;
}
.wnd.allscreen .wndback {
  background: rgb(var(--background-total-theme));
}
.wnd.allscreen .wndinner {
  width: 95%;
  height: 95%;
  background: transparent;
  max-height: none;
  box-shadow: none;
}
.wnd.allscreen .wndinner > div.buttons {
  background: transparent;
  width: auto;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%, 0);
  height: auto;
  padding: 0;
  right: auto;
}
.wnd.allscreen .wndinner > div.buttons .button {
  font-size: 0.8em;
  height: auto;
  background: transparent;
  padding-right: 0.5em;
  cursor: default;
  padding-left: 0;
}
.wnd.allscreen .wndinner > div.buttons .button:hover {
  background: transparent;
}
.wnd.allscreen .wndinner > div.buttons .button:nth-last-child(1) {
  padding-right: 0;
}
.wnd.allscreen .wndinner > div.buttons .button > div {
  padding: 0.5em 2.5em;
  cursor: pointer;
  line-height: 20px;
  background: rgb(var(--color-bg-ac));
  border: 1px solid rgb(var(--color-bg-ac));
  color: rgb(var(--text-on-bg-ac-color));
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wnd.allscreen .wndinner > div.buttons .button > div:hover {
  background: transparent;
  color: rgb(var(--color-txt-ac));
}
.wnd.allscreen .wndinner > div.buttons .button > div.close:hover {
  border-color: rgb(var(--neutral-grad-4));
  color: rgb(var(--neutral-grad-4));
}
.wnd.allscreen .wndheader {
  background: transparent;
}
.wnd.allscreen .wndcontent {
  background: transparent;
  bottom: 30px;
  padding-top: 0;
  overflow-y: hidden;
}
.wnd.allscreen.a100 .wndinner {
  height: 100%;
  width: 100%;
}
.wnd.allscreen.a100 .wndcontent {
  padding: 0;
}
.wnd.allscreen.a100 ._close {
  right: 1em;
}
.wnd.black .wndback {
  color: rgb(var(--text-on-bg-ac-color));
  background: rgba(var(--color-shadow-base), 0.9);
}
.wnd.black .wndcontent {
  color: rgb(var(--text-on-bg-ac-color));
  padding: 2em;
}
.wnd.black ._close {
  color: rgb(var(--text-on-bg-ac-color));
}
.wnd.transparent .wndback {
  background: rgba(var(--color-shadow-base), 0.1);
}
.wnd.transparent .wndinner {
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.wnd.transparent.allscreen .wndinner {
  border: 0;
  border-radius: 2px;
  box-shadow: none;
}
.wnd.withoutButtons .wndinner > div.buttons {
  display: none!important;
}
.wnd.withoutButtons .wndcontent {
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wnd.withoutButtons.allscreen .wndcontent {
  bottom: 0;
}
.wnd.smallwindow .wndinner {
  height: 90%;
  max-height: 800px;
  width: 600px;
}
.wnd.smallwindow .wndcontent {
  background: rgb(var(--background-total-theme));
  padding-top: 0;
  top: 55px;
  bottom: 66px;
  overflow: auto;
  padding: 1em;
}
.wnd.article .wndcontent {
  top: 0;
  bottom: 0;
}
.wnd.article .wndinner > div.buttons {
  display: none;
}
.wnd.pipmini {
  right: 60px;
  bottom: 1em;
  top: auto;
  left: auto;
  max-width: 300px;
  width: 25%;
  height: auto;
  z-index: 1007;
}
.wnd.pipmini .recomandationsFromContent {
  display: none!important;
}
.wnd.pipmini .statswrapperExtended {
  display: none!important;
}
.wnd.pipmini #post .forurl > .url {
  position: static!important;
}
.wnd.pipmini .wndinner {
  box-shadow: none;
}
.wnd.pipmini ._changeplace {
  display: none;
}
.wnd.pipmini:hover ._changeplace,
.wnd.pipmini:hover ._expand,
.wnd.pipmini:hover ._close {
  opacity: 1;
}
.wnd.pipmini ._changeplace,
.wnd.pipmini ._expand,
.wnd.pipmini ._close {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wnd.pipmini .peertube-server-hint {
  display: none!important;
}
.wnd.pipmini ._changeplace {
  bottom: 0;
  left: 0;
}
.wnd.pipmini ._expand {
  top: 0;
  left: 0;
}
.wnd.pipmini ._close {
  top: 0;
  right: 0;
}
.wnd.pipmini .wndback {
  display: none;
}
.wnd.pipmini .closeline {
  display: none;
}
.wnd.pipmini .wndinner {
  position: static;
}
.wnd.pipmini .wndcontent {
  position: static;
  padding: 0!important;
}
.wnd.pipmini .wndcontent .widthcontainer {
  max-width: none!important;
  width: 100%;
}
.wnd.pipmini .piphidden {
  display: none!important;
}
.wnd.centercontentWindow .wndinner {
  display: flex;
  align-items: center;
  box-shadow: none;
}
.wnd.centercontentWindow .wndinner .wndcontent {
  width: 100%;
  position: static;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.wnd.hiddenState {
  position: fixed;
  width: 350px;
  height: 50px !important;
  z-index: 1006;
  top: auto !important;
  right: auto;
  bottom: 10px;
  left: 10px;
  white-space: nowrap;
}
.wnd.hiddenState .wndback {
  display: none;
}
.wnd.hiddenState .wndinner {
  margin: 0;
}
.wnd.hiddenState .wndinner .wndcontent {
  padding: 0;
  height: 100%;
}
.wnd.hiddenState .changeStateButtons {
  right: 0.25em;
  top: 0;
  z-index: 2;
}
.wnd.hiddenState .changeStateButtons .closeButton,
.wnd.hiddenState .changeStateButtons .hideButton {
  display: none;
}
.wnd.hiddenState .changeStateButtons .expandButton {
  display: block;
}
.updImgWrapper {
  position: absolute;
  left: 100%;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.online {
  margin: 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(var(--neutral-grad-2));
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.sitemessage {
  position: fixed;
  width: 600px;
  background: rgba(var(--color-shadow-base), 0.9);
  color: rgb(var(--text-on-bg-ac-color));
  z-index: 15005;
  text-align: left;
  right: 20px;
  bottom: 20px;
  padding: 1em;
  border-radius: 6px;
  touch-action: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sitemessage .action {
  margin-top: 0.5em;
}
.sitemessage.removing {
  opacity: 0;
}
.sitemessage.lightcenter {
  text-align: center;
  background: rgba(var(--background-total-theme), 0.98);
  color: rgb(var(--text-color));
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
.sitemessage.lightcenter .black {
  background: rgb(var(--color-bg-orange));
  color: #fff;
  border: 1px solid rgb(var(--color-bg-orange));
}
@media (pointer: hover) {
  .sitemessage.lightcenter .black:hover {
    border: 1px solid rgb(var(--color-bg-orange));
    background: rgb(var(--color-bg-orange));
    color: #fff;
    opacity: 0.7;
  }
}
.overflowWrapper {
  overflow-x: hidden;
}
#panelWrapper {
  padding-top: 65px;
}
.contentWrapper {
  margin-top: var(--app-margin-top);
}
.contentWrapper #content {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.contentWrapper #content.full {
  max-width: none;
  width: 100%;
  padding: 0;
}
.contentWrapper #content.navtransition {
  opacity: 0.3;
}
.contentWrapper #content .errordata {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  top: 55px;
  bottom: 0;
  background: rgb(var(--background-total-theme));
  color: rgb(var(--color-txt-ac));
}
.contentWrapper #content .errordata .textWr {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-weight: 700;
  text-align: center;
  height: 300px;
  width: 40%;
  display: table;
}
.contentWrapper #content .errordata .textWr .text {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.shell_fadefast {
  opacity: 0;
}
.shell_fadefast.shell_fadein {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.bgCaption {
  height: 180px;
  background: rgb(var(--color-bg-ac-1));
  color: rgb(var(--text-on-bg-ac-color));
  padding-bottom: 0.5em;
}
.bgCaption .caption {
  font-size: 2.9em;
  font-weight: 100;
}
.bgCaption .captionWrapper {
  width: auto;
  height: auto;
}
.bgCaption .captionWrapper > div {
  vertical-align: top;
}
.bgCaption .captionWrapper .captionsl {
  margin-bottom: 0.5em / 3;
}
.bgCaption .backWrapper {
  padding-right: 0.5em / 2;
  padding-top: 0.75em;
}
.bgCaption .tips {
  color: rgb(var(--text-on-bg-shadow-color));
}
.bgCaption .work {
  height: 100%;
}
.bgCaption .cwrapper {
  height: 100%;
}
.bgCaption .cwrapper > div {
  vertical-align: middle;
}
.bgCaption .back {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 38px;
  border: 1px solid rgba(var(--background-total-theme), 0.8);
  cursor: pointer;
  background: rgba(60, 65, 70, 0.05);
  color: #fff;
  font-size: 1.3em;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bgCaption .back:hover {
  border: 1px solid rgb(var(--background-total-theme));
  background: rgba(var(--background-total-theme), 0.1);
}
.work {
  width: 95%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1em;
}
.work.adj {
  padding-right: 0;
}
.chats {
  position: fixed;
  right: 0.5em;
  bottom: 0;
  z-index: 100;
}
#footerWrapper {
  position: absolute;
  bottom: -360px;
  left: 0;
  right: 0;
  height: 360px;
  z-index: 300;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: rgb(var(--text-on-bg-ac-color));
  background: rgb(var(--color-shadow-var));
}
.topPreloader {
  position: fixed;
  height: 2px;
  left: 0;
  right: 0;
  top: var(--app-margin-top);
  width: 100%;
  z-index: 10000000;
  display: none;
}
.topPreloader span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8em;
}
.topPreloader > div {
  width: 0;
  float: left;
  height: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.topPreloader > div:nth-child(1) {
  background: #FF005A;
}
.topPreloader > div:nth-child(2) {
  background: #FF4800;
}
.topPreloader > div:nth-child(3) {
  background: #FFFC00;
}
.topPreloader > div:nth-child(4) {
  background: #6ACCFF;
}
.topPreloader > div:nth-child(5) {
  background: #00F0FF;
}
.topPreloader.complete > div {
  background: #ff6e84 !important;
}
.preloader5 {
  display: block;
  margin: 0 auto;
}
.preloader6 img {
  width: 30px;
}
.preloader6,
.preloader5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 7.5px;
}
.preloader6 img,
.preloader5 img {
  height: 7.5px;
  width: 30px;
}
.preloader6 {
  display: inline-block;
}
.preloader5 span {
  vertical-align: middle;
  border-radius: 50%;
  background: rgb(var(--neutral-grad-2));
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 3px;
  content-visibility: auto;
}
.preloader5 span:nth-child(1) {
  -webkit-animation-delay: -0.8;
  animation-delay: -0.8s;
  left: 3px;
}
.preloader5 span:nth-child(2) {
  -webkit-animation-delay: -0.53333s;
  animation-delay: -0.53333s;
  left: 12px;
}
.preloader5 span:nth-child(3) {
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  left: 21px;
}
@keyframes preloader5 {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader5 {
  from {
    -webkit-transform: scale(0, 0);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
.dialog {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(var(--color-shadow-var), 0.9);
  z-index: 1010;
}
.dialog.zindex {
  z-index: 5000;
}
.dialog.bop {
  background: #000000;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.dialog .caption {
  font-weight: 700;
}
.dialog .wrapper {
  width: 100%;
  height: 100%;
}
.dialog .secondwrapper {
  width: 100%;
  vertical-align: middle;
}
.dialog .thwrapper {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  background: rgb(var(--background-total-theme));
  border: 1px solid rgb(var(--neutral-grad-0));
  padding: 2em;
  border-radius: 12px;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.dialog .thwrapper textarea {
  width: 100%;
}
.dialog .poll {
  margin-bottom: 2em;
}
.dialog .poll .description {
  margin-top: 1em;
  margin-bottom: 1em;
  color: rgb(var(--color-txt-ac));
}
.dialog .poll .poll-item {
  margin-top: 0.5em;
}
.dialog .poll input {
  width: 400px;
}
.dialog .poll i {
  margin-left: 1em;
  color: rgb(var(--neutral-grad-1));
  cursor: pointer;
}
.dialog .poll i:hover {
  color: rgb(var(--color-bad));
}
.dialog .header {
  font-weight: 700;
}
.dialog .body {
  margin: 1.5em 0;
  font-size: 0.9em;
}
.dialog .nomoreaskWrapper {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  font-size: 0.8em;
  cursor: pointer;
}
.dialog .nomoreaskWrapper .fa-check-circle {
  color: rgb(var(--color-good));
}
.dialog .nomoreaskWrapper .fa-circle {
  color: rgb(var(--neutral-grad-2));
}
.dialog .buttons {
  overflow: hidden;
}
.dialog .buttons > div {
  float: left;
  margin-right: 1em;
}
.dialog .text .values .value {
  margin-bottom: 0.5em;
}
.dialog .text .values .value .label {
  color: rgb(var(--color-txt-ac));
}
.dialog .tips {
  color: rgb(var(--color-txt-ac-2));
  font-size: 0.9em;
}
.dialog.one .btn2wr {
  display: none;
}
.dialog.big .body {
  font-size: 1.1em;
}
.dialog.centertext .text {
  text-align: center;
}
.dialog.nobuttons .buttons {
  display: none;
}
.dialog.bigbuttons .header {
  text-align: center;
}
.dialog.bigbuttons .buttons {
  width: 100%;
}
.dialog.bigbuttons .buttons > div {
  padding: 0.5em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin: 0;
  width: 50%;
}
.dialog.bigbuttons .buttons > div button {
  width: 100%;
}
.dialog.accepting {
  background: rgba(var(--color-shadow-base), 0.9);
}
.dialog.accepting .thwrapper {
  position: static;
  margin: 0 auto;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.dialog.accepting .header .text {
  text-align: center;
  font-size: 2.4em;
  color: rgb(var(--text-on-bg-shadow-color));
}
.dialog.accepting .body .text {
  text-align: center;
  font-size: 1.2em;
  color: rgb(var(--text-on-bg-shadow-color));
}
.dialog.accepting ._close {
  color: rgb(var(--text-on-bg-shadow-color));
}
.dialog.accepting .buttons {
  margin: 0 auto;
  max-width: 300px;
}
.dialog.accepting .buttons > div {
  width: 60%;
  margin: 0;
  padding: 0.5em;
}
.dialog.accepting .buttons > div button {
  width: 100%;
  padding-left: 0!important;
  padding-right: 0!important;
  text-align: center;
}
.dialog.accepting .buttons > div.btn2wr {
  width: 40%;
}
.dialog.accepting .buttons > div.btn2wr button {
  border-radius: 0;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.dialog.accepting.accepting2 .buttons {
  max-width: 500px;
}
.dialog.accepting.one .buttons > div {
  width: 100%;
}
.dialog.accepting.one .buttons > div.btn2wr {
  width: 100%;
}
.dialog.done {
  background: rgb(var(--background-total-theme));
}
.dialog.done .thwrapper {
  position: static;
  margin: 0 auto;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.dialog.done .body .text {
  text-align: center;
  font-size: 2.2em;
  color: rgb(var(--color-txt-ac));
}
.dialog.done ._close {
  display: none;
}
.dialog.done .buttons {
  display: none;
}
.dialog.takePasswordForMK .subheader {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.dialog.takePasswordForMK .inputWrapper input {
  width: 100%;
  padding: 1em 0.5em;
}
.dialog.takePasswordForMK .errorWrapper {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
  color: rgb(var(--color-txt-ac));
  height: 20px;
}
.dialog.takePasswordForMK .header .text {
  text-align: center;
  font-size: 1.7em;
  color: rgb(var(--text-on-bg-ac-color));
}
.dialog.takePasswordForMK .body .text {
  text-align: center;
  font-size: 1.5em;
  color: rgb(var(--text-on-bg-ac-color));
}
.dialog.takePasswordForMK .body .password {
  text-align: center;
}
.dialog.takePasswordForMK .thwrapper {
  max-width: 550px;
}
.dialog.takePasswordForMK .buttons {
  margin: 0 auto;
  max-width: 300px;
}
.dialog.takePasswordForMK .buttons > div {
  width: 100%;
  margin: 0;
  padding: 0.5em;
}
.dialog.takePasswordForMK .buttons > div button {
  width: 100%;
}
.dialog.takePasswordForMK .buttons > div.btn1wr {
  margin-top: 2em;
}
.dialog.takePasswordForMK .buttons > div.btn2wr {
  width: 100%;
}
.dialog.takePasswordForMK .buttons > div.btn2wr button {
  font-size: 0.8em;
  border-radius: 0;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.dialog.ratingPromptDialog .buttons > div.btn1wr button {
  background: rgb(var(--color-bg-ac-bright));
  color: rgb(var(--text-on-bg-ac-color));
  border: 1px solid rgb(var(--color-bg-ac-bright));
  font-weight: 600;
}
.dialog.ratingPromptDialog .buttons > div.btn1wr button:hover {
  opacity: 0.9;
}
.dialog.ratingPromptDialog .buttons > div.btn2wr button {
  background: transparent;
  color: rgb(var(--color-txt-ac));
  border: 1px solid rgb(var(--neutral-grad-2));
}
.dialog.ratingPromptDialog .buttons > div.btn2wr button:hover {
  background: rgba(var(--neutral-grad-1), 0.1);
}
.dialog .values {
  padding: 0.5em 0;
}
.dialog .values .upload {
  width: 100%;
  height: 60px;
  background: rgba(var(--neutral-grad-1), 0.2);
  text-align: center;
}
.dialog .values .upload .elContent {
  padding: 1em;
  font-size: 0.8em;
  color: rgb(var(--neutral-grad-2));
}
.dialog .values .value .label {
  font-weight: 700;
  padding: 0.5em 0;
}
.dialog .values .value.hasslider {
  overflow: hidden;
}
.dialog .values .value.hasslider .v {
  float: left;
  width: 25%;
}
.dialog .values .value.hasslider .sliderWrapper {
  margin-left: 25%;
}
.dialog .values .value.hasslider .sliderWrapper .sliderTableWrapper {
  height: 31px;
  display: table;
  width: 100%;
}
.dialog .values .value.hasslider .sliderWrapper .sliderTableWrapper > div {
  display: table-cell;
  vertical-align: middle;
}
.dialog .values .value.hasslider .sliderWrapper .sliderTableWrapper > div.min,
.dialog .values .value.hasslider .sliderWrapper .sliderTableWrapper > div.max {
  width: 90px;
  text-align: center;
  font-weight: 700;
}
.dialog ._close {
  cursor: pointer;
  position: absolute;
  right: 1em;
  top: 1em;
  color: rgb(var(--neutral-grad-3));
}
.dialog ._close:hover {
  color: rgb(var(--color-text-ac));
}
.dialog.yesnodialog ._close {
  display: none;
}
.dialog.videoCaution {
  z-index: 1006;
}
.menudialog {
  z-index: 10000;
}
.menudialog .thwrapper {
  padding: 0;
  max-width: 450px;
  background: transparent;
  width: 93%;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
}
.menudialog .buttons {
  display: none;
}
.menudialog .body {
  margin: 0;
}
.menudialog .header {
  color: rgb(var(--neutral-grad-1));
  text-align: center;
}
.menudialog .header .text {
  padding-bottom: 1em;
}
.menudialog .text .item {
  padding: 2em 1em;
  text-align: center;
  background: rgb(var(--background-total-theme));
  cursor: pointer;
  border-radius: 18px;
  margin-top: 0.25em;
}
.menudialog .text .item.itemmain {
  color: rgb(var(--color-bg-ac));
}
.menudialog .text .item.itemclose {
  margin-top: 1em;
  background: rgba(var(--neutral-grad-4), 0.1);
  color: rgb(var(--text-on-bg-ac-color));
}
.menudialog .text .item:nth-last-child(1) {
  border-bottom: 0;
}
.menudialog ._close {
  display: none;
}
.menudialog .itemclose {
  color: rgb(var(--color-bg-ac-bright));
  font-weight: 700;
}
.tooltipMobileDialog {
  z-index: 25000;
  font-size: 1.1em;
}
.tooltipMobileDialog .buttons {
  display: none;
}
.tooltipMobileDialog .menuitem {
  margin-top: 0.75em;
}
.tooltipMobileDialog .mobiledialogcontent {
  max-height: 360px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.tooltipMobileDialog .closeButton {
  margin-top: 1.5em;
}
.tooltipMobileDialog .closeButton button {
  width: 100%;
}
.menudialog .mobiledialogcontent {
  max-height: calc(var(--vh, 1vh) * 60);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  border-radius: 5px;
  scrollbar-width: none;
}
.menudialog .mobiledialogcontent::-webkit-scrollbar {
  width: 0;
}
.menudialog .mobiledialogcontent::-webkit-scrollbar {
  display: none!important;
}
.refadd {
  background: rgb(var(--color-shadow-base, 0.95));
  color: rgb(var(--text-on-bg-shadow-color));
}
.refadd .thwrapper {
  background: transparent;
  border: 0;
  box-shadow: none;
  position: static;
}
.refadd ._close {
  color: rgba(var(--text-on-bg-shadow-color), 0.9);
}
.refadd .buttons {
  max-width: 400px;
  margin: 0 auto;
}
.refadd .buttons > div {
  margin: 0 auto;
  width: 50%;
  padding: 0.5em;
}
.refadd .buttons > div button {
  width: 100%;
}
.refadd .refaddHeader {
  font-size: 1.2em;
  padding: 1em;
  text-align: center;
  color: rgb(var(--color-txt-ac));
}
.refadd .refaddTable {
  width: auto;
  margin: 0 auto;
}
.refadd .refaddTable > div {
  padding: 1em 0.5em;
  vertical-align: middle;
}
.pilsingshare {
  position: absolute;
  z-index: 1000;
  width: 41px;
  height: 41px;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pilsingshare .cr {
  background: rgb(var(--color-bg-ac));
  height: 17px;
  width: 1px;
  position: absolute;
  left: 20px;
  top: 12px;
}
.pilsingshare .cr:after {
  content: "";
  height: 1px;
  width: 17px;
  background: rgb(var(--color-bg-ac));
  position: absolute;
  left: -8px;
  top: 8px;
}
.pilsingshare .pulsing:nth-child(1) {
  animation: pilsingshare 2s infinite;
  -webkit-animation: pilsingshare 2s infinite;
  -moz-animation: pilsingshare 2s infinite;
  -o-animation: pilsingshare 2s infinite;
}
.pilsingshare .pulsing:nth-child(2) {
  animation: pilsingshare 2s infinite 0.5s;
  -webkit-animation: pilsingshare 2s infinite 0.5s;
  -moz-animation: pilsingshare 2s infinite 0.5s;
  -o-animation: pilsingshare 2s infinite 0.5s;
}
.pilsingshare .pulsing {
  background: rgba(var(--background-total-theme), 0.3);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--color-bg-ac));
}
@keyframes pilsingshare {
  0% {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    opacity: 0.8;
  }
  50% {
    transform: scale(0.99);
    -moz-transform: scale(0.99);
    -webkit-transform: scale(0.99);
    -o-transform: scale(0.99);
    -ms-transform: scale(0.99);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    opacity: 0.8;
  }
}
.pilsing {
  position: absolute;
  z-index: 1000;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
}
.pilsing div:nth-child(1) {
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
}
.pilsing div:nth-child(2) {
  animation: pulse 2s infinite 0.3s;
  -webkit-animation: pulse 2s infinite 0.3s;
  -moz-animation: pulse 2s infinite 0.3s;
  -o-animation: pulse 2s infinite 0.3s;
}
.pilsing div {
  background: rgba(var(--background-total-theme), 0.3);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--color-bg-ac-2));
}
@keyframes pulse {
  0% {
    transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    opacity: 0;
  }
}
@-moz-keyframes pulse {
  0% {
    transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    opacity: 0;
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    opacity: 0;
  }
}
.plissingCnt {
  position: absolute;
  bottom: -0.5em;
  right: -0.5em;
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.plissingCnt.active {
  opacity: 1;
}
.plissingCnt.left {
  right: 90%;
}
.plissingCnt.left .plissingWrapper .plissingWrapperTable > div .plissingTip {
  text-align: right;
}
.plissingCnt.white .plissingWrapper .plissingWrapperTable > div .plissingTip {
  color: rgb(var(--text-on-bg-ac-color));
}
.plissingCnt.white .plissingWrapper .plissingWrapperTable > div .pilsing div {
  background: rgba(var(--background-main-contrast), 0.5);
}
.plissingWrapper .plissingWrapperTable {
  height: 30px;
}
.plissingWrapper .plissingWrapperTable > div {
  vertical-align: middle;
}
.plissingWrapper .plissingWrapperTable > div.plissingWrapperCell {
  position: relative;
  width: 25px;
}
.plissingWrapper .plissingWrapperTable > div.plissingTipCell {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.plissingWrapper .plissingWrapperTable > div .plissingTip {
  font-weight: 100;
}
.plissingWrapper .plissingWrapperTable > div .plissingTip.hover {
  display: none;
}
#application .owl-dots {
  text-align: center;
  margin-top: 0.5em;
}
#application .owl-carousel button.owl-dot {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: rgb(var(--neutral-grad-2));
  margin: 0 0.25em;
}
#application .owl-carousel button.owl-dot.active {
  background: rgb(var(--color-bg-ac-bright));
}
#application .owl-carousel .owl-nav {
  opacity: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#application .owl-carousel .owl-nav button {
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -33px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: rgb(var(--text-on-bg-ac-color));
  border-radius: 50%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#application .owl-carousel .owl-nav button i {
  font-size: 0.7em;
  opacity: 0.7;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#application .owl-carousel .owl-nav button:hover {
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
#application .owl-carousel .owl-nav button:hover i {
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
  opacity: 0.87;
}
#application .owl-carousel:hover .owl-nav {
  opacity: 1;
}
#application .owl-carousel .owl-nav button.owl-next {
  right: 0;
}
#application .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
#application .owl-carousel .owl-nav button.disabled {
  opacity: 0.5;
}
#application .emojionearea .emojionearea-picker {
  background: rgb(var(--background-total-theme));
  color: rgb(var(--text-color));
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
#application .emojionearea .emojionearea-picker .emojionearea-filters {
  background: rgb(var(--background-main));
}
#application .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
  background: rgb(var(--neutral-grad-1));
}
#application .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
  background: rgb(var(--background-total-theme));
  color: rgb(var(--text-color));
}
.errorcntplyrex {
  width: 100%;
  padding-bottom: 56%;
  background: #000;
  color: rgb(var(--text-on-bg-shadow-color));
  position: relative;
}
.errorcntplyrex .errorcntTableWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.errorcntplyrex .errorcntTable {
  display: table;
  width: 100%;
  height: 100%;
}
.errorcntplyrex .errorcntTable > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.errorcntplyrex .errorcntTable .errorcntCell {
  font-size: 2em;
}
.hoursrange .dayrow > div {
  padding: 0.5em / 2;
}
.hoursrange .dayrow > div.day {
  width: 25%;
}
.hoursrange .dayrow > div select {
  width: 100%;
}
.locationInputWrapper .locationInputs .radius {
  width: 30%;
  padding-left: 0.5em;
}
.locationInputWrapper .locationInputs .radius select {
  width: 100%;
}
.locationInputWrapper .map {
  margin-top: 0.5em;
  width: 100%;
  height: 250px;
}
.vmt_valuesmultitree .vmt_group[level='0'] .vmt_group_params {
  margin-top: 0.5em;
  padding-right: 0.5em;
  border-right: 1px dashed rgb(var(--neutral-grad-2));
  border-top: 1px dashed rgb(var(--neutral-grad-2));
  border-bottom: 1px dashed rgb(var(--neutral-grad-2));
  margin-bottom: 1em;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: rgba(var(--neutral-grad-2), 0.06);
  padding-left: 0.5em;
  display: none;
}
.vmt_valuesmultitree .vmt_group[level='1'] .vmt_value {
  font-size: 0.9em;
}
.vmt_valuesmultitree .vmt_group.active > div.vmt_group_params {
  display: block;
}
.vmt_valuesmultitree .vmt_group.active > div.vmt_name .vmt_panel_wrapper {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.vmt_valuesmultitree .vmt_group.active > div.vmt_name .vmt_panel_wrapper:hover {
  transform: rotate(360deg);
  -webkit-webkit-transform: rotate(360deg);
}
.vmt_valuesmultitree .vmt_name > div {
  vertical-align: middle;
}
.vmt_valuesmultitree .vmt_name .vmt_panel {
  width: 22px;
}
.vmt_valuesmultitree .vmt_name .vmt_panel_wrapper {
  width: 26px;
  height: 26px;
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  font-size: 0.8em;
  background: rgba(var(--color-bg-ac), 0.1);
  cursor: pointer;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.vmt_valuesmultitree .vmt_name .vmt_panel_wrapper:hover {
  transform: rotate(180deg);
  -webkit-webkit-transform: rotate(180deg);
}
.vmt_valuesmultitree .vmt_showMore {
  font-size: 0.8em;
  color: rgb(var(--color-txt-ac-2));
  cursor: pointer;
  padding: 0.5em 0;
  padding-left: 35px;
}
.vmt_valuesmultitree .vmt_showMore:hover {
  color: rgb(var(--color-txt-ac));
}
.vmt_valuesmultitree .vmt_hideMore {
  color: rgb(var(--neutral-grad-2));
  cursor: pointer;
  padding: 1em 0;
  font-size: 0.9em;
  padding-left: 35px;
}
.vmt_valuesmultitree .vmt_hideMore:hover {
  color: rgb(var(--color-txt-ac));
}
.vmt_valuesmultitree .vmt_hidden {
  display: none;
}
.vmt_valuesmultitree.showedMore .vmt_showMore {
  display: none;
}
.vmt_valuesmultitree.showedMore .vmt_hidden {
  display: block;
}
.vmt_valuesmultitree .checkbox + label {
  display: block;
  line-height: 1.2em;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
.vmt_valuesmultitree .checkbox + label:before {
  margin-top: -0.5em / 4;
}
.vm_valuesmulti .vm_value {
  padding: 0.5em 0;
}
.vm_valuesmulti .vm_showMore {
  font-size: 0.8em;
  color: rgb(var(--color-txt-ac-2));
  cursor: pointer;
  padding: 0.5em 0;
  padding-left: 35px;
}
.vm_valuesmulti .vm_showMore:hover {
  color: rgb(var(--color-txt-ac));
}
.vm_valuesmulti .vm_hideMore {
  color: rgb(var(--neutral-grad-2));
  cursor: pointer;
  padding: 1em 0;
  font-size: 0.9em;
  padding-left: 35px;
}
.vm_valuesmulti .vm_hideMore:hover {
  color: rgb(var(--color-txt-ac));
}
.vm_valuesmulti .vm_hidden {
  display: none;
}
.vm_valuesmulti.showedMore .vm_showMore {
  display: none;
}
.vm_valuesmulti.showedMore .vm_hidden {
  display: block;
}
.vm_valuesmulti.error .checkbox + label:before {
  border-color: rgb(var(--color-bad));
}
.vm_valuesmulti .checkbox + label {
  display: block;
  line-height: 1.2em;
  margin-top: 0.5em;
}
.vm_valuesmulti .checkbox + label:before {
  margin-top: -0.5em / 4;
}
.vc_autosearchInput {
  position: relative;
}
.vc_autosearchInput .placeholder {
  background: rgb(var(--background-total-theme));
  border: 1px solid transparent;
  color: rgb(var(--neutral-grad-2));
  overflow: hidden;
}
.vc_autosearchInput .placeholder > div {
  padding: 0.5em;
}
.vc_autosearchInput .autosearchInputCnt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent!important;
}
.vc_autosearchInput .autosearchInputCnt input {
  background: transparent!important;
}
.vc_valuecustom {
  width: 200px;
  height: 44px;
  position: relative;
  border-radius: 6px;
}
.vc_valuecustom .vc_textInput {
  width: 100%;
  height: 100%;
  background: rgb(var(--background-hidden-layer));
  border: 1px solid rgb(var(--neutral-grad-2));
  border-radius: 6px;
}
.vc_valuecustom .vc_textInput > div {
  vertical-align: middle;
}
.vc_valuecustom .vc_textInput .vc_inputWrapper {
  position: relative;
}
.vc_valuecustom .vc_textInput .vc_inputWrapper .displaceholder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.vc_valuecustom .vc_textInput .vc_inputWrapper input {
  background: transparent;
  border: 0;
  width: 100%;
  height: 100%;
}
.vc_valuecustom .vc_textInput .vc_inputWrapper input[disabled] {
  color: rgb(var(--text-color));
}
.vc_valuecustom .vc_textInput .vc_iconWrapper {
  border-left: 0;
  width: 30px;
  cursor: pointer;
  color: rgb(var(--neutral-grad-2));
  text-align: center;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.vc_valuecustom .vc_textInput .vc_iconWrapper .vc_iconSpinWrapper {
  width: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.vc_valuecustom .vc_textInput .vc_iconWrapper:hover {
  color: rgb(var(--neutral-grad-4));
}
.vc_valuecustom .vc_selectInput_bg_mobile {
  display: none;
  z-index: 1000;
}
.vc_valuecustom .vc_selectInput {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 250px;
  overflow-y: auto;
  background: rgb(var(--background-total-theme));
  border: 1px solid rgb(var(--neutral-grad-2));
  border-top: 0;
  border-radius: 2px;
  display: none;
  z-index: 1000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vc_valuecustom .vc_selectInput .vc_value {
  padding: 1em 0.5em;
  cursor: pointer;
}
.vc_valuecustom .vc_selectInput .vc_value:hover {
  color: rgb(var(--text-on-bg-ac-color));
  background: rgb(var(--color-bg-ac-bright));
}
.vc_valuecustom.opened .vc_selectInput_bg_mobile {
  display: block;
}
.vc_valuecustom.opened .vc_selectInput {
  display: block;
}
.vc_valuecustom.opened .vc_iconWrapper .vc_iconSpinWrapper {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.vc_valuecustom.error .vc_textInput .vc_inputWrapper {
  border: 1px solid rgb(var(--color-bad));
  border-right: 0;
}
.vc_valuecustom.error .vc_textInput .vc_iconWrapper {
  border: 1px solid rgb(var(--color-bad));
  border-left: 0;
}
.vc_valuecustom .paymentMethods,
.vc_valuecustom .currencies {
  font-size: 0.9em;
}
.vc_valuecustom .paymentMethods .name,
.vc_valuecustom .currencies .name {
  font-size: 0.9em;
  color: #00a4ff;
  padding: 0.5em 0;
  text-align: center;
}
.vc_valuecustom .paymentMethods .vc_value > div,
.vc_valuecustom .currencies .vc_value > div {
  padding: 0.5em;
  vertical-align: middle;
}
.vc_valuecustom .paymentMethods .vc_value > div.cicon,
.vc_valuecustom .currencies .vc_value > div.cicon {
  width: 16px;
  padding: 0.5em 0;
}
.vc_valuecustom .paymentMethods .vc_value > div.csymbol,
.vc_valuecustom .currencies .vc_value > div.csymbol {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vc_valuecustom .paymentMethods .vc_value > div:nth-last-child(1),
.vc_valuecustom .currencies .vc_value > div:nth-last-child(1) {
  padding-right: 0;
}
.vc_valuecustom .paymentMethods .vc_value .obscure,
.vc_valuecustom .currencies .vc_value .obscure {
  font-size: 0.9em;
}
.horizontalSearchUsersWrapper,
.horizontalLentaWrapper {
  position: relative;
}
.horizontalSearchUsersWrapper .horizontalSearchUserscaption,
.horizontalLentaWrapper .horizontalSearchUserscaption,
.horizontalSearchUsersWrapper .horizontalLentacaption,
.horizontalLentaWrapper .horizontalLentacaption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0;
  padding-bottom: 0.5em;
  font-size: 18px;
}
.horizontalSearchUsersWrapper .horizontalSearchUserscaption .controlhors,
.horizontalLentaWrapper .horizontalSearchUserscaption .controlhors,
.horizontalSearchUsersWrapper .horizontalLentacaption .controlhors,
.horizontalLentaWrapper .horizontalLentacaption .controlhors {
  display: flex;
  width: 75px;
  justify-content: space-between;
}
.horizontalSearchUsersWrapper .horizontalSearchUserscaption .controlhors i,
.horizontalLentaWrapper .horizontalSearchUserscaption .controlhors i,
.horizontalSearchUsersWrapper .horizontalLentacaption .controlhors i,
.horizontalLentaWrapper .horizontalLentacaption .controlhors i {
  font-size: 0.8em;
  color: rgb(var(--neutral-grad-3));
}
.horizontalSearchUsersWrapper .horizontalSearchUserscaption span,
.horizontalLentaWrapper .horizontalSearchUserscaption span,
.horizontalSearchUsersWrapper .horizontalLentacaption span,
.horizontalLentaWrapper .horizontalLentacaption span {
  font-weight: 700;
  font-size: 0.8em;
}
.horizontalSearchUsersWrapper .controlhor,
.horizontalLentaWrapper .controlhor {
  display: none;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  border: 1px solid rgb(var(--neutral-grad-0));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
  cursor: pointer;
  text-align: center;
  color: rgb(var(--text-color));
  font-size: 0.8em;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.horizontalSearchUsersWrapper .controlhor.controlleft,
.horizontalLentaWrapper .controlhor.controlleft {
  left: 0.5em;
}
.horizontalSearchUsersWrapper .controlhor.controlright,
.horizontalLentaWrapper .controlhor.controlright {
  right: 0.5em;
}
.horizontalSearchUsersWrapper.hasitems .controlhor,
.horizontalLentaWrapper.hasitems .controlhor {
  display: flex;
}
.horizontalSearchUsersWrapper .showmorebywrapper,
.horizontalLentaWrapper .showmorebywrapper {
  overflow: hidden;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
  border-radius: 6px;
}
.horizontalSearchUsersWrapper .showmorebywrapper::-webkit-scrollbar,
.horizontalLentaWrapper .showmorebywrapper::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: rgba(var(--neutral-grad-0), 0.3);
}
.horizontalSearchUsersWrapper .showmorebywrapper::-webkit-scrollbar-thumb:horizontal,
.horizontalLentaWrapper .showmorebywrapper::-webkit-scrollbar-thumb:horizontal {
  background: rgb(var(--color-shadow-base));
  border-radius: 10px;
}
.horizontalSearchUsersWrapper .showmorebywrapper::-webkit-scrollbar,
.horizontalLentaWrapper .showmorebywrapper::-webkit-scrollbar {
  display: none!important;
}
.horizontalSearchUsersWrapper .showmorebywrapper .anothercntswrk,
.horizontalLentaWrapper .showmorebywrapper .anothercntswrk {
  padding-left: 0!important;
  padding-right: 0!important;
}
.horizontalSearchUsersWrapper .showmorebywrapper .showmorebywrapper,
.horizontalLentaWrapper .showmorebywrapper .showmorebywrapper {
  display: none;
}
.carousel {
  width: 100%;
  display: flex;
  flex-wrap: nowrap!important;
  grid-gap: 0.5em;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  align-items: center;
  position: relative;
}
.carousel::-webkit-scrollbar {
  display: none!important;
}
.carousel .carousel_item {
  width: 100%;
  min-width: 100%;
  scroll-snap-align: center;
}
.carousel_markers {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5em;
}
.carousel_markers > div {
  padding: 0.25em;
}
.carousel_markers > div > div {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: rgb(var(--neutral-grad-2));
}
.carousel_markers > div.active > div {
  background: rgb(var(--color-bg-ac));
}
.optimizationTip {
  background: rgb(var(--background-total-theme));
}
.sharepostmenu .menuitem {
  cursor: pointer;
}
.sharepostmenu .menuitem > div {
  padding: 1em;
  border-bottom: 1px solid rgb(var(--neutral-grad-1));
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sharepostmenu .menuitem > div span {
  font-size: 0.9em;
}
.sharepostmenu .menuitem > div.icon {
  width: 30px;
  text-align: center;
}
.sharepostmenu .menuitem:nth-last-child(1) > div {
  border-bottom: 0;
}
.sharepostmenu .menuitem:hover > div {
  color: rgb(var(--color-text-ac));
  border-color: rgb(var(--color-text-ac));
}
.sharepostmenu .menuitem.block:hover > div,
.sharepostmenu .menuitem.complain:hover > div {
  color: rgb(var(--color-text-ac-2));
  border-color: rgb(var(--color-text-ac-2));
}
.sharepostmenu .menuitem.donate .fa-heart {
  color: #ed1f1f;
}
.sharepostmenu.downloadMenu h2 {
  margin-top: 0px;
  font-size: 20px;
  text-align: center;
}
.sharepostmenu.downloadMenu h4 {
  text-align: center;
  margin: 0;
}
.sharepostmenu.downloadMenu .menuitem .label {
  display: flex;
  justify-content: space-between;
}
.sharepostmenu.downloadMenu .menuitem .label span.lightColor {
  color: rgb(var(--neutral-grad-3));
}
.toblockexplorer {
  cursor: pointer;
}
.matrixchatwrapper {
  font-size: 16px;
}
#camera {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#cameratransition {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000000;
  opacity: 0;
  background: rgb(var(--color-shadow-base));
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.brighteonVideoIframe {
  aspect-ratio: 1.62;
  max-width: 600px;
  border-radius: 10px;
}
html.mobileview[chatposition='above'] .matrixchatwrapper {
  z-index: 1006;
}
html.mobileview .matrixchatwrapper {
  position: fixed;
  contain: strict;
  left: 0;
  top: 0;
  /*touch-action: none;*/
  right: 0;
  bottom: 0;
  background: rgb(var(--background-hidden-layer));
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1004;
  -webkit-overflow-scrolling: touch;
  transform-origin: left center;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  overflow: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
html.mobileview .matrixchatwrapper.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
html.mobileview .tooltipMobileDialog {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  background: rgba(var(--color-shadow-var), 0.96);
}
html.mobileview .tooltipMobileDialog .mobiledialogcontent {
  -webkit-transform: translateY(100%);
  transform: translateY(100%) scale(0.5);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
html.mobileview .tooltipMobileDialog.animend .mobiledialogcontent {
  -webkit-transform: translateY(0);
  transform: translateY(0) scale(1);
}
html.mobileview .tooltipMobileDialog .thwrapper {
  padding: 0;
  max-width: 450px;
  background: transparent;
  width: 85%;
  margin: 0 auto;
  border: 0;
  margin-bottom: 0;
  box-shadow: none;
}
html.mobileview .tooltipMobileDialog ._close {
  display: none;
}
html.mobileview .tooltipMobileDialog .mobiledialogcontent {
  max-height: calc(var(--vh, 1vh) * 90);
}
html.mobileview .tooltipMobileDialog .secondwrapper {
  vertical-align: bottom;
}
html.mobileview .tooltipMobileDialog .buttons {
  display: none;
}
html.mobileview .tooltipMobileDialog .body {
  margin: 0;
}
html.mobileview .tooltipMobileDialog .label {
  padding-right: 30px!important;
}
html.mobileview .tooltipMobileDialog .header {
  color: rgb(var(--neutral-grad-3));
  text-align: center;
}
html.mobileview .tooltipMobileDialog .header .text {
  padding-bottom: 1em;
}
html.mobileview .tooltipMobileDialog .closeButton,
html.mobileview .tooltipMobileDialog .menuitem {
  padding: 1.5em 1em;
  text-align: center;
  background: rgb(var(--background-total-theme));
  cursor: pointer;
  border-radius: 18px;
  margin-top: 0.25em;
  text-align: left;
}
html.mobileview .tooltipMobileDialog .closeButton > div,
html.mobileview .tooltipMobileDialog .menuitem > div {
  padding: 0;
  border-bottom: 0;
}
html.mobileview .tooltipMobileDialog .mobiledialogcontent {
  border-radius: 3px;
}
html.mobileview .tooltipMobileDialog .closeButton {
  margin-top: 1em;
  background: rgba(var(--neutral-grad-4), 0.1);
  color: rgb(var(--text-on-bg-ac-color));
}
html.mobileview .tooltipMobileDialog .closeButton button {
  padding: 0;
  color: rgb(var(--text-on-bg-ac-color));
  text-decoration: none;
}
html.mobileview.nooverflow body {
  overflow: hidden!important;
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overscroll-behavior: none;
}
html.mobileview .wnd.pipmini {
  right: 1em;
  top: 50%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  max-width: 33%;
  width: 330px;
}
html.mobileview .wnd.pipmini ._changeplace,
html.mobileview .wnd.pipmini ._expand,
html.mobileview .wnd.pipmini ._close {
  opacity: 1;
}
.mainsearchresults .result {
  min-height: 33px;
}
.mainsearchresults .swra,
.mainsearchresults .swrp,
.mainsearchresults .userTable {
  display: flex;
  align-items: center;
}
.mainsearchresults .swra .rsicon,
.mainsearchresults .swrp .rsicon,
.mainsearchresults .userTable .rsicon,
.mainsearchresults .swra .iconWrapper,
.mainsearchresults .swrp .iconWrapper,
.mainsearchresults .userTable .iconWrapper {
  max-width: 44px;
  min-width: 44px;
  text-align: center;
}
.mainsearchresults .swra .label,
.mainsearchresults .swrp .label,
.mainsearchresults .userTable .label {
  margin-left: 0.5em;
  text-align: center;
  word-break: break-all;
}
.mainsearchresults .swra {
  font-weight: 700;
  text-align: left;
}
.mainsearchresults .swra .appicon {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  background: rgb(var(--background-secondary-theme));
  position: relative;
}
html.cameraenabled {
  background: transparent;
}
html.cameraenabled body {
  background: transparent;
  overflow: hidden;
}
html.cameraenabled #camera {
  display: block;
}
html.cameraenabled .matrixchatwrapper {
  display: none;
}
html.cameraenabled .matrixchatwrapper.active {
  display: block;
}
html.cameraenabled .matrixchatwrapper.active,
html.cameraenabled .wnd,
html.cameraenabled .appcnt {
  transition: all 50ms linear 0s;
  transform: translate3d(100%, 0, 0);
  /*display: none;*/
}
html.cameraenabledend #camera {
  display: block;
}
html.cameraenabledend #camerapreview {
  transition: all 300ms linear 0s;
  transform: translate3d(-100%, 0, 0);
}
html.cameraenabledend .matrixchatwrapper.active,
html.cameraenabledend .wnd,
html.cameraenabledend .appcnt {
  transition: all 300ms linear 0s;
}
html.cameraenabledrun body {
  overflow: hidden;
}
html.cameraenabledrun #camera {
  display: block;
}
html.cameraenabledrun .matrixchatwrapper {
  display: none;
}
html.cameraenabledrun .matrixchatwrapper.active {
  display: block;
}
html.cameraenabledrun .matrixchatwrapper.active,
html.cameraenabledrun .wnd,
html.cameraenabledrun .appcnt {
  transition: all 300ms linear 0s;
  transform: translate3d(100%, 0, 0);
  /*display: none;*/
}
@media only screen and (max-width: 768px) {
  html.mobileview .wnd.pipmini {
    transform: none;
    left: 0.5em;
    right: 0.5em;
    width: auto;
    max-width: none;
    top: calc(70px + var(--app-margin-top));
    will-change: transform;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  html.mobileview .wnd.pipmini ._changeplace {
    display: block;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  html.mobileview .wnd.pipmini[position='bottom'] {
    bottom: calc(var(--keyboardheight, 0) + 100px);
    top: auto;
  }
  html.mobileview .wnd.pipmini[position='bottom'] ._changeplace {
    transform: rotate(180deg);
  }
  html.mobileview.scrollmodedown .wnd.pipmini {
    transform: translateY(-65px);
  }
  html.mobileview.scrollmodedown .wnd.pipmini[position='bottom'] {
    transform: translateY(90px);
  }
  html.mobileview #windowsContainer:has(.wnd.hiddenState) .wnd.pipmini[position='bottom'] {
    bottom: 140px;
  }
}
html.mobileview .wnd.hiddenState {
  width: auto;
  left: 0.5em;
  right: 0.5em;
  top: auto;
  bottom: 80px;
  will-change: transform;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  white-space: nowrap;
  border-radius: 12px;
}
html.mobileview .wnd.hiddenState.asette {
  transform: translateY(100px);
}
html.mobileview.fullscreen {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html.mobileview.fullscreen .matrixchatwrapper {
  display: none!important;
}
html.mobileview.fullscreen #menuWrapper {
  display: none!important;
}
html.mobileview.fullscreen #navigationWrapper {
  display: none!important;
}
.mobsearch {
  cursor: pointer;
}
html.allcontent_application #navigationWrapper,
html.allcontent_application #menuWrapper,
html.allcontent_application #footerWrapper {
  display: none!important;
}
.windowsContainer {
  position: relative;
}
/*t*/
@media only screen and (max-width: 768px) {
  .horizontalLentaWrapper .controlhor {
    display: none;
  }
  .horizontalLentaWrapper.hasitems .controlhor {
    display: none;
  }
  .horizontalLentaWrapper .showmorebywrapper {
    scrollbar-width: none;
  }
  .horizontalLentaWrapper .showmorebywrapper::-webkit-scrollbar {
    display: none!important;
  }
  .brighteonVideoIframe {
    max-width: inherit;
    border-radius: 0px;
    margin-bottom: 10px;
  }
}
.coinwithsmall {
  width: auto;
  height: auto;
}
.coinwithsmall > div {
  vertical-align: middle;
}
.coinwithsmall > div.bignum {
  font-weight: 100;
  font-size: 1.65em;
  padding-right: 0.5em / 4;
}
.coinwithsmall > div.svlwr {
  font-size: 0.5em;
  padding-left: 0.5em;
}
.coinwithsmall > div.svlwr .suffix {
  font-weight: 500;
}
.coinwithsmall > div.svlwr > div {
  margin-top: 0.5em / 2;
}
.cashWrapper {
  display: table;
}
.cashWrapper > div {
  display: table-cell;
  vertical-align: middle;
}
.cashWrapper > div.convertCashWrapper {
  padding: 0 0.5em;
}
.cashrangeWrapper .convertsCashrangeWrapper,
.cashrangeWrapper .inputsCashrangeWrapper {
  display: table;
  width: 100%;
}
.cashrangeWrapper .convertsCashrangeWrapper > div,
.cashrangeWrapper .inputsCashrangeWrapper > div {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.5em / 2;
}
.cashrangeWrapper .convertsCashrangeWrapper > div:nth-child(1),
.cashrangeWrapper .inputsCashrangeWrapper > div:nth-child(1) {
  padding-left: 0;
}
.cashrangeWrapper .convertsCashrangeWrapper > div:nth-last-child(1),
.cashrangeWrapper .inputsCashrangeWrapper > div:nth-last-child(1) {
  padding-right: 0;
  text-align: right;
}
.cashrangeWrapper .convertsCashrangeWrapper {
  font-size: 0.8em;
  color: rgb(var(--neutral-grad-3));
}
.cashrangeWrapper .convertsCashrangeWrapper > div {
  padding-top: 0.5em / 2;
}
.cashrangeWrapper input {
  text-align: left;
  padding: 0.5em / 2;
  width: 100%;
  border: 1px solid rgb(var(--neutral-grad-2));
  border-radius: 2px;
}
.numberrangeWrapper {
  display: table;
  width: 100%;
}
.numberrangeWrapper > div {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.5em / 2;
}
.numberrangeWrapper > div:nth-child(1) {
  padding-left: 0;
}
.numberrangeWrapper > div:nth-last-child(1) {
  padding-right: 0;
}
.numberrangeWrapper input {
  padding: 0.5em / 2;
  width: 100%;
  border: 1px solid rgb(var(--neutral-grad-2));
  border-radius: 2px;
}
/*
.jqvmap-label,.jqvmap-pin{pointer-events:none}.jqvmap-label{position:absolute;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#292929;color:#fff;font-family:sans-serif,Verdana;font-size:smaller;padding:3px}.jqvmap-zoomin,.jqvmap-zoomout{position:absolute;left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#000;padding:3px;color:#fff;width:10px;height:10px;cursor:pointer;line-height:10px;text-align:center}.jqvmap-zoomin{top:10px}.jqvmap-zoomout{top:30px}.jqvmap-region{cursor:pointer}.jqvmap-ajax_response{width:100%;height:500px}*/
.lighttooltip {
  max-height: 500px;
}
.lighttooltip.validation {
  font-weight: 700;
}
.lighttooltip.validation .tooltipster-content {
  padding: 1em;
}
.lighttooltip.zindex {
  z-index: 3000!important;
}
.lighttooltip .removeInTooltip {
  display: none!important;
}
.lighttooltip .tooltipster-arrow-border {
  margin-right: 1px;
}
.lighttooltip .tooltipster-content {
  padding: 0;
  color: rgb(var(--text-color));
  padding: 0.5em;
  overflow: hidden;
}
.lighttooltip .tooltipster-box {
  background: rgb(var(--background-total-theme));
  color: rgb(var(--text-color));
  border-radius: 0px;
  border: 1px solid rgb(var(--neutral-grad-1));
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.lighttooltip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: rgb(var(--neutral-grad-1));
}
.lighttooltip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: rgb(var(--background-total-theme));
  top: 1px;
}
.lighttooltip.tooltipster-right .tooltipster-arrow-border {
  right: 1px;
  border-right-color: rgb(var(--neutral-grad-1));
}
.lighttooltip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: rgb(var(--background-total-theme));
  right: 0;
}
.lighttooltip.tooltipster-left .tooltipster-arrow-border {
  left: 1px;
  border-left-color: rgb(var(--neutral-grad-1));
}
.lighttooltip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: rgb(var(--background-total-theme));
  left: 0px;
}
.registrationProgressIcon {
  display: flex;
  align-items: center;
}
.registrationProgressIcon span {
  margin-left: 1em;
}
.registrationProgressIcon i {
  color: rgb(var(--color-txt-gray-dark)) !important;
}
.registrationProgressIcon.not_in_progress i {
  color: rgb(var(--color-bad)) !important;
}
.registrationProgressIcon.in_progress_wait_unspents i {
  color: rgb(var(--color-good)) !important;
}
.registrationProgressIcon.in_progress_transaction i,
.registrationProgressIcon.in_progress_hasUnspents i {
  color: rgb(var(--color-bg-ac-bright)) !important;
}
.registrationProgressIcon.blocked i {
  color: rgb(var(--color-bad)) !important;
}
.appiconsmall {
  line-height: 0.25em;
  font-size: 0.25em;
  opacity: 1;
  position: absolute;
  bottom: -4%;
  right: -4%;
  text-shadow: 0px 0px 2px rgba(var(--color-shadow-base), 0.714), 0 0 3px rgba(var(--color-shadow-base), 0.519);
}
.appiconsmall .real .fa-certificate {
  color: rgb(var(--color-bg-orange));
}
.appiconsmall .real .fa-play {
  color: rgb(var(--text-on-bg-ac-color));
  box-shadow: none;
  margin-left: 0.1em;
}
.realperson {
  line-height: 0.25em;
  font-size: 0.25em;
  opacity: 1;
}
.realperson .real .fa-certificate {
  color: rgb(var(--color-bg-ac-bright));
}
.realperson .real .fa-check {
  color: rgb(var(--text-on-bg-ac-color));
  box-shadow: none;
}
.realperson .dev .fa-certificate {
  color: rgb(var(--color-bg-orange));
}
.realperson .dev .fa-code {
  color: rgb(var(--text-on-bg-ac-color));
}
.realperson .shark .fa-certificate,
.realperson .moderator .fa-certificate {
  color: rgb(var(--color-bg-ac-bright));
}
.realperson .shark .fa-crown,
.realperson .moderator .fa-crown,
.realperson .shark .fa-flag,
.realperson .moderator .fa-flag {
  color: rgb(var(--text-on-bg-ac-color));
  box-shadow: none;
}
.usericon {
  background: rgb(var(--neutral-grad-0));
  color: rgb(var(--color-txt-gray-dark));
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
  border-radius: 50%;
  height: 3em;
  width: 3em;
  text-align: center;
  line-height: 3em;
  font-size: 1em;
  position: relative;
}
.usericon .realperson {
  position: absolute;
  bottom: -4%;
  right: -4%;
  text-shadow: 0px 0px 2px rgba(var(--color-shadow-base), 0.714), 0 0 3px rgba(var(--color-shadow-base), 0.519);
}
.usericon .letter {
  font-size: 1.5em;
}
@media (pointer: hover) {
  .usericon:hover .realperson {
    opacity: 0.7;
  }
}
.usericon .registrationProgressIcon {
  position: absolute;
  bottom: -4%;
  left: -4%;
}
.usericon .registrationProgressIcon i {
  font-size: 0.8em;
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
.usericon .registrationProgressIcon span {
  display: none;
}
.userpic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  background: transparent;
  font-weight: 200;
  background: rgb(var(--neutral-grad-0));
  color: rgb(var(--color-txt-ac-1));
  cursor: pointer;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.fastMessage .time,
.notification .time {
  padding-left: 0.5em;
}
.fastMessage .time span,
.notification .time span {
  font-size: 0.8em;
  color: rgb(var(--neutral-grad-3));
}
.fastMessage .fa-heart,
.notification .fa-heart {
  color: #ed1f1f;
}
.fastMessage .fa-fire,
.notification .fa-fire {
  color: rgb(var(--color-bg-orange));
}
.fastMessage .messagethumbs,
.notification .messagethumbs {
  width: 44px;
  height: 44px;
  line-height: 42px;
  border-radius: 50%;
  border: 1px solid rgb(var(--color-txt-ac));
  text-align: center;
  color: rgb(var(--color-txt-ac));
  margin-left: auto;
  font-size: 0.8em;
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.fastMessage .messagestar,
.notification .messagestar {
  color: rgb(var(--color-star-yellow));
  width: 44px;
  height: 44px;
  line-height: 42px;
  border-radius: 50%;
  border: 1px solid rgb(var(--color-star-yellow));
  text-align: center;
  margin-left: auto;
  font-size: 0.8em;
  background: rgba(var(--background-total-theme), 0.3);
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.fastMessage .messagestar[count='3'],
.notification .messagestar[count='3'] {
  color: rgb(var(--neutral-grad-3));
  border: 1px solid rgb(var(--neutral-grad-3));
}
.fastMessage .messagestar[count='2'],
.notification .messagestar[count='2'] {
  color: #ff0090;
  border: 1px solid #ff0090;
}
.fastMessage .messagestar[count='1'],
.notification .messagestar[count='1'] {
  color: rgb(var(--color-bad));
  border: 1px solid rgb(var(--color-bad));
}
.fastMessage .transactionmessagewrapper,
.notification .transactionmessagewrapper {
  display: flex;
  justify-content: flex-end;
}
.fastMessage .transactionmessagewrapper > div,
.notification .transactionmessagewrapper > div {
  align-items: flex-start;
  flex-grow: 1;
}
.fastMessage .transactionmessagewrapper > div.foramount,
.notification .transactionmessagewrapper > div.foramount {
  white-space: nowrap;
  flex-grow: 0;
  font-weight: 700;
  color: rgb(var(--color-good));
  font-size: 0.8em;
  text-align: right;
}
.fastMessage .repostshare,
.notification .repostshare {
  text-align: right;
  color: rgb(var(--neutral-grad-3));
  padding-right: 0.5em;
}
.fastMessage .foranswer,
.notification .foranswer {
  text-align: right;
}
.fastMessage .foranswer button,
.notification .foranswer button {
  padding-top: 0;
  text-align: right;
  width: auto;
}
.fastMessage .foranswer button i,
.notification .foranswer button i {
  display: none;
}
.fastMessage .foranswer button.disabled,
.notification .foranswer button.disabled {
  color: rgb(var(--color-good));
  background: transparent;
}
.fastMessage .foranswer button.disabled i,
.notification .foranswer button.disabled i {
  display: inline;
}
.fastMessage .foranswer button.disabled:hover,
.notification .foranswer button.disabled:hover {
  background: transparent;
}
.fastMessage .commentmessagewrapper > div,
.notification .commentmessagewrapper > div {
  vertical-align: top;
}
.fastMessage .commentmessagewrapper > div.forthumbs,
.notification .commentmessagewrapper > div.forthumbs {
  width: 50px;
  text-align: right;
}
.fastMessage .commentmessagewrapper .commenttext,
.notification .commentmessagewrapper .commenttext {
  padding-top: 0.5em;
  cursor: pointer;
}
.fastMessage .commentmessagewrapper .commentimages,
.notification .commentmessagewrapper .commentimages {
  padding-top: 0.5em;
}
.fastMessage .commentmessagewrapper .commentimages .imagesContainer,
.notification .commentmessagewrapper .commentimages .imagesContainer {
  overflow: hidden;
}
.fastMessage .commentmessagewrapper .commentimages .imagesContainer > div,
.notification .commentmessagewrapper .commentimages .imagesContainer > div {
  float: left;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  width: 80px;
  height: 80px;
}
.fastMessage .commentmessagewrapper .commentimages .imagesContainer > div .image,
.notification .commentmessagewrapper .commentimages .imagesContainer > div .image {
  width: 100%;
  height: 100%;
}
.fastMessage .sharedivide,
.notification .sharedivide {
  color: rgb(var(--color-text-ac));
  padding: 0.25em 0;
  border-bottom: 1px solid rgb(var(--neutral-grad-0));
}
.fastMessage .sharepreview .shareprwrapper > div,
.notification .sharepreview .shareprwrapper > div {
  vertical-align: top;
  padding: 0.5em / 2;
}
.fastMessage .sharepreview .shareprwrapper > div.forimage,
.notification .sharepreview .shareprwrapper > div.forimage {
  width: 32px;
  padding-right: 0.5em;
  padding-left: 0;
}
.fastMessage .sharepreview .shareprwrapper > div.fortext,
.notification .sharepreview .shareprwrapper > div.fortext {
  padding-left: 0;
}
.fastMessage .sharepreview .shareprwrapper > div.fortext span,
.notification .sharepreview .shareprwrapper > div.fortext span {
  font-size: 0.8em;
}
.fastMessage .sharepreview .shareprwrapper > div.extra,
.notification .sharepreview .shareprwrapper > div.extra {
  width: 100px;
}
.fastMessage .sharepreview .shareprwrapper > div.extra div,
.notification .sharepreview .shareprwrapper > div.extra div {
  font-size: 0.9em;
  float: right;
}
.fastMessage .sharepreview .shareprwrapper > div .additionalcontent,
.notification .sharepreview .shareprwrapper > div .additionalcontent {
  font-size: 0.8em;
  padding-bottom: 0;
  opacity: 0.5;
}
.fastMessage .sharepreview .shareprwrapper .img,
.notification .sharepreview .shareprwrapper .img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: relative;
}
.fastMessage .sharepreview .shareprwrapper .img .vstyle,
.notification .sharepreview .shareprwrapper .img .vstyle {
  position: absolute;
  left: 20px;
  top: 14px;
  font-size: 0.6em;
  color: rgb(var(--neutral-grad-1));
}
.fastMessage .sharepreview .shareimages,
.notification .sharepreview .shareimages {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.fastMessage .sharepreview .shareimages .imagesContainer,
.notification .sharepreview .shareimages .imagesContainer {
  overflow: hidden;
}
.fastMessage .sharepreview .shareimages .imagesContainer > div,
.notification .sharepreview .shareimages .imagesContainer > div {
  float: left;
  margin-right: 0.25em;
  overflow: hidden;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.fastMessage .sharepreview .shareimages .imagesContainer > div .image,
.notification .sharepreview .shareimages .imagesContainer > div .image {
  width: 100%;
  height: 100%;
  position: relative;
}
.fastMessage .sharepreview .shareimages .imagesContainer > div .image .vstyle,
.notification .sharepreview .shareimages .imagesContainer > div .image .vstyle {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  font-size: 0.6em;
  color: rgb(var(--neutral-grad-1));
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
}
.fastMessage .sharepreview:nth-last-child(1),
.notification .sharepreview:nth-last-child(1) {
  border-bottom: 0;
}
.fastMessage .sharepreview:nth-child(1),
.notification .sharepreview:nth-child(1) {
  padding-top: 0.5em;
}
.fastMessage .subscribeWrapper,
.notification .subscribeWrapper {
  margin-top: 0.5em;
}
.fastMessage .subscribeWrapper > div,
.notification .subscribeWrapper > div {
  vertical-align: bottom;
}
.fastMessage .subscribeWrapper > div.forsubscribe,
.notification .subscribeWrapper > div.forsubscribe {
  width: 80px;
  text-align: right;
}
.fastMessage .subscribeWrapper > div.forsubscribe button,
.notification .subscribeWrapper > div.forsubscribe button {
  text-align: right;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.fastMessage .subscribeWrapper > div.forsubscribe button i,
.notification .subscribeWrapper > div.forsubscribe button i {
  display: none;
}
.fastMessage .subscribeWrapper > div.forsubscribe button.disabled,
.notification .subscribeWrapper > div.forsubscribe button.disabled {
  color: rgb(var(--color-good));
  background: transparent;
}
.fastMessage .subscribeWrapper > div.forsubscribe button.disabled i,
.notification .subscribeWrapper > div.forsubscribe button.disabled i {
  display: inline;
}
.fastMessage .subscribeWrapper > div.forsubscribe button.disabled:hover,
.notification .subscribeWrapper > div.forsubscribe button.disabled:hover {
  background: transparent;
}
.fastMessage .cwrapper,
.notification .cwrapper {
  display: flex;
}
.fastMessage .cwrapper > div,
.notification .cwrapper > div {
  align-items: center;
  flex-grow: 2;
}
.fastMessage .cwrapper > div.cellforimage,
.notification .cwrapper > div.cellforimage {
  width: 50px;
  flex-grow: 0;
  max-width: 50px;
}
.fastMessage .cwrapper > div.extra,
.notification .cwrapper > div.extra {
  max-width: 90px;
}
.fastMessage .cwrapper > div .infomain,
.notification .cwrapper > div .infomain {
  padding-left: 0.5em;
}
.fastMessage .cwrapper > div .infomain .donate,
.notification .cwrapper > div .infomain .donate {
  font-weight: 700;
}
.fastMessage .gotoprofileWrapper,
.notification .gotoprofileWrapper {
  text-align: right;
  margin-top: 0.5em;
  min-width: 170px;
  font-size: 0.8em;
}
.fastMessage .opmessage,
.notification .opmessage {
  margin-top: 0.5em;
  font-size: 0.9em;
}
.fastMessage .opmessage span,
.notification .opmessage span {
  color: rgb(var(--color-txt-ac));
}
.fastMessage .commentprev,
.notification .commentprev,
.fastMessage .sharepreview,
.notification .sharepreview {
  cursor: pointer;
  /*&:hover{
            color : rgb(var(--color-txt-ac));
        }*/
}
.fastMessage .caption,
.notification .caption {
  font-size: 0.9em;
}
.fastMessage {
  border-radius: 12px;
  -moz-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  -webkit-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.fastMessage.willhidden {
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
}
.fastMessage.smallsize {
  padding: 0.5em;
  width: 390px;
  cursor: pointer;
}
@media (pointer: hover) {
  .fastMessage.smallsize:hover {
    background: rgba(var(--color-shadow-base), 0.8);
  }
}
.fastMessage.smallsize .cwrapper > div.cellforimage {
  display: none;
}
.fastMessage.smallsize .cwrapper > div .tips > div {
  display: none;
}
.fastMessage.smallsize .cwrapper > div .tips > div.transactionmessage {
  display: block;
}
.fastMessage.smallsize .cwrapper > div .tips > div.transactionmessage .transactionmessagewrapper {
  display: block;
}
.fastMessage.smallsize .cwrapper > div .tips > div.transactionmessage .foramount {
  text-align: left;
}
.fastMessage.smallsize .cwrapper > div .tips > div.transactionmessage .formessage {
  display: none;
}
.fastMessage.smallsize .cwrapper > div .tips > div.notifytext {
  display: block;
  font-size: 0.8em;
}
.fastMessage.smallsize .messagestar {
  width: 33px;
  height: 33px;
  line-height: 31px;
  font-size: 0.8em;
  margin-bottom: 4px;
}
#hideallnotificationsel .hidenf {
  position: fixed;
  left: 5px;
  bottom: 5px;
  width: 390px;
  background: rgba(var(--color-shadow-base), 0.98);
  color: rgb(var(--color-txt-ac-1));
  z-index: 1400;
  overflow: hidden;
  padding: 1em;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: pointer;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#hideallnotificationsel .hidenf:hover {
  opacity: 0.8;
}
#hideallnotificationsel.willhidden .hidenf {
  opacity: 0;
}
.closecsscross {
  position: relative;
  width: 64px;
  height: 64px;
  opacity: 0.5;
  margin: 0 auto;
}
.closecsscross:before,
.closecsscross:after {
  position: absolute;
  left: 32px;
  content: ' ';
  height: 64px;
  width: 1px;
  background-color: rgb(var(--neutral-grad-1));
}
.closecsscross:before {
  transform: rotate(45deg);
}
.closecsscross:after {
  transform: rotate(-45deg);
}
.notification .time {
  padding-top: 0.5em;
}
.notification .commentmessagewrapper > div {
  vertical-align: top;
}
.notification .commentmessagewrapper > div.forthumbs {
  width: 50px;
  text-align: right;
}
.notification .commentmessagewrapper .commenttext {
  padding-top: 0.5em;
  cursor: pointer;
}
.notification .commentmessagewrapper .commenttext span {
  font-weight: 700;
}
#hideallnotifications .hidenf {
  position: fixed;
  border-radius: 12px;
  left: 5px;
  bottom: 5px;
  height: 45px;
  line-height: 45px;
  width: 390px;
  background: rgba(var(--color-shadow-base), 0.9);
  color: rgb(var(--text-on-bg-shadow-color));
  text-align: center;
  font-size: 0.9em;
  z-index: 1400;
  cursor: pointer;
}
#hideallnotifications .hidenf:hover {
  background: rgba(var(--color-shadow-base), 0.98);
}
.fastMessage {
  position: fixed;
  left: 5px;
  bottom: 5px;
  max-height: 170px;
  width: 480px;
  background: rgba(var(--color-shadow-base), 0.98);
  color: rgb(var(--text-on-bg-shadow-color));
  padding: 0.75em;
  padding-left: 1em;
  padding-right: 2em;
  font-size: 1em;
  z-index: 1400;
  overflow: hidden;
}
.fastMessage.smallsize {
  padding-right: 2em;
}
.fastMessage button {
  padding-right: 0;
}
.fastMessage .messagestar {
  background: rgba(var(--color-shadow-base), 0.3);
}
.fastMessage .caption {
  font-size: 0.9em;
}
.fastMessage .fmCnt {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fastMessage .time {
  display: none;
}
.fastMessage .subscribeWrapper > div.forsubscribe button {
  color: rgb(var(--color-text-ac));
}
.fastMessage .cwrapper {
  align-items: center;
}
.fastMessage .commentmessagewrapper > div.foranswer button {
  color: rgb(var(--color-text-ac));
}
.fastMessage .commentmessagewrapper .commentimages .imagesContainer > div {
  width: 40px;
  height: 40px;
  display: none;
  border-radius: 20px;
  overflow: hidden;
}
.fastMessage .commentmessagewrapper .commentimages .imagesContainer > div:nth-child(1),
.fastMessage .commentmessagewrapper .commentimages .imagesContainer > div:nth-child(2),
.fastMessage .commentmessagewrapper .commentimages .imagesContainer > div:nth-child(3) {
  display: block;
}
.fastMessage .commentmessagewrapper .commentshare {
  display: none;
}
.fastMessage .close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 0.5em 0.75em;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (pointer: hover) {
  .fastMessage .close:hover {
    color: rgb(var(--neutral-grad-3));
  }
}
.fastMessage .fastMessageChat .user {
  font-weight: 700;
  color: rgb(var(--color-bg-ac-2));
}
.fastMessage .fastMessageChat .date {
  text-align: right;
}
.fastMessage .fastMessageChat .dmessage {
  margin-bottom: 0.5em;
}
.fastMessage .fastMessageChat .cantdecrypt {
  font-style: italic;
  font-size: 0.9em;
}
.fastMessage .notification b {
  color: rgb(var(--color-bg-ac-2));
}
.fastMessage .notification .date {
  margin-top: 0.5em;
  font-size: 0.9em;
}
.fastMessage .notification .seenow {
  margin-top: 1em;
}
.fastMessage .dataWrapper > div {
  vertical-align: top;
  padding: 0.5em;
}
.fastMessage .dataWrapper > div.userpicWrapper {
  padding-left: 0;
  padding-right: 0;
  width: 40px;
}
.fastMessage .smallusertext .text {
  font-size: 0.9em;
}
.fastMessage .smallusertext .text .dataWrapper > div {
  vertical-align: middle;
}
.fastMessage .progressWrapperTable > div {
  font-size: 0.9em;
  padding: 0.5em;
  padding-left: 0;
  vertical-align: middle;
}
.fastMessage .progressWrapperTable > div.label {
  padding: 0.5em 0;
  width: 80px;
  text-align: center;
  font-weight: 700;
}
.fastMessage .progressWrapperTable > div.label.good {
  color: rgb(var(--color-good));
}
.fastMessage .progressWrapperTable > div .progressCnt {
  float: left;
  height: 6px;
  background: rgb(var(--color-bg-ac-bright));
}
.fastMessage .cwrapper > div.extra {
  width: 100px;
  vertical-align: bottom;
}
.fastMessage .ghost {
  color: rgb(var(--color-bg-ac));
}
.fastMessage.dnt {
  background: #ed1f1f;
}
.fastMessage.dnt .transactionmessagewrapper > div.foramount {
  color: rgb(var(--text-on-bg-shadow-color));
}
.fastMessage.bright {
  background: rgba(var(--color-bg-ac-bright), 0.98);
}
.fastMessage.bright .transactionmessagewrapper > div.foramount {
  color: rgb(var(--text-on-bg-shadow-color));
}
.editCategoryPath,
.path {
  padding: 0.5em 0;
  overflow: hidden;
}
.editCategoryPath .partOfPath,
.path .partOfPath {
  display: inline-block;
  margin-right: 0.5em;
  cursor: pointer;
  line-height: 25px;
}
.editCategoryPath .partOfPath:hover,
.path .partOfPath:hover {
  color: #00A3F7;
  text-decoration: underline;
}
.editCategoryPath .partOfPath:last-child,
.path .partOfPath:last-child {
  color: #00A3F7;
  font-weight: 700;
}
.editCategoryPath .partOfPath:not(:last-child):after,
.path .partOfPath:not(:last-child):after {
  display: inline-block;
  height: 100%;
  line-height: 25px;
  margin-left: 0.5em;
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f0da';
}
.localizationContainer {
  position: relative;
}
.localizationContainer:after {
  content: attr(localizationId);
  position: absolute;
  top: 90%;
  left: 0;
  font-size: 10px;
  color: #FF00C6;
  line-height: 1.14;
}
.tokenExpired .time {
  margin-top: 0.5em;
  font-weight: 700;
}
.mobiledevice {
  display: none;
}
.watchonyoutube {
  color: rgb(var(--text-on-bg-shadow-color));
}
.editCategoryPath {
  cursor: pointer;
}
.editCategoryPath:hover {
  color: rgb(var(--color-txt-ac));
  text-decoration: underline;
}
.editCategoryPath .partOfPath:hover {
  color: inherit;
  text-decoration: none;
}
.editCategoryPath .partOfPath:last-child {
  color: inherit;
  font-weight: 600;
}
.ui-autocomplete {
  padding: 0.5em;
  background: rgb(var(--background-total-theme));
  box-shadow: 0 5px 10px -5px rgba(var(--color-shadow-base), 0.4);
}
.ui-autocomplete.ui-widget-content {
  border: 1px solid rgb(var(--color-txt-ac));
}
.ui-autocomplete .ui-menu-item {
  padding: 0.5em;
  border-bottom: 1px solid rgb(var(--neutral-grad-2));
  font-family: 'Segoe UI Variable', 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.ui-autocomplete .ui-menu-item:nth-last-child(1) {
  border-bottom: 0;
}
.ui-autocomplete .ui-menu-item span {
  font-family: 'Segoe UI Variable', 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.ui-autocomplete .ui-menu-item span.ui-state-active {
  margin: 0;
  background: transparent;
  border: 0;
  color: rgb(var(--color-good));
}
.video-js .vjs-control-bar {
  contain: strict;
}
.trumbowyg-button-pane,
.trumbowyg-modal {
  z-index: 0!important;
}
.hyhpensenable {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}
.article_body h1 {
  font-size: 2em;
}
.article_body h2 {
  font-size: 1.7em;
}
.article_body h3 {
  font-size: 1.4em;
}
.article_body p {
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: Georgia, serif!important;
}
.article_body p a {
  color: rgb(var(--color-txt-ac));
  text-decoration: underline;
}
.article_body .article_list {
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: Georgia, serif!important;
}
.article_body .article_list li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.article_body .article_image {
  margin-bottom: 0.5em;
}
.article_body .article_image.withBorder {
  border: 1px solid rgba(var(--neutral-grad-1), 0.5);
  padding: 0.5em;
  border-radius: 5px;
}
.article_body .article_image.withBackground {
  background: rgb(var(--color-shadow-base));
  padding: 2em 1em;
}
.article_body .article_image.withBackground .article_image_caption {
  color: rgb(var(--text-on-bg-ac-color));
}
.article_body .article_image.withBackground img {
  display: block;
  margin: 0 auto;
  max-width: 400px!important;
  width: 100%;
}
.article_body .article_image img {
  border-radius: 5px;
  display: block;
  cursor: pointer;
}
.article_body .article_image .article_image_caption {
  text-align: center;
  font-size: 0.9em;
}
.article_body .article_warning {
  display: flex;
  overflow: hidden;
  margin: 1em 0;
  padding: 1em;
  border-radius: 5px;
  border: 1px solid rgba(var(--neutral-grad-1), 0.2);
  background: rgba(var(--neutral-grad-1), 0.1);
}
.article_body .article_warning .article_warning_icon {
  max-width: 44px;
  text-align: center;
  padding-top: 0.5em;
}
.article_body .article_warning .article_warning_icon i {
  color: rgb(var(--color-yellow));
  font-size: 1.5em;
}
.article_body .article_warning .article_warning_content {
  padding-left: 1em;
}
.article_body .article_warning .article_warning_title {
  font-weight: 700;
}
.article_body .article_warning .article_warning_message {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.8em;
}
.article_body .article_carousel {
  max-width: 500px;
  margin: 2em auto;
}
.article_body .article_carousel .img {
  background-size: contain!important;
  cursor: pointer;
}
.article_body .article_this_embed {
  padding: 1.5em;
  border-radius: 5px;
  border: 1px solid rgba(var(--neutral-grad-3), 0.2);
  box-shadow: 0 5px 7px -5px rgba(var(--color-shadow-base), 0.4);
  max-width: 640px;
  margin: 0 auto;
}
.article_body .article_link_custom {
  display: flex;
  overflow: hidden;
  margin: 3em auto;
  width: 56%;
}
.article_body .article_link_custom .article_link_custom_content {
  padding-left: 1em;
}
.article_body .article_link_custom .article_link_custom_image {
  max-width: 80px;
}
.article_body .article_link_custom .article_link_custom_image .img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: rgba(var(--neutral-grad-3), 0.5);
  opacity: 1;
}
.article_body .article_link_custom .article_link_custom_title {
  font-weight: 700;
}
.article_body .article_link_custom .article_link_custom_href,
.article_body .article_link_custom .article_link_custom_description {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.8em;
}
.article_body .article_link_custom .article_link_custom_href {
  margin-top: 0.5em;
  text-decoration: underline;
  word-break: break-all;
  color: rgba(var(--neutral-grad-3), 0.5);
}
.article_body .article_delimiter {
  display: flex;
  max-width: 90px;
  justify-content: space-between;
  margin: 4.5em auto;
  color: rgb(var(--neutral-grad-2));
}
.article_body .article_delimiter i {
  font-size: 1.2em;
}
.article_body .article_quote {
  max-width: 44%;
  margin: 3.5em auto;
  padding: 1em 0;
  text-align: center;
}
.article_body .article_quote .article_quote_text {
  text-align: center;
  font-size: 1.5em;
  font-weight: 400;
  position: relative;
}
.article_body .article_quote .article_quote_text:before {
  content: '❝';
  position: absolute;
  left: 0;
  top: -0.5em;
  font-size: 7em;
  opacity: 0.3;
  color: rgb(var(--neutral-grad-2));
  text-align: left;
  font-family: 'Times New Roman', Times, serif;
}
.article_body .article_quote .article_quote_text:after {
  content: '❞';
  position: absolute;
  right: 0;
  bottom: -1em;
  font-size: 7em;
  opacity: 0.3;
  color: rgb(var(--neutral-grad-2));
  text-align: right;
  font-family: 'Times New Roman', Times, serif;
}
.article_body .article_quote .article_quote_author {
  text-align: center;
  font-weight: 700;
  margin-top: 1em;
  padding-top: 1em;
  position: relative;
}
.article_body .article_quote .article_quote_author:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -1.5px;
  width: 100px;
  margin-left: -50px;
  height: 3px;
  border-radius: 1px;
  background: rgb(var(--neutral-grad-3));
}
.standartMobileCaption {
  display: flex;
  height: 66px;
  align-items: center;
  border-bottom: 1px solid rgb(var(--neutral-grad-1));
  background: rgb(var(--background-total-theme));
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  z-index: 1;
}
.standartMobileCaption .additionalWrapper,
.standartMobileCaption .backWrapper {
  width: 55px;
  text-align: center;
}
.standartMobileCaption .captinWrapper {
  flex-grow: 2;
  text-align: center;
}
.standartMobileCaption .captinWrapper span {
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .standartMobileCaption {
    display: flex;
  }
}
/* ==========================================================================
   Splash screen
   ========================================================================== */
#splashScreen {
  position: fixed;
  contain: strict;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #011621;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#splashScreen h1 {
  color: white;
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1em;
}
#splashScreen h1.fade-in {
  -webkit-animation: fade-in 0.3s ease-out both;
  animation: fade-in 0.3s ease-out both;
}
#splashScreen.fade-out {
  -webkit-animation: fade-out 0.2s ease-in both;
  animation: fade-out 0.2s ease-in both;
  background-color: #0098eb;
}
#splashScreen img {
  max-height: 55px;
  max-width: 55px;
  will-change: transform;
}
#splashScreen img.zoom-in {
  -webkit-animation: zoom-in 0.5s ease-out both;
  animation: zoom-in 0.5s ease-out both;
}
#splashScreen img.zoom-out {
  -webkit-animation: zoom-out 0.5s ease-in both;
  animation: zoom-out 0.5s ease-in both;
}
#splashScreen img.rotate {
  -webkit-animation: rotate 1s ease-in-out infinite both;
  animation: rotate 1s ease-in-out infinite both;
}
#splashScreen img.zoom-out-rotate {
  -webkit-animation: zoom-out-rotate 0.5s ease-in both;
  animation: zoom-out-rotate 0.5s ease-in both;
}
html.mobileview .plyr__volume {
  max-width: 32px;
}
html.mobileview .plyr__volume input {
  display: none;
}
html.mobileview #hideallnotificationsel .hidenf {
  position: fixed;
  top: calc(5px + var(--app-margin-top));
  left: 0.25em;
  right: 0.25em;
  bottom: auto;
  width: auto;
}
html.mobileview #hideallnotificationsel .hidenf:hover {
  opacity: 0.8;
}
html.mobileview #panelWrapper {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  padding-top: 0;
  z-index: 11;
}
html.mobileview .contentWrapper {
  padding-top: 65px;
}
html.mobileview.toppanelshowed .contentWrapper {
  padding-top: 120px;
}
html.mobileview #menu .menuWrapper {
  will-change: transform;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
html.mobileview #comments .captionfwrapper {
  will-change: transform;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
html.mobileview #panelWrapper {
  will-change: transform;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
html.mobileview #bnavigation {
  will-change: transform;
  -webkit-backface-visibility: hidden;
}
html.mobileview.scrollmodedown #menu .menuWrapper {
  transform: translateY(calc(-65px - var(--app-margin-top)));
}
html.mobileview.scrollmodedown #panelWrapper {
  transform: translateY(-165px);
}
html.mobileview.scrollmodedown #comments .captionfwrapper {
  transform: translateY(calc(-65px - var(--app-margin-top)));
}
html.mobileview.scrollmodedown #bnavigation .nmenu {
  transform: translateY(calc(var(--app-margin-bottom, 0) + 60px + 0.5em));
}
html.mobileview.scrollmodedown #bnavigation .fakem {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: calc(var(--app-margin-bottom, 0) + 60px);
}
html.mobileview #bnavigation .fakem {
  display: none;
}
html.mobileview.openapipnet .contentWrapper {
  padding-top: 0;
}
html.openapipnet .contentWrapper {
  padding-top: 0;
}
html.mobileview #panelWrapper {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  padding-top: 0;
  z-index: 11;
}
html.mobileview .contentWrapper {
  padding-top: 65px;
}
html.mobileview.toppanelshowed .contentWrapper {
  padding-top: 120px;
}
html.mobileview #menu .menuWrapper {
  will-change: transform;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
html.mobileview #panelWrapper {
  will-change: transform;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
html.mobileview #bnavigation {
  will-change: transform;
  -webkit-backface-visibility: hidden;
}
html.mobileview.scrollmodedown #menu .menuWrapper {
  transform: translateY(calc(-65px - var(--app-margin-top)));
}
html.mobileview.scrollmodedown #panelWrapper {
  transform: translateY(-165px);
}
html.mobileview.scrollmodedown #bnavigation .nmenu {
  transform: translateY(calc(var(--app-margin-bottom, 0) + 60px + 0.5em));
}
html.mobileview.scrollmodedown #bnavigation .fakem {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 70px;
}
html.mobileview #bnavigation .fakem {
  display: none;
}
/*t*/
@media only screen and (max-width: 768px) {
  #splashScreen {
    display: flex;
  }
  html.mobileview #content.optimized > div {
    display: none!important;
  }
  .menudialog .secondwrapper {
    padding-bottom: 4em;
    vertical-align: bottom;
  }
}
@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5, 5, 5);
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5, 5, 5);
    opacity: 0;
  }
}
@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes zoom-out-rotate {
  0% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0);
    transform: scale3d(1, 1, 1) rotate(0);
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    -webkit-transform: scale3d(5, 5, 5) rotate(310deg);
    transform: scale3d(5, 5, 5) rotate(310deg);
    opacity: 0;
  }
}
@keyframes zoom-out-rotate {
  0% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0);
    transform: scale3d(1, 1, 1) rotate(0);
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    -webkit-transform: scale3d(5, 5, 5) rotate(310deg);
    transform: scale3d(5, 5, 5) rotate(310deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/*
.electronapp{
    .rightchatspacer{
        margin-left: 44px;
    }

    .electronnav{
        position: fixed;
        left: 0;
        top : 0;
        bottom : 0;
        width : 44px;
        z-index: 999;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);  

        background: rgba(179,220,237,0);
        background: -moz-linear-gradient(top, rgba(179,220,237,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,0)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top, rgba(179,220,237,0) 0%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top, rgba(179,220,237,0) 0%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top, rgba(179,220,237,0) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(179,220,237,0) 0%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#ffffff', GradientType=0 );
    }
}*/
#miniappscnt {
  position: fixed;
  left: 0;
  width: 44px;
  bottom: 152px;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  overflow: hidden;
  z-index: 15;
}
@media only screen and (max-width: 1400px) {
  .rightchatspacer {
    margin-right: 33px;
    margin-left: 33px;
  }
}
@media only screen and (max-width: 768px) {
  .rightchatspacer {
    margin-right: 0;
    margin-left: 0;
  }
  #miniappscnt {
    display: none!important;
  }
}
@media only screen and (max-width: 1366px) {
  #content .work.adj {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1280px) {
  #content .work {
    width: 95%;
    margin-right: auto;
  }
}
html.mobileview .rightchatspacer {
  margin-right: 0;
  margin-left: 0;
}
html.mobileview #content .work {
  /*width: 100%;*/
}
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
html.television .tvfocusedzoom {
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
html.television .tvfocusedzoom:focus {
  outline: none;
  transform: scale(1.2);
}
html.television button,
html.television a,
html.television .tvfocusedopacity {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html.television button:focus,
html.television a:focus,
html.television .tvfocusedopacity:focus {
  outline: none;
  opacity: 0.5;
}
html.television #miniappscnt {
  display: none;
}
html.television .rightchatspacer {
  margin-left: 0!important;
  margin-right: 0.5em;
}
html.television #content .work.adj {
  width: 100%;
}
html.television .video-js {
  cursor: pointer!important;
}
html.television .video-js .vjs-picture-in-picture-control {
  display: none!important;
}
html.television .video-js .vjs-fullscreen-control {
  display: none!important;
}
html.television .video-js .vjs-mute-control {
  display: none!important;
}
html.television .video-js .vjs-volume-control {
  display: none!important;
}
html.television .video-js .vjs-icon-settings {
  display: none!important;
}
html.television .video-js .vjs-slider,
html.television .video-js .vjs-progress-control {
  pointer-events: none;
  cursor: default!important;
}
html.allcontentvideo #menu {
  display: none;
}
html.allcontentvideo #miniappscnt {
  display: none!important;
}
html.allcontentvideo #panelWrapper {
  padding: 0;
}
html.allcontentvideo .contentWrapper {
  margin-top: 0;
}
html.allcontentvideo .rightchatspacer {
  margin-left: 0;
  margin-right: 0;
}
html.allcontentvideo #content .work {
  width: 100%;
  max-width: none;
}
html.allcontentvideo #content .work.adj {
  padding: 0;
}
html.allcontentvideo .upbackbuttonwrapper {
  display: none!important;
}
html.allcontentvideo #main .lentacellsvi {
  padding-top: 0;
}
html.allcontent {
  /*body{
        background: #051b48;
    }*/
}
html.allcontent #footerWrapper {
  background: #051b28;
}
html.allcontent #panelWrapper {
  padding: 0;
}
html.allcontent .contentWrapper {
  margin-top: 0;
}
html.allcontent:not(.scroll65) #menu .menuspace {
  opacity: 1;
}
html.allcontent:not(.scroll65) #menu .menuWrapper {
  background: transparent;
  color: rgb(var(--text-on-bg-shadow-color));
}
html.allcontent:not(.scroll65) #menu .sections .items .item .icn svg {
  fill: rgb(var(--text-on-bg-shadow-color));
}
html.allcontent:not(.scroll65) #menu .onlyblackallcontent {
  display: block;
}
html.allcontent:not(.scroll65) #menu .noblackallcontent {
  display: none;
}
html.allcontent:not(.scroll65) #menu .postssearch .searchInput {
  background: rgba(var(--background-hidden-layer), 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
html.allcontent:not(.scroll65) #menu .postssearch input {
  color: rgb(var(--text-on-bg-shadow-color));
}
html.allcontent:not(.scroll65) #menu .postssearch :placeholder-shown {
  color: rgb(var(--text-on-bg-shadow-color));
}
html.allcontent:not(.scroll65) #menu .postssearch ::placeholder {
  color: rgba(var(--text-on-bg-shadow-color), 0.5);
}
html.allcontent:not(.scroll65) #menu .postssearch .searchIconLabel,
html.allcontent:not(.scroll65) #menu .postssearch .searchPanel {
  color: rgba(var(--text-on-bg-shadow-color), 0.5);
}
html.allcontent #menu .menuspace {
  opacity: 0;
  display: block;
}
html.mobileview.allcontent .contentWrapper {
  padding-top: 0;
}
/*t*/
@media only screen and (max-width: 768px) {
  button.medium {
    font-size: 1em;
  }
  .subscribedLabel i {
    display: none;
  }
  .workstation {
    display: none!important;
  }
  .mobiledevice {
    display: inherit!important;
  }
  .subscribebuttons > div button.subscribe i {
    margin-left: 0;
  }
  .subscribebuttons > div button.unsubscribe i {
    margin-left: 0;
  }
  .contentWrapper {
    padding-right: 0;
    padding-left: 0;
  }
  .contentWrapper #content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .contentWrapper #content .work {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .contentWrapper #content .up {
    bottom: 60px;
  }
  .contentWrapper #content .bgCaption .backWrapper {
    width: 60px;
  }
  .contentWrapper #content .bgCaption .caption {
    font-size: 1.9em;
    font-weight: 300;
    text-align: center;
  }
  .contentWrapper #content .bgCaption .work {
    height: 100%;
  }
  .contentWrapper #content .bgCaption .cwrapper {
    height: 100%;
  }
  .dialog {
    z-index: 1006;
  }
  .dialog .buttons {
    overflow: hidden;
  }
  .dialog .buttons > div {
    width: 100%;
    float: left;
    margin-right: 0;
    margin-top: 0.5em;
  }
  .dialog .buttons > div button {
    width: 100%;
  }
  .dialog.accepting {
    background: rgba(var(--color-shadow-base), 0.95);
  }
  .dialog.accepting.accepting2 .body .text {
    padding: 1em;
    text-align: left;
  }
  .dialog.accepting.accepting2 .buttons {
    max-width: none;
    width: 100%;
  }
  .dialog.accepting.accepting2 .buttons > div {
    width: 100%;
  }
  .fixedbtn {
    left: 10%;
    right: 10%;
  }
  .fixedbtn .all {
    padding-top: 0.2em !important;
  }
  .wnd {
    /*.wndcontent{
            top: 0;
            padding : 0;
            padding-top : 55px;
        }*/
  }
  .wnd .wndinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%!important;
    height: 100%!important;
    max-height: none;
  }
  .wnd.small .wndinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
  }
  .wnd.transparent .wndinner {
    background: rgb(var(--background-total-theme));
    border: 0;
  }
  .wnd.allscreen .wndcontent {
    overflow-y: auto;
  }
  .popupsignup .ppheader {
    text-align: center;
    font-size: 1em;
    font-weight: 100;
  }
  .popupsignup .body {
    margin: 0;
  }
  .popupsignup .buttons {
    width: 100%;
  }
  .popupsignup .buttons .btn1wr {
    width: 100%;
  }
  .popupsignup .buttons .btn2wr {
    width: 100%;
    margin-right: 0;
    text-align: right;
  }
  .popupsignup .buttons .btn2wr button {
    background: transparent;
    border: 0;
    color: rgb(var(--text-color));
    text-decoration: underline;
  }
  .popupsignup .buttons .btn2wr button:hover {
    color: rgb(var(--color-text-ac));
  }
  .popupsignup .buttons button {
    font-size: 1.1em;
    font-weight: 100;
  }
  html.allcontent {
    /*body{
            background: #051b48;
        }*/
  }
  html.allcontent #footerWrapper {
    display: none;
    background: #051b28;
  }
  html.allcontent.cameraenabled body {
    background: transparent;
  }
}
html.television.keyboadrshown .focusedinput,
html.mobileview.keyboadrshown .focusedinput {
  position: fixed!important;
  bottom: calc(var(--app-margin-bottom, 0) - 1px) !important;
  top: auto!important;
  left: 0!important;
  right: 0!important;
  max-height: 25vh!important;
}
html.television .dialog,
html.mobileview .dialog {
  padding-bottom: calc(var(--app-margin-bottom, 0) - 1px);
}
html.television .sitemessage,
html.mobileview .sitemessage {
  position: fixed;
  width: auto;
  left: 0.5em;
  right: 0.5em;
  bottom: 25px;
  padding: 2em;
  z-index: 20100;
  min-height: 50px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid rgb(var(--neutral-grad-1));
}
html.television .fastMessage,
html.mobileview .fastMessage {
  position: fixed;
  left: 0.25em;
  right: 0.25em;
  top: calc(0.5 * 0.5em + var(--app-margin-top));
  max-height: 135px;
  width: auto;
  min-width: 0;
  max-width: none;
  border-radius: 12px;
  bottom: auto;
  padding-right: 1em;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
html.television .fastMessage.willhidden,
html.mobileview .fastMessage.willhidden {
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
}
html.television .fastMessage .fmCnt,
html.mobileview .fastMessage .fmCnt {
  width: 100%;
  height: 100%;
  overflow: visible;
  text-overflow: ellipsis;
  padding-right: 1em;
}
html.television .fastMessage .close,
html.mobileview .fastMessage .close {
  padding: 1em;
}
html.television .fastMessage .time,
html.mobileview .fastMessage .time {
  display: none;
}
html.television .fastMessage .tips,
html.mobileview .fastMessage .tips {
  /*display: none; */
}
html.television .fastMessage .tips .additionalcontent,
html.mobileview .fastMessage .tips .additionalcontent {
  display: none;
}
html.television .fastMessage .cwrapper.table > div,
html.mobileview .fastMessage .cwrapper.table > div {
  vertical-align: middle;
}
html.television .fastMessage .commentmessagewrapper > div,
html.mobileview .fastMessage .commentmessagewrapper > div,
html.television .fastMessage .notification .commentmessagewrapper > div,
html.mobileview .fastMessage .notification .commentmessagewrapper > div {
  vertical-align: bottom;
}
html.television .fastMessage .subscribeWrapper > div.forsubscribe,
html.mobileview .fastMessage .subscribeWrapper > div.forsubscribe,
html.television .fastMessage .notification .subscribeWrapper > div.forsubscribe,
html.mobileview .fastMessage .notification .subscribeWrapper > div.forsubscribe {
  width: 80px;
  vertical-align: bottom;
}
html.television .fastMessage .foramount,
html.mobileview .fastMessage .foramount {
  width: auto!important;
}
html.television .fastMessage.smallsize,
html.mobileview .fastMessage.smallsize {
  padding-right: 2em;
}
html.television .fastMessage.smallsize .close,
html.mobileview .fastMessage.smallsize .close {
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
html.television .fastMessage .foranswer,
html.mobileview .fastMessage .foranswer,
html.television .notification .foranswer,
html.mobileview .notification .foranswer {
  display: none;
}
html.television .wnd.normalizedmobile .customscroll,
html.mobileview .wnd.normalizedmobile .customscroll {
  overscroll-behavior: none;
}
html.television .wnd.normalizedmobile:not(.hiddenState),
html.mobileview .wnd.normalizedmobile:not(.hiddenState) {
  contain: strict;
  /*.hideButton{
                display: none!important;
            }*/
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner {
  width: 100%;
  background: transparent!important;
  will-change: transform;
  box-shadow: none!important;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndback,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndback {
  backface-visibility: hidden;
  -moz-transition: 0s;
  -o-transition: 0s;
  -webkit-transition: 0s;
  transition: 0s;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .buttons,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .buttons {
  padding-bottom: 6em !important;
  position: relative;
  height: auto!important;
  border-radius: 0!important;
  padding-right: 0!important;
  max-width: 768px;
  margin: 0 auto;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .buttons .close,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .buttons .close {
  display: none!important;
}
html.television .wnd.normalizedmobile:not(.hiddenState) ._close,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) ._close {
  backdrop-filter: none!important;
  opacity: 0;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .closeline,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .closeline {
  top: 120px;
  height: 2px;
  background: rgba(var(--background-total-theme), 0.8);
  border-radius: 2px;
  width: 44%;
  left: 28%;
  opacity: 0;
  position: absolute;
  display: none;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner {
  max-height: none!important;
  top: auto!important;
  bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: auto!important;
  max-width: none!important;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  backface-visibility: hidden;
  will-change: transform;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndheader,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndheader {
  max-width: 768px;
  margin: 0 auto;
  position: sticky;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent {
  position: relative;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  backface-visibility: hidden;
  background: rgb(var(--background-total-theme));
  max-width: 768px;
  scroll-behavior: smooth;
  max-height: calc(var(--vh, 1vh) * 92);
  min-height: calc(var(--vh, 1vh) * 20);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  -moz-transition: padding-bottom 0.3s;
  -o-transition: padding-bottom 0.3s;
  -webkit-transition: padding-bottom 0.3s;
  transition: padding-bottom 0.3s;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent > div,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent > div {
  opacity: 0;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent::-webkit-scrollbar,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent::-webkit-scrollbar {
  width: 0;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent::-webkit-scrollbar,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner .wndcontent::-webkit-scrollbar {
  display: none!important;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner > div.buttons,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner > div.buttons {
  display: none;
}
html.television .wnd.normalizedmobile:not(.hiddenState) .wndinner > div.buttons > div,
html.mobileview .wnd.normalizedmobile:not(.hiddenState) .wndinner > div.buttons > div {
  max-width: 768px;
  margin: 0 auto;
}
html.television .wnd.normalizedmobile:not(.hiddenState).fromtop .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).fromtop .wndinner {
  top: 0!important;
  bottom: auto!important;
  border-radius: 0!important;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
}
html.television .wnd.normalizedmobile:not(.hiddenState).fromtop .wndinner .wndcontent,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).fromtop .wndinner .wndcontent {
  padding-top: 0;
  border-radius: 0;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  max-height: calc(var(--vh, 1vh) * 52);
  min-height: 0;
}
html.television .wnd.normalizedmobile:not(.hiddenState).fromtop .closeline,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).fromtop .closeline {
  top: auto;
  bottom: 120px;
}
html.television .wnd.normalizedmobile:not(.hiddenState).fromtop.sette .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).fromtop.sette .wndinner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html.television .wnd.normalizedmobile:not(.hiddenState).asette .wndback,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).asette .wndback {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html.television .wnd.normalizedmobile:not(.hiddenState).asette .closeline,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).asette .closeline {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html.television .wnd.normalizedmobile:not(.hiddenState).asette .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).asette .wndinner {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html.television .wnd.normalizedmobile:not(.hiddenState).sette .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).sette .wndinner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
html.television .wnd.normalizedmobile:not(.hiddenState).sette ._close,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).sette ._close,
html.television .wnd.normalizedmobile:not(.hiddenState).sette .closeline,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).sette .closeline,
html.television .wnd.normalizedmobile:not(.hiddenState).sette .wndback,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).sette .wndback {
  opacity: 1;
}
html.television .wnd.normalizedmobile:not(.hiddenState).showbetter.sette .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).showbetter.sette .wndinner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html.television .wnd.normalizedmobile:not(.hiddenState).showbetter .closeline,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).showbetter .closeline {
  opacity: 0;
}
html.television .wnd.normalizedmobile:not(.hiddenState).showbetter .roundclosebutton,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).showbetter .roundclosebutton {
  backdrop-filter: none;
}
html.television .wnd.normalizedmobile:not(.hiddenState).noheader .wndinner,
html.mobileview .wnd.normalizedmobile:not(.hiddenState).noheader .wndinner {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
html.television .wnd.normalizedmobile:not(.hiddenState):only-child .wndback,
html.mobileview .wnd.normalizedmobile:not(.hiddenState):only-child .wndback {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html.television .wnd.normalizedmobile:not(.hiddenState):only-child.asette .wndback,
html.mobileview .wnd.normalizedmobile:not(.hiddenState):only-child.asette .wndback {
  opacity: 0;
}
html.television .wnd.maxheight .wndinner .wndcontent,
html.mobileview .wnd.maxheight .wndinner .wndcontent {
  height: calc(var(--vh, 1vh) * 92);
}
html.mobileview.ios .wnd.maxheight .wndinner .wndcontent {
  height: 92vh;
}
html.mobileview .wnd.normalizedmobile.maxheight:not(.hiddenState) .wndinner .wndcontent {
  padding-bottom: 300px;
}
html.mobileview .keyboardsafe {
  -moz-transition: padding-bottom 0.3s;
  -o-transition: padding-bottom 0.3s;
  -webkit-transition: padding-bottom 0.3s;
  transition: padding-bottom 0.3s;
  padding-bottom: calc(var(--app-margin-bottom, 0) - 1px) !important;
}
html.mobileview .keyboardsafetranslate {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transform: translateY(calc(-1 * var(--app-margin-bottom, 0) + 1px));
}
html.pipmode .pipped {
  position: fixed!important;
  left: 0!important;
  right: 0!important;
  top: 0!important;
  bottom: 0!important;
  width: 100%!important;
  height: 100%!important;
  z-index: 10000!important;
  max-height: none!important;
  max-width: none!important;
  transform: none!important;
}
html.pipmode .wnd ._expand,
html.pipmode .wnd ._changeplace,
html.pipmode .wnd ._close,
html.pipmode .wnd .closeline {
  display: none!important;
}
html.pipmode .wnd .wndinner {
  -webkit-transform: none!important;
  transform: none!important;
}
html.pipmode #content,
html.pipmode .matrixchatwrapper {
  display: none;
}
.peertube-server-hint {
  z-index: 3;
  position: absolute;
  margin: 10px;
  padding: 5px 7px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 0.8em;
  background: #000000bb;
  color: #fff;
}
.peertube-server-hint i.fa {
  font-size: 0.8em;
  margin-top: 1px;
  margin-right: 5px;
}
.peertube-server-hint a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.topvideosWrapper .peertube-server-hint {
  bottom: 0;
  font-size: 0.6em;
}
#application.default-scroll {
  overflow-x: visible;
}
#application .emojionearea,
#application .emojionearea.form-control {
  background: rgb(var(--background-hidden-layer));
  color: rgb(var(--text-color));
  border: 1px solid rgb(var(--neutral-grad-2));
}
#application .emojionearea .emojionearea-editor,
#application .emojionearea.form-control .emojionearea-editor {
  color: rgb(var(--text-color));
}
#application .emojionearea :placeholder-shown,
#application .emojionearea.form-control :placeholder-shown {
  color: rgb(var(--neutral-grad-4));
}
#application .emojionearea .emojionearea-editor:empty:before {
  color: rgb(var(--neutral-grad-4));
}
#application .emojionearea.focused {
  box-shadow: none;
}
#application .embedEmojiPrivew,
#application .emojionearea .emojionearea-button > div.emojionearea-button-open {
  position: relative;
  background-image: none!important;
}
#application .embedEmojiPrivew:after,
#application .emojionearea .emojionearea-button > div.emojionearea-button-open:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-weight: 700;
  content: '\f118';
  text-align: center;
  line-height: 24px;
  font-family: "Font Awesome 5 Free";
}
#application .embedEmojiPrivew,
#application .emojionearea .emojionearea-button > div {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 15px;
}
#application .emojionearea .emojionearea-button > div.emojionearea-button-close {
  position: relative;
  background-image: none!important;
}
#application .emojionearea .emojionearea-button > div.emojionearea-button-close:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  content: '\f057';
}
#application .emojionearea .emojionearea-button {
  opacity: 1;
  color: rgb(var(--neutral-grad-2));
}
#application .emojionearea .emojionearea-button.active > div.emojionearea-button-close {
  -webkit-transform: translateY(-24px) rotate(0);
  transform: translateY(-24px) rotate(0);
}
#application .parameter {
  width: auto;
}
#application .parameter .picker select {
  height: auto;
}
#application .parameter > div {
  vertical-align: middle;
}
#application .parameter .pName {
  padding-right: 0.5em;
  width: 120px;
}
#application .parameter .pName .downloads {
  padding-bottom: 1em;
}
#application .parameter .pName .pNameW {
  font-size: 0.8em;
  line-height: 1.4em;
}
#application .parameter .pName .unit {
  font-weight: 700;
  color: rgb(var(--color-txt-ac));
}
#application .parameter .pName .require {
  color: rgb(var(--color-bad));
}
#application .parameter .pInput {
  position: relative;
  vertical-align: top;
}
#application .parameter .pInput .echo {
  padding: 0.5em;
  color: #ff6e84;
  font-weight: 700;
}
#application .parameter .pInput .vm_valuesmulti {
  padding-top: 0.25em;
}
#application .parameter .panel {
  vertical-align: top;
  padding-top: 1em;
  width: 20px;
}
#application .parameter .panel .clear {
  text-align: right;
  cursor: pointer;
  color: rgb(var(--neutral-grad-2));
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#application .parameter .panel .clear:hover {
  color: rgb(var(--color-txt-ac));
}
#application .parameter select,
#application .parameter textarea,
#application .parameter input {
  width: 100%;
  padding: 0 0.5em;
  border-radius: 6px;
}
#application .parameter select.error,
#application .parameter textarea.error,
#application .parameter input.error {
  border: 1px solid rgb(var(--color-bad));
}
#application .parameter select,
#application .parameter input {
  line-height: 3em;
}
#application .parameter textarea {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
#application .parameter .error select,
#application .parameter .error textarea,
#application .parameter .error input {
  border: 1px solid rgb(var(--color-bad));
}
#application .parameter select {
  height: 3em;
  padding-right: 25px;
  width: auto;
}
#application .parameter .vc_valuecustom {
  width: 100%;
  height: 3em;
}
#application .parameter .vc_valuecustom .vc_textInput,
#application .parameter .vc_valuecustom_multibig .vc_textInput {
  background: rgb(var(--background-hidden-layer));
}
#application .parameter .vmt_valuesmultitree,
#application .parameter .vm_value {
  padding: 0;
}
#application .parameter .vmt_valuesmultitree .checkbox + label:before,
#application .parameter .vm_value .checkbox + label:before {
  font-size: 1.6em;
  line-height: 19px;
}
.fadeTr-enter-active {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.fadeTr-leave-active {
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.fadeTr-enter,
.fadeTr-leave-to {
  opacity: 0;
}
.slide-enter-active,
.slide-leave-active {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.slide-enter,
.slide-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
.dg-backdrop-enter-active {
  -webkit-animation: dg-fadeIn 0.3s;
  animation: dg-fadeIn 0.3s;
}
.dg-backdrop-leave-active {
  -webkit-animation: dg-fadeOut 0.5s;
  animation: dg-fadeOut 0.5s;
}
.dg-fade-enter-active {
  -webkit-animation: dg-fadeIn 0.6s cubic-bezier(0, 0, 0.58, 1);
  animation: dg-fadeIn 0.6s cubic-bezier(0, 0, 0.58, 1);
}
.dg-fade-leave-active {
  -webkit-animation: dg-fadeOut 0.6s cubic-bezier(0, 0, 0.58, 1);
  animation: dg-fadeOut 0.6s cubic-bezier(0, 0, 0.58, 1);
}
@-webkit-keyframes dg-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dg-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes dg-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dg-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dg-zoom-enter-active {
  -webkit-animation: dg-zoomIn 0.3s cubic-bezier(0, 0, 0.58, 1);
  animation: dg-zoomIn 0.3s cubic-bezier(0, 0, 0.58, 1);
}
.dg-zoom-leave-active {
  -webkit-animation: dg-zoomOut 0.4s cubic-bezier(0, 0, 0.58, 1);
  animation: dg-zoomOut 0.4s cubic-bezier(0, 0, 0.58, 1);
}
@-webkit-keyframes dg-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes dg-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes dg-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes dg-zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.dg-bounce-enter-active {
  -webkit-animation: dg-bounceIn 0.6s;
  animation: dg-bounceIn 0.6s;
}
.dg-bounce-leave-active {
  -webkit-animation: dg-zoomOut 0.6s;
  animation: dg-zoomOut 0.6s;
}
@-webkit-keyframes dg-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  60% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dg-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  60% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dg-bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes dg-bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.dg-btn-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
}
.dg-btn-loader .dg-circles {
  width: 100%;
  display: block;
  text-align: center;
}
.dg-btn-loader .dg-circle {
  width: 0.9em;
  height: 0.9em;
  opacity: 0;
  background-color: #09a2e3;
  display: inline-block;
  border-radius: 50%;
  -webkit-animation-name: dg-circle-oscillation;
  animation-name: dg-circle-oscillation;
  -webkit-animation-duration: 0.5875s;
  animation-duration: 0.5875s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.dg-btn-loader .dg-circle:not(:last-child) {
  margin-right: 8px;
}
.dg-btn-loader .dg-circle:nth-child(1) {
  -webkit-animation-delay: 0.1195s;
  animation-delay: 0.1195s;
}
.dg-btn-loader .dg-circle:nth-child(2) {
  -webkit-animation-delay: 0.2755s;
  animation-delay: 0.2755s;
}
.dg-btn-loader .dg-circle:nth-child(3) {
  -webkit-animation-delay: 0.3485s;
  animation-delay: 0.3485s;
}
@-webkit-keyframes dg-circle-oscillation {
  50% {
    opacity: 1;
  }
}
@keyframes dg-circle-oscillation {
  50% {
    opacity: 1;
  }
}
body.dg-open {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dg-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dg-container [disabled] {
  cursor: not-allowed;
  opacity: 0.3;
}
.dg-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.dg-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
}
.dg-content-cont {
  width: 100%;
  font-family: inherit;
}
.dg-main-content {
  width: 98%;
  max-width: 400px;
  padding: 15px;
  border-radius: 5px;
  margin: 25px auto;
  background-color: #ffffff;
}
.dg-content {
  font-size: 16px;
  line-height: 1.3em;
}
.dg-title {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
}
.dg-content-body {
  border-bottom: 2px solid #E1E6EA;
  padding-bottom: 15px;
}
.dg-content-footer {
  position: relative;
  padding: 15px 0 0;
}
.dg-form {
  background-color: ghostwhite;
  padding: 10px;
  margin-bottom: -15px;
}
.dg-content-cont--floating {
  position: absolute;
  top: 35%;
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
  margin-top: 0;
}
@media all and (max-height: 700px) {
  .dg-content-cont--floating {
    position: relative;
    top: 10%;
    -webkit-transform: none;
    transform: none;
    margin-top: 0;
  }
}
.dg-btn {
  display: inline-block;
  position: relative;
  min-width: 80px;
  padding: 6px 20px;
  border-radius: 4px;
  outline: 0;
  border: 2px solid transparent;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-weight: 700;
}
.dg-btn:focus,
.dg-btn:active,
.dg-btn:link {
  outline: none;
}
.dg-btn::-moz-focus-inner {
  border: 0;
}
.dg-btn--cancel {
  color: #fefefe;
  background-color: #0096D9;
}
.dg-btn--ok {
  color: #0096D9;
  background-color: #fefefe;
  border-color: #0096D9;
}
.dg-pull-right {
  float: right;
}
.dg-btn.dg-btn--loading .dg-btn-content {
  visibility: hidden;
}
.dg-clear:before {
  content: ' ';
  display: block;
  clear: both;
}
.dg-content-body--has-title .dg-content {
  font-size: 14px;
}
.dg-container--has-input .dg-main-content {
  max-width: 450px;
}
.dg-container--has-input .dg-content {
  margin-bottom: 15px;
}
.dg-container--has-input .dg-content-body {
  border-bottom: none;
}
.dg-container--has-input .dg-form {
  border: 1px solid #E1E6EA;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dg-container--has-input .dg-content-footer {
  background-color: ghostwhite;
  border: 1px solid #E1E6EA;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 10px 10px;
}
.dg-container .dg-highlight-1 {
  color: #FF8C00;
  font-weight: bold;
  border-bottom: 1px solid #2ba5ff;
}
.dg-container .dg-highlight-2 {
  color: #2ba5ff;
  font-weight: bold;
  border-bottom: 1px solid #FF8C00;
}
.dg-container {
  font-family: 'Segoe UI Variable', 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dg-container .dg-main-content {
  padding: 1.5em;
}
.dg-container .dg-main-content {
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #0a0c17;
}
.dg-container .dg-content-footer {
  overflow: hidden;
}
.dg-container .dg-content-footer button {
  margin-left: 0.5em;
  display: block;
  float: right;
  font-size: 1em;
  font-weight: 400;
  color: #00a4ff;
  background: transparent;
  border: 1px solid transparent;
}
.dg-container .dg-content-footer button.dg-pull-right {
  border: 1px solid #00a4ff;
  background: #00a4ff;
  color: #fff;
}
.dg-container .dg-content-body {
  border: 0;
  padding-bottom: 0;
}
.dg-container .dg-content-body .dg-content {
  font-size: 2em;
  font-weight: 100;
}
.scroll-lock {
  overflow-y: hidden !important;
}
/*t*/
@media only screen and (max-width: 374px) {
  .brighteonVideoIframe {
    aspect-ratio: 1.44;
  }
}
div#bc-root.pipped {
  position: fixed;
  left: 0!important;
  top: 0!important;
  bottom: 0!important;
  right: 0!important;
  border: 0!important;
}
div#bc-root.pipped .bc-video-container {
  max-width: none!important;
}
.onlylight {
  color-scheme: only light;
}