.error {
  background-color: #535353;
  color: #d9d9d9;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
}
.error .error__section {
  padding: 0.5em;
}
.error .error__section.error__section_darker {
  background-color: rgba(255, 101, 101, 0.7);
  color: #000000;
}
.error .error__section.error__section_dark {
  background-color: rgba(255, 187, 187, 0.5);
  color: #ffffff;
}
.error .error__heading {
  margin: 0;
}
.error .error__subheading {
  margin: 0;
}
.error .error__stacktrace {
  font-size: 0.75em;
}

/*
  | View composers
  |----------------
 */
.layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.layer:not(.layer_main) {
  pointer-events: none;
}
.layer:not(.layer_main) > .nest > * {
  pointer-events: auto;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.mdl-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
.mdl {
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 0) {
  .mdl_sz_sm {
    width: 280px;
  }
}
@media (min-width: 576px) {
  .mdl_sz_sm {
    width: 320px;
  }
}
@media (min-width: 0) {
  .mdl_sz_md {
    width: 320px;
  }
}
@media (min-width: 576px) {
  .mdl_sz_md {
    width: 410px;
  }
}
@media (min-width: 768px) {
  .mdl_sz_md {
    width: 540px;
  }
}
@media (min-width: 992px) {
  .mdl_sz_md {
    width: 620px;
  }
}
@media (min-width: 0) {
  .mdl_sz_lg {
    width: 360px;
  }
}
@media (min-width: 576px) {
  .mdl_sz_lg {
    width: 510px;
  }
}
@media (min-width: 768px) {
  .mdl_sz_lg {
    width: 620px;
  }
}
@media (min-width: 992px) {
  .mdl_sz_lg {
    width: 780px;
  }
}
@media (min-width: 1200px) {
  .mdl_sz_lg {
    width: 920px;
  }
}
.mdl-dlg {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--color-light);
  border-radius: 0.375em;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.mdl-dlg_centered {
  text-align: center;
}
.mdl-dlg__header {
  display: flex;
  justify-content: space-between;
  height: 1.5em;
  padding: 0.125em 0.375em;
  background-color: var(--color-light-emph);
  color: var(--color-typo-dark);
  font-size: 1em;
}
.mdl-dlg__body {
  height: 100%;
  padding: 0.5em 0.5em;
  color: var(--color-typo-dark);
  font-size: 1.25em;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.mdl-dlg__footer {
  padding: 5px 5px;
  background-color: var(--color-light-emph);
  color: var(--color-typo-dark);
}
.mdl-dlg__hint {
  height: 15px;
  padding: 0 5px;
  background-color: var(--color-light-emph);
  color: var(--color-typo-dark);
  font-size: 0.75em;
}
.mdl-dlg__heading {
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
.mdl-dlg__buttons {
  height: 1em;
  width: 1.5em;
  margin: 0.3em 0.125em 0.3em 0.75em;
}
.mdl-headline {
  display: flex;
  flex-direction: column;
}
.mdl-headline__icon {
  display: flex;
  justify-content: center;
  margin: 1em;
}
.mdl-headline__title {
  font-size: 2em;
  font-weight: bold;
}
.mdl-btn-close {
  cursor: pointer;
  width: 0.75em;
  height: 0.75em;
  background-color: darkred;
  border-radius: 0.75em;
  float: right;
}
.mdl,
.mdl-overlay {
  transition: opacity 0.2s cubic-bezier(0.66, 0.11, 0.23, 0.9);
  opacity: 0;
}
.mdl .mdl-dlg,
.mdl-overlay .mdl-dlg {
  transition: transform 0.2s cubic-bezier(0.66, 0.11, 0.23, 0.9);
  transform: scale(0.8);
}
.mdl-enter {
  opacity: 0;
}
.mdl-enter .mdl-dlg {
  transform: scale(0.8);
}
.mdl-enter-active,
.mdl-enter-done {
  opacity: 1;
}
.mdl-enter-active .mdl-dlg,
.mdl-enter-done .mdl-dlg {
  transform: scale(1);
}
.mdl-exit {
  opacity: 1;
}
.mdl-exit .mdl-dlg {
  transform: scale(1);
}
.mdl-exit-active,
.mdl-exit-done {
  opacity: 0;
}
.mdl-exit-active .mdl-dlg,
.mdl-exit-done .mdl-dlg {
  transform: scale(0.8);
}

.icon-headline-success {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #A5DC86;
  box-sizing: content-box;
  padding: 0;
  position: relative;
}
.icon-headline-success:after,
.icon-headline-success:before {
  content: '';
  height: 120px;
  position: absolute;
  transform: rotate(45deg);
  width: 60px;
}
.icon-headline-success:before {
  border-radius: 40px 0 0 40px;
  width: 26px;
  height: 80px;
  top: -17px;
  left: 5px;
  transform-origin: 60px 60px;
  transform: rotate(-45deg);
}
.icon-headline-success:after {
  border-radius: 0 120px 120px 0;
  left: 30px;
  top: -11px;
  transform-origin: 0 60px;
  transform: rotate(-45deg);
  animation: rotatePlaceholder 4.25s ease-in;
}
.icon-headline-success__placeholder {
  border-radius: 50%;
  border: 4px solid rgba(165, 220, 134, 0.25);
  box-sizing: content-box;
  height: 80px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 80px;
  z-index: 2;
}
.icon-headline-success__fix {
  background-color: #fff;
  height: 90px;
  left: 28px;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 5px;
  z-index: 1;
}
.icon-headline-success__tip,
.icon-headline-success__long {
  background-color: #A5DC86;
  border-radius: 2px;
  height: 5px;
  position: absolute;
  z-index: 2;
}
.icon-headline-success__tip {
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
  width: 25px;
  animation: animateSuccessTip 0.75s;
}
.icon-headline-success__long {
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
  width: 47px;
  animation: animateSuccessLong 0.75s;
}
@keyframes animateSuccessTip {
  0%,
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessLong {
  0%,
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes rotatePlaceholder {
  0%,
  5% {
    transform: rotate(-45deg);
  }
  100%,
  12% {
    transform: rotate(-405deg);
  }
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.timer {
  background-color: #7f8c8d;
  width: 0;
}
.timer_animated {
  animation: timer-fill linear;
}
.timer_primary {
  background-color: #105298;
}
.timer_secondary {
  background-color: #6c5ce7;
}
.timer_success {
  background-color: #498430;
}
.timer_warning {
  background-color: #f0932b;
}
.timer_danger {
  background-color: #c0392b;
}
.timer_light {
  background-color: #34495e;
}
.timer_dark {
  background-color: #2c3e50;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.toast {
  background-color: #95a5a6;
  margin: 1em;
  width: 300px;
  border-radius: 0.25em;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 200ms cubic-bezier(0.66, 0.11, 0.23, 0.9), height 200ms cubic-bezier(0.66, 0.11, 0.23, 0.9), margin 200ms cubic-bezier(0.66, 0.11, 0.23, 0.9);
}
.toast__section {
  padding: 0.5em;
  display: flex;
  justify-content: space-between;
}
.toast__timer {
  height: 5px;
}
.toast__title {
  font-weight: 700;
}
.toast__close {
  cursor: pointer;
}
.toast_hidden {
  opacity: 0;
}
.toast_collapsed {
  height: 0;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
.toast_primary {
  background-color: #105298;
}
.toast_secondary {
  background-color: #6c5ce7;
}
.toast_success {
  background-color: #498430;
}
.toast_warning {
  background-color: #f0932b;
}
.toast_danger {
  background-color: #c0392b;
}
.toast_light {
  background-color: rgba(255, 255, 255, 0.65);
}
.toast_dark {
  background-color: #2c3e50;
}
.toast__section_darker {
  background-color: #95a5a6;
}
.toast_primary .toast__section_darker {
  background-color: #3a9cff;
}
.toast_secondary .toast__section_darker {
  background-color: #a29bfe;
}
.toast_success .toast__section_darker {
  background-color: #69a742;
}
.toast_warning .toast__section_darker {
  background-color: #ffbe76;
}
.toast_danger .toast__section_darker {
  background-color: #e74c3c;
}
.toast_light .toast__section_darker {
  background-color: #34495e;
}
.toast_dark .toast__section_darker {
  background-color: #34495e;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.btn {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1em;
  border-radius: 0.125em;
  cursor: pointer;
  user-select: none;
  text-align: center;
  transition: color 0.5s, background-color 0.5s, transform ease-in-out 0.5s;
}
.btn:active,
.btn.btn-active {
  transform: scale(0.95);
}
.btn.btn_sm {
  font-size: 0.725rem;
}
.btn.btn_circular {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  line-height: 1em;
  padding: 0.75em;
  margin: 0;
}
.btn.btn_default {
  background-color: #95a5a6;
  color: white;
}
.btn.btn_default:hover {
  background-color: #7f8c8d;
}
.btn.btn_primary {
  background-color: #3a9cff;
  color: white;
}
.btn.btn_primary:hover {
  background-color: #105298;
}
.btn.btn_inv.btn_primary {
  background-color: white;
  color: #3a9cff;
}
.btn.btn_success {
  background-color: #69a742;
  color: white;
}
.btn.btn_success:hover {
  background-color: #498430;
}
.btn.btn_warning {
  background-color: #ffbe76;
  color: black;
}
.btn.btn_warning:hover {
  background-color: #f0932b;
}
.btn.btn_danger {
  background-color: #e74c3c;
  color: white;
}
.btn.btn_danger:hover {
  background-color: #c0392b;
}
.btn.btn_disabled {
  background-color: #cecece;
  color: #a7a7a7;
  cursor: not-allowed;
  pointer-events: none;
}
.btn.btn_contoured {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-radius: 0.25em;
}
.btn-bar {
  display: inline-block;
}
.btn-bar.btn-bar_right {
  float: right;
}
.btn-bar > .btn {
  margin: 5px;
}

/**
 | An element that allows you to place absolute-positioned contents in any place of the page
 | inside a nest, without blocking any underlying element and also without getting out of bounds.
 |
 | It is compatible with layer-nest system used here to manage page layouts.
 */
.cornfield {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.layer > div.nest > .cornfield {
  pointer-events: none;
}
div.layer > div.nest > .cornfield > * {
  pointer-events: all;
}

.toaster {
  position: absolute;
}
.toaster_bottom-right {
  bottom: 0;
  right: 0;
}
.toaster_bottom-left {
  bottom: 0;
  left: 0;
}
.toaster_top-right {
  top: 0;
  right: 0;
}
.toaster_top-left {
  top: 0;
  left: 0;
}

@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
/*
  | Layout
  |----------------
  |
  |
  |
 */
.layout {
  background: var(--color-light);
}
.layout-overlay {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.root {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
}
.pane {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.pane.pane-h {
  flex-direction: column;
}
.pane.pane-v {
  flex-direction: row;
}
.pane.pane_noselect {
  user-select: none;
}
.cover {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #b9b9fa;
  transition: opacity 100ms linear;
  opacity: 0;
}
.cover.cover_enabled {
  opacity: 1;
}
.cover .cover__block {
  flex-direction: column;
  text-align: center;
}
.cover .cover__img {
  width: 100px;
}
.handler {
  padding: 0;
  flex: 0 0 auto;
}
.handler::before {
  content: '';
  display: block;
  background: #95a5a6;
}
.handler.handler-h {
  height: 30px;
  cursor: ew-resize;
  margin: auto 0;
}
.handler.handler-h::before {
  width: 6px;
  height: 100%;
}
.handler.handler-v {
  width: 30px;
  cursor: ns-resize;
  margin: 0 auto;
}
.handler.handler-v::before {
  width: 100%;
  height: 6px;
}
.frame {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.frame.frame_covered {
  display: none;
}
.tab-display {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tab .tab__btn {
  float: right;
}
.tab__btn {
  position: relative;
}
ul.ddmenu {
  display: table;
  position: absolute;
  list-style-type: none;
  top: 0;
  left: 0;
  pointer-events: all;
}
ul.ddmenu li {
  cursor: pointer;
  white-space: nowrap;
}
.tab-content {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pane.pane_youngest {
  border: 1px solid #cddbdb;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  border-radius: 6px;
  margin: 4px;
}
.pane.pane_animated.pane-h {
  transition: opacity 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), width 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), min-width 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), max-width 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), flex-basis 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9);
}
.pane.pane_animated.pane-h.panefade-enter {
  opacity: 0;
}
.pane.pane_animated.pane-h.panefade-enter-active {
  opacity: 1;
}
.pane.pane_animated.pane-h.panefade-exit {
  opacity: 1;
}
.pane.pane_animated.pane-h.panefade-exit-active {
  opacity: 0;
}
.pane.pane_animated.pane-h.pane-enter:not(.pane-enter-active):not(.pane-sizemin):not(.pane-sizemax),
.pane.pane_animated.pane-h.pane-exit:not(.pane-sizemin):not(.pane-sizemax) {
  flex-basis: 0 !important;
}
.pane.pane_animated.pane-h.pane-enter:not(.pane-enter-active).pane-sizemin,
.pane.pane_animated.pane-h.pane-exit.pane-sizemin {
  min-width: 0 !important;
}
.pane.pane_animated.pane-h.pane-enter:not(.pane-enter-active).pane-sizemax,
.pane.pane_animated.pane-h.pane-exit.pane-sizemax {
  max-width: 0 !important;
}
.pane.pane_animated.pane-v {
  transition: opacity 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), height 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), min-height 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9), max-height 0.6s cubic-bezier(0.66, 0.11, 0.23, 0.9);
}
.pane.pane_animated.pane-v.pane-enter:not(.pane-enter-active),
.pane.pane_animated.pane-v.pane-exit {
  opacity: 0;
}
.pane.pane_animated.pane-v.pane-enter:not(.pane-enter-active):not(.pane-sizemin):not(.pane-sizemax),
.pane.pane_animated.pane-v.pane-exit:not(.pane-sizemin):not(.pane-sizemax) {
  height: 0 !important;
}
.pane.pane_animated.pane-v.pane-enter:not(.pane-enter-active).pane-sizemin,
.pane.pane_animated.pane-v.pane-exit.pane-sizemin {
  min-height: 0 !important;
}
.pane.pane_animated.pane-v.pane-enter:not(.pane-enter-active).pane-sizemax,
.pane.pane_animated.pane-v.pane-exit.pane-sizemax {
  max-height: 0 !important;
}
.handler {
  z-index: 1;
  transition: transform ease-out 200ms;
}
.handler::before {
  border-radius: 4px;
}
.handler:hover.handler-v {
  transform: scaleY(1.5);
}
.handler:hover.handler-h {
  transform: scaleX(1.5);
}
.tab-list {
  border-bottom: solid 1px;
}
li.tab {
  display: inline-block;
  padding: 5px 10px;
  list-style-type: none;
  border-right: solid 1px;
  background-color: lightslategrey;
}
li.tab:hover {
  cursor: pointer;
}
li.tab.tab_active {
  background-color: lightgray;
}
li.tab.tab_single {
  width: 100%;
  text-align: center;
  padding: 0;
}
.tab__btn {
  position: relative;
  padding: 0 5px;
}
.tab__btn::before {
  content: '=';
}
.tab__btn.tab__btn_active {
  background: #9c9cff;
}
ul.ddmenu {
  background: lightgrey;
  margin: 0;
  padding: 0;
  border: solid 1px;
}
ul.ddmenu li {
  padding: 0 5px;
}
ul.ddmenu li:hover {
  background-color: #9c9cff;
}

[data-theme="light"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #c4c4c4;
  --bb-color-bg-primary: #ffffff;
  --bb-color-fill-primary: #f9f9f9;
  --bb-color-fill-dark: #727272;
  --bb-color-stroke-primary: #c9c9c9;
  --bb-color-text-primary: #000000;
  --bb-color-plate-bezel-fill: #f9f9f9;
  --bb-color-plate-bezel-stroke: #f0eddb;
  --bb-color-plate-bezel-static-stroke: #808080;
  --bb-color-plate-fill: #000000;
  --bb-color-plate-fill-inv: #f9f9f9;
  --bb-color-plate-stroke-inv: #f9f9f9;
  --bb-color-plate-stroke: #000000;
  --bb-menu-bg-primary: #ffffff;
  --bb-menu-bg-accent: #e0ffef;
  --bb-menu-bg-inactive: #beffe3;
  --bb-menu-bg-disabled: #ffffff;
  --bb-menu-bg-shortcut: #d1d1d1;
  --bb-menu-bg-shortcut-inactive: #dcfff0;
  --bb-menu-fg: #000000;
}
[data-theme="dark"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #d7d7d7;
  --bb-color-bg-primary: #1c1c1c;
  --bb-color-fill-primary: #3f3f3f;
  --bb-color-fill-dark: #f9f9f9;
  --bb-color-stroke-primary: #e7e7e7;
  --bb-color-text-primary: #ffffff;
  --bb-color-plate-bezel-fill: #000000;
  --bb-color-plate-bezel-stroke: #f8f6f1;
  --bb-color-plate-bezel-static-stroke: #ffffff;
  --bb-color-plate-fill: #f9f9f9;
  --bb-color-plate-fill-inv: #000000;
  --bb-color-plate-stroke-inv: #000000;
  --bb-color-plate-stroke: #f9f9f9;
  --bb-menu-bg-primary: #1b1b1b;
  --bb-menu-bg-accent: #937b01;
  --bb-menu-bg-inactive: #bd9d00;
  --bb-menu-bg-disabled: #1b1b1b;
  --bb-menu-bg-shortcut: #414040;
  --bb-menu-bg-shortcut-inactive: #857000;
  --bb-menu-fg: #ffffff;
}
.bb-layer-background .bb-bg-rect {
  fill: var(--bb-color-fill-primary);
  stroke: var(--bb-color-stroke-primary);
  stroke-width: 4;
}
.bb-layer-background .bb-bg-default {
  fill: var(--bb-color-text-primary);
  font-family: 'IBM Plex Mono', monospace;
  dominant-baseline: middle;
  text-anchor: middle;
}
.bb-layer-background .bb-flower {
  fill: var(--bb-color-logo-primary);
}

[data-theme="light"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #c4c4c4;
  --bb-color-bg-primary: #ffffff;
  --bb-color-fill-primary: #f9f9f9;
  --bb-color-fill-dark: #727272;
  --bb-color-stroke-primary: #c9c9c9;
  --bb-color-text-primary: #000000;
  --bb-color-plate-bezel-fill: #f9f9f9;
  --bb-color-plate-bezel-stroke: #f0eddb;
  --bb-color-plate-bezel-static-stroke: #808080;
  --bb-color-plate-fill: #000000;
  --bb-color-plate-fill-inv: #f9f9f9;
  --bb-color-plate-stroke-inv: #f9f9f9;
  --bb-color-plate-stroke: #000000;
  --bb-menu-bg-primary: #ffffff;
  --bb-menu-bg-accent: #e0ffef;
  --bb-menu-bg-inactive: #beffe3;
  --bb-menu-bg-disabled: #ffffff;
  --bb-menu-bg-shortcut: #d1d1d1;
  --bb-menu-bg-shortcut-inactive: #dcfff0;
  --bb-menu-fg: #000000;
}
[data-theme="dark"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #d7d7d7;
  --bb-color-bg-primary: #1c1c1c;
  --bb-color-fill-primary: #3f3f3f;
  --bb-color-fill-dark: #f9f9f9;
  --bb-color-stroke-primary: #e7e7e7;
  --bb-color-text-primary: #ffffff;
  --bb-color-plate-bezel-fill: #000000;
  --bb-color-plate-bezel-stroke: #f8f6f1;
  --bb-color-plate-bezel-static-stroke: #ffffff;
  --bb-color-plate-fill: #f9f9f9;
  --bb-color-plate-fill-inv: #000000;
  --bb-color-plate-stroke-inv: #000000;
  --bb-color-plate-stroke: #f9f9f9;
  --bb-menu-bg-primary: #1b1b1b;
  --bb-menu-bg-accent: #937b01;
  --bb-menu-bg-inactive: #bd9d00;
  --bb-menu-bg-disabled: #1b1b1b;
  --bb-menu-bg-shortcut: #414040;
  --bb-menu-bg-shortcut-inactive: #857000;
  --bb-menu-fg: #ffffff;
}
.bb-layer-controls .bb-controls-rect {
  fill: var(--bb-color-fill-primary);
  stroke: var(--bb-color-text-primary);
  stroke-width: 1px;
}
.bb-layer-controls .bb-controls-rect-active {
  fill: var(--bb-menu-bg-accent);
  stroke: var(--bb-color-text-primary);
  stroke-width: 1px;
}
.bb-layer-controls .bb-controls-caption {
  font-family: 'IBM Plex Mono', 'Lucida Console', Monaco, monospace;
  font-weight: normal;
  font-size: 16px;
  fill: var(--bb-color-text-primary);
}
.bb-layer-controls .bb-controls-caption-centered {
  text-anchor: middle;
  dominant-baseline: middle;
}

[data-theme="light"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #c4c4c4;
  --bb-color-bg-primary: #ffffff;
  --bb-color-fill-primary: #f9f9f9;
  --bb-color-fill-dark: #727272;
  --bb-color-stroke-primary: #c9c9c9;
  --bb-color-text-primary: #000000;
  --bb-color-plate-bezel-fill: #f9f9f9;
  --bb-color-plate-bezel-stroke: #f0eddb;
  --bb-color-plate-bezel-static-stroke: #808080;
  --bb-color-plate-fill: #000000;
  --bb-color-plate-fill-inv: #f9f9f9;
  --bb-color-plate-stroke-inv: #f9f9f9;
  --bb-color-plate-stroke: #000000;
  --bb-menu-bg-primary: #ffffff;
  --bb-menu-bg-accent: #e0ffef;
  --bb-menu-bg-inactive: #beffe3;
  --bb-menu-bg-disabled: #ffffff;
  --bb-menu-bg-shortcut: #d1d1d1;
  --bb-menu-bg-shortcut-inactive: #dcfff0;
  --bb-menu-fg: #000000;
}
[data-theme="dark"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #d7d7d7;
  --bb-color-bg-primary: #1c1c1c;
  --bb-color-fill-primary: #3f3f3f;
  --bb-color-fill-dark: #f9f9f9;
  --bb-color-stroke-primary: #e7e7e7;
  --bb-color-text-primary: #ffffff;
  --bb-color-plate-bezel-fill: #000000;
  --bb-color-plate-bezel-stroke: #f8f6f1;
  --bb-color-plate-bezel-static-stroke: #ffffff;
  --bb-color-plate-fill: #f9f9f9;
  --bb-color-plate-fill-inv: #000000;
  --bb-color-plate-stroke-inv: #000000;
  --bb-color-plate-stroke: #f9f9f9;
  --bb-menu-bg-primary: #1b1b1b;
  --bb-menu-bg-accent: #937b01;
  --bb-menu-bg-inactive: #bd9d00;
  --bb-menu-bg-disabled: #1b1b1b;
  --bb-menu-bg-shortcut: #414040;
  --bb-menu-bg-shortcut-inactive: #857000;
  --bb-menu-fg: #ffffff;
}
.bb-layer-label .bb-label {
  fill: var(--bb-color-text-primary);
}

.bb-layer-menu {
  display: block;
  position: absolute;
  top: 0;
  /* this allows MenuLayer to know board's bounding box */
  width: 100%;
  height: 100%;
  /* layer is stretched out along the board but it shouldn't catch user events prior to underlying layers */
  pointer-events: none;
}
.bb-layer-menu > * {
  /* we need to make this exception because we also want to handle user events on its contents */
  pointer-events: all;
}
.bb-menu {
  background: var(--bb-menu-bg-primary);
  color: var(--bb-menu-fg);
  position: absolute;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  border-radius: 4px;
  overflow: hidden;
}
.bb-menu-item {
  padding: 4px;
  cursor: pointer;
  white-space: pre;
  display: flex;
}
.bb-menu-item-text {
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 2px;
  line-height: 1em;
}
.bb-menu-item:hover {
  background: var(--bb-menu-bg-accent);
}
.bb-menu-item_inactive {
  background: var(--bb-menu-bg-inactive);
  font-weight: bold;
  pointer-events: none;
}
.bb-menu-item_disabled {
  pointer-events: none;
  color: #9d9d9d;
  background: var(--bb-menu-bg-disabled);
}
.bb-menu-item_accepted {
  fill: #0f0fff;
  -webkit-animation: flash linear 80ms infinite;
  animation: flash linear 80ms infinite;
}
.bb-menu-item-shortcut {
  font-weight: bold;
  font-style: italic;
  padding: 2px;
  background: var(--bb-menu-bg-shortcut);
  border-radius: 4px;
  margin: 0 2px;
  line-height: 1em;
}
.bb-menu-item_inactive .bb-menu-item-shortcut {
  background: var(--bb-menu-bg-shortcut-inactive);
}
.bb-menu-item-divider {
  margin: 0 4px;
  flex-grow: 1;
}
.bb-menu-item-input {
  width: 60px;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

[data-theme="light"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #c4c4c4;
  --bb-color-bg-primary: #ffffff;
  --bb-color-fill-primary: #f9f9f9;
  --bb-color-fill-dark: #727272;
  --bb-color-stroke-primary: #c9c9c9;
  --bb-color-text-primary: #000000;
  --bb-color-plate-bezel-fill: #f9f9f9;
  --bb-color-plate-bezel-stroke: #f0eddb;
  --bb-color-plate-bezel-static-stroke: #808080;
  --bb-color-plate-fill: #000000;
  --bb-color-plate-fill-inv: #f9f9f9;
  --bb-color-plate-stroke-inv: #f9f9f9;
  --bb-color-plate-stroke: #000000;
  --bb-menu-bg-primary: #ffffff;
  --bb-menu-bg-accent: #e0ffef;
  --bb-menu-bg-inactive: #beffe3;
  --bb-menu-bg-disabled: #ffffff;
  --bb-menu-bg-shortcut: #d1d1d1;
  --bb-menu-bg-shortcut-inactive: #dcfff0;
  --bb-menu-fg: #000000;
}
[data-theme="dark"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #d7d7d7;
  --bb-color-bg-primary: #1c1c1c;
  --bb-color-fill-primary: #3f3f3f;
  --bb-color-fill-dark: #f9f9f9;
  --bb-color-stroke-primary: #e7e7e7;
  --bb-color-text-primary: #ffffff;
  --bb-color-plate-bezel-fill: #000000;
  --bb-color-plate-bezel-stroke: #f8f6f1;
  --bb-color-plate-bezel-static-stroke: #ffffff;
  --bb-color-plate-fill: #f9f9f9;
  --bb-color-plate-fill-inv: #000000;
  --bb-color-plate-stroke-inv: #000000;
  --bb-color-plate-stroke: #f9f9f9;
  --bb-menu-bg-primary: #1b1b1b;
  --bb-menu-bg-accent: #937b01;
  --bb-menu-bg-inactive: #bd9d00;
  --bb-menu-bg-disabled: #1b1b1b;
  --bb-menu-bg-shortcut: #414040;
  --bb-menu-bg-shortcut-inactive: #857000;
  --bb-menu-fg: #ffffff;
}
.bb-plate .bb-plate-caption {
  font-family: 'IBM Plex Mono', 'Lucida Console', Monaco, monospace;
  font-weight: normal;
  font-size: 16px;
  fill: var(--bb-color-text-primary);
}
.bb-plate .bb-plate-caption-debug {
  font-family: 'IBM Plex Mono', 'Lucida Console', Monaco, monospace;
  font-weight: normal;
  font-size: 16px;
  fill: var(--bb-color-text-debug);
}
.bb-plate .bb-plate-bezel {
  fill: var(--bb-color-plate-bezel-fill);
  stroke: var(--bb-color-plate-bezel-stroke);
}
.bb-plate .bb-plate-bezel-static {
  fill: var(--bb-color-plate-bezel-fill);
  stroke: var(--bb-color-plate-bezel-static-stroke);
}
.bb-plate .bb-plate-fill {
  fill: var(--bb-color-plate-fill);
}
.bb-plate .bb-plate-fill-inv {
  fill: var(--bb-color-plate-fill-inv);
}
.bb-plate .bb-plate-stroke-inv {
  stroke: var(--bb-color-plate-stroke-inv);
}
.bb-plate .bb-plate-stroke {
  stroke: var(--bb-color-plate-stroke);
}
.bb-plate .bb-plate-fill-bg {
  fill: var(--bb-color-fill-primary);
}
.bb-plate .bb-plate-stroke-bg {
  stroke: var(--bb-color-fill-primary);
}
.bb-plate .bb-plate-fill-dark {
  fill: var(--bb-color-fill-dark);
}

.bb-layer-popup {
  display: block;
  position: absolute;
  top: 0;
  /* this allows PopupLayer to know board's bounding box */
  width: 100%;
  height: 100%;
  /* layer is stretched out along the board but it shouldn't catch user events prior to underlying layers */
  pointer-events: none;
}
.bb-popup {
  position: absolute;
  background-color: #c4ffc7;
  opacity: 0.8;
  font-size: 1em;
  padding: 6px;
  border-radius: 6px;
  transition: opacity 100ms ease, background-color 100ms ease;
}
.bb-popup-debug {
  font-size: 0.75em;
  line-height: 1em;
  font-family: 'IBM Plex Mono', monospace;
}

.bb-layer-flyout {
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  transition: left cubic-bezier(0, 0, 0.2, 1) 0.2s;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.bb-sel-root {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border: #dedede 2px solid;
  border-radius: 12px;
  margin: 2px;
}
.bb-sel-area {
  width: 100%;
  height: 90%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.bb-sel-area::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.bb-sel-area::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
.bb-sel-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.bb-sel-controls {
  width: 100%;
}
.bb-sel-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.bb-sel-cell {
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  background-color: #ecebea;
  margin: 4px;
  border-radius: 8px;
}
.bb-sel-slider {
  position: relative;
  height: 120px;
}
.bb-sel-slide {
  position: absolute;
  top: 50%;
  width: 60%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms cubic-bezier(0.16, 1, 0.3, 1), transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
  transform: translate(-50%, -50%) scale(0.7);
  /* http://help.dimsemenov.com/discussions/problems/858-weird-bug-in-chrome */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bb-sel-slide.active {
  opacity: 1;
  pointer-events: all;
  transform: translate(-50%, -50%) scale(1);
}
.bb-sel-slide.noanim {
  transition: none;
}
.bb-sel-slidectrl {
  position: absolute;
  top: 50%;
  width: 10%;
  cursor: pointer;
  transform: translate(50%, -50%);
  /* http://help.dimsemenov.com/discussions/problems/858-weird-bug-in-chrome */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bb-sel-slidectrl::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border-bottom: #3e999f 5px solid;
  border-left: #3e999f 5px solid;
  transform: rotate(45deg);
}
.bb-sel-slidectrl-right {
  right: 0;
  transform: translate(-100%, -50%);
}
.bb-sel-slidectrl-right::after {
  transform: rotate(225deg);
}
.bb-sel-pedestal-wrap {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  /* http://help.dimsemenov.com/discussions/problems/858-weird-bug-in-chrome */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul.bb-sel-pedestal {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 10px;
}
ul.bb-sel-pedestal li {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #ccc;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}
ul.bb-sel-pedestal li.active {
  background: #3e999f;
}
ul.bb-sel-pedestal li.active.custom {
  background: #662d24;
}
.bb-sel-title {
  text-align: center;
  font-size: 20px;
  padding: 5px 5px;
  font-weight: bolder;
  font-family: 'IBM Plex Mono', monospace;
  word-break: break-word;
}
.bb-sel-subtitle {
  font-size: 15px;
  margin-bottom: 5px;
  font-family: 'IBM Plex Mono', monospace;
  word-break: break-word;
}
.bb-sel-svg_wrap {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-image: radial-gradient(#403f3f2e 0%, transparent 70%);
  background-size: 100% 90%;
  background-position: center;
}
svg.bb-sel-svg {
  width: 100%;
  height: 100%;
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}
.bb-sel-slide.active svg.bb-sel-svg {
  transform: perspective(500px) rotate3d(5, -195, 70, 35deg);
}
.bb-sel-svg_wrap:hover svg.bb-sel-svg {
  transform: perspective(500px);
}
.bb-sel-btn-fullscreen,
.bb-sel-btn-clear,
.bb-sel-btn-pin {
  display: block;
  float: right;
  color: black;
  background-color: #ffffff;
  font-family: 'IBM Plex Mono', monospace;
  border-radius: 5px;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
}
.bb-sel-inp-search,
.bb-sel-inp-custom {
  font-family: 'IBM Plex Mono, Lucida Console', Monaco, monospace;
  font-weight: bold;
  font-size: 15px;
  border-radius: 5px;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
}
.bb-sel-inp-search {
  width: 100%;
  height: 26px;
}
.bb-sel-inp-custom {
  width: 50%;
  height: 15px;
  margin-right: 25%;
  margin-left: 25%;
  text-align: center;
}

[data-theme="light"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #c4c4c4;
  --bb-color-bg-primary: #ffffff;
  --bb-color-fill-primary: #f9f9f9;
  --bb-color-fill-dark: #727272;
  --bb-color-stroke-primary: #c9c9c9;
  --bb-color-text-primary: #000000;
  --bb-color-plate-bezel-fill: #f9f9f9;
  --bb-color-plate-bezel-stroke: #f0eddb;
  --bb-color-plate-bezel-static-stroke: #808080;
  --bb-color-plate-fill: #000000;
  --bb-color-plate-fill-inv: #f9f9f9;
  --bb-color-plate-stroke-inv: #f9f9f9;
  --bb-color-plate-stroke: #000000;
  --bb-menu-bg-primary: #ffffff;
  --bb-menu-bg-accent: #e0ffef;
  --bb-menu-bg-inactive: #beffe3;
  --bb-menu-bg-disabled: #ffffff;
  --bb-menu-bg-shortcut: #d1d1d1;
  --bb-menu-bg-shortcut-inactive: #dcfff0;
  --bb-menu-fg: #000000;
}
[data-theme="dark"] {
  --bb-color-text-debug: #ff0000;
  --bb-color-logo-primary: #d7d7d7;
  --bb-color-bg-primary: #1c1c1c;
  --bb-color-fill-primary: #3f3f3f;
  --bb-color-fill-dark: #f9f9f9;
  --bb-color-stroke-primary: #e7e7e7;
  --bb-color-text-primary: #ffffff;
  --bb-color-plate-bezel-fill: #000000;
  --bb-color-plate-bezel-stroke: #f8f6f1;
  --bb-color-plate-bezel-static-stroke: #ffffff;
  --bb-color-plate-fill: #f9f9f9;
  --bb-color-plate-fill-inv: #000000;
  --bb-color-plate-stroke-inv: #000000;
  --bb-color-plate-stroke: #f9f9f9;
  --bb-menu-bg-primary: #1b1b1b;
  --bb-menu-bg-accent: #937b01;
  --bb-menu-bg-inactive: #bd9d00;
  --bb-menu-bg-disabled: #1b1b1b;
  --bb-menu-bg-shortcut: #414040;
  --bb-menu-bg-shortcut-inactive: #857000;
  --bb-menu-fg: #ffffff;
}
#bb-root {
  background: var(--bb-color-bg-primary);
}
.bb-plate-right-wrap,
.bb-plate-left-wrap {
  margin-top: 20px;
}
.bb-plate-add-input {
  font-family: 'Lucida Console', Monaco, monospace;
  font-weight: bold;
  font-size: 20px;
  width: 30%;
  height: 42px;
  border-radius: 5px;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
}
.bb-plate-btn-add {
  width: 65%;
  font-size: 22px;
}
.bb-plate-add-selector {
  font-family: 'Lucida Console', Monaco, monospace;
  font-weight: bold;
  font-size: 26px;
  width: 100%;
  margin-bottom: 4px !important;
  height: 44px;
  text-align: center;
}
.bb-plate-btn-add,
.bb-plate-btn-clear,
.bb-plate-btn-fullscreen {
  font-family: 'Lucida Console', Monaco, monospace;
  font-weight: bold;
  background-color: #ffffff;
  display: block;
  border-radius: 5px;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
  color: black;
  text-decoration: none;
  cursor: pointer;
  float: right;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.bb-plate-btn-clear,
.bb-plate-btn-fullscreen {
  width: 100%;
  font-size: 22px;
}

.blocklyWidgetDiv .goog-menuitem-content {
  font: normal 16px Arial, sans-serif;
}
.blocklyText,
.goog-menuitem {
  font-family: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
}

.blocklyMainBackground {
  stroke-width: 0;
}
#blockly-dimmer {
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset;
  background-color: #bbbbbb;
  opacity: 0.3;
  visibility: visible;
  transition-duration: 200ms;
  transition-timing-function: linear;
  transition-property: visibility, opacity;
}
.blockly-dimmer-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.kbdlist {
  list-style-type: none;
  margin: 0.5em;
  padding: 0;
  display: flex;
  flex-direction: row;
  float: right;
}
.kbdlist__item {
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 0.375em;
  margin: 0 0.25em;
  flex-direction: row-reverse;
  background-color: #ffffff;
  color: black;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  font-weight: 700;
  user-select: none;
  text-align: center;
  overflow: hidden;
  animation: 0.3s kbdItemShow;
}
.kbdlist__item_primary {
  background-color: #86bdfa;
}
.kbdlist__item_secondary {
  background-color: #cac5ff;
}
.kbdlist__item_success {
  background-color: #abd98e;
}
.kbdlist__item_warning {
  background-color: #ffe4c6;
}
.kbdlist__item_danger {
  background-color: #ffc3bf;
}
@keyframes kbdItemShow {
  from {
    margin-right: -2.25em;
  }
  to {
    margin-right: 0.25em;
  }
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.mission {
  position: absolute;
  display: inline-block;
  pointer-events: none;
  border-radius: 0.375em;
  padding: 0;
  background-color: #cddbdb;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  opacity: 0;
  transition: padding cubic-bezier(0, 0.55, 0.45, 1) 0.5s;
}
.mission.enter-active,
.mission.enter-done {
  opacity: 1;
  pointer-events: auto;
  padding: 0.25em;
  z-index: 1;
}
.mission.exit {
  transition: padding cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity cubic-bezier(0, 0.55, 0.45, 1) 0.2s;
}
.mission.exit-active {
  opacity: 0;
  pointer-events: auto;
  padding: 0;
  z-index: 0;
}
.mission.exit-done {
  opacity: 0;
}
.mission__head {
  display: flex;
}
.mission__head_reversed {
  flex-direction: row-reverse;
  text-align: end;
}
.mission__body {
  padding: 0.125em 0;
  margin-top: 0.375em;
  border-top: #7f8c8d solid 1px;
}
.mission__brief {
  padding: 0 0.25em;
}
.mission__title {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mission__subtitle {
  font-size: 12px;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mission__id {
  margin-right: 4px;
}
.mission__context {
  font-size: 0.75em;
  transition: color 0.3s cubic-bezier(0, 0.55, 0.45, 1);
  cursor: pointer;
  color: black;
}
.mission__context:hover {
  color: white;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
ul.combolist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cl-item {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  padding: 0.125em;
  border-radius: 0.25em;
  transition: background-color 0.2s cubic-bezier(0.66, 0.11, 0.23, 0.9), transform 0.2s cubic-bezier(0, 0.55, 0.45, 1);
}
.cl-item:hover {
  background-color: #86bdfa;
}
.cl-item_active {
  background-color: #3a9cff;
}
.cl-item__prefix {
  font-weight: 600;
  margin: 0 0.25em;
}
.cl-item__caption {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cl-item__id {
  line-height: 1;
}
.cl-item__context {
  margin-left: 10px;
}
.cl-context {
  white-space: nowrap;
  line-height: 1.25em;
}
.cl-context__action {
  color: black;
  display: flex;
  gap: 4px;
  font-size: 0.75em;
  margin: 0 2px;
  transform: scale(0.75);
  transition: color 0.3s cubic-bezier(0, 0.55, 0.45, 1), transform 0.3s cubic-bezier(0, 0.55, 0.45, 1);
  text-decoration: none;
}
.cl-context__action:hover {
  color: white;
  transform: scale(1);
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.indicator {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 10px;
  border: 1px solid #666;
  background-color: #95a5a6;
  cursor: pointer;
}
.indicator_primary {
  background-color: #3a9cff;
}
.indicator_secondary {
  background-color: #a29bfe;
}
.indicator_success {
  background-color: #69a742;
}
.indicator_warning {
  background-color: #ffbe76;
}
.indicator_danger {
  background-color: #e74c3c;
}
.indicator_light {
  background-color: #ffffff;
}
.indicator_dark {
  background-color: #34495e;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.popup {
  position: absolute;
  background-color: white;
  border-radius: 0.25em;
  min-width: 200px;
  padding: 0.25em;
  margin: 1em 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  cursor: default;
  transition: opacity linear 0.3s;
  opacity: 0;
}
.popup::before {
  position: absolute;
  content: '';
  bottom: 100%;
  left: 6px;
  border-left: transparent 10px solid;
  border-right: transparent 10px solid;
  border-bottom: #ffffff 10px solid;
}
.popup_visible {
  opacity: 1;
}
.popup_visible:hover {
  opacity: 0.3;
}
.popup_right::before {
  left: unset;
  right: 6px;
}
.popup__head {
  display: flex;
  white-space: nowrap;
  padding: 0.125em;
}
.popup__title {
  font-weight: 700;
  margin: 0 0.25em;
}
.popup__body {
  font-size: 0.875em;
  line-height: 1em;
  padding: 0.125em;
}
.popup__body p {
  margin: 0.25em;
}

.logo_light {
  filter: invert();
}
.logo_centered {
  margin: 0 auto;
}
.logo__icon {
  background-size: cover;
  width: 40px;
  height: 37px;
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 1.5 78.3 69.6%27%3E%3Csymbol id=%27l%27 viewBox=%27-9.3 -17.3 18.5 34.7%27%3E%3Cpath d=%27M9.2,2.2C8.5,10.8,1.4,17.3-7.2,17.3h-2.1V-0.8c0-2.4,0.5-4.8,1.5-7C-7.4-7.9-7-8.1-6.6-8.4l0,0l15.6-9h0.2 V0.8l0,0C9.3,1.3,9.2,1.8,9.2,2.2z M5.6-13.7C-0.8-12.8-5.6-7.3-5.6-0.8v14.4C0.8,12.8,5.6,7.3,5.6,0.8V-13.7z%27/%3E%3C/symbol%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%281 0 0 -1 30.3889 18.94%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%280.5 0.866 0.866 -0.5 49.9617 19.7514%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%28-0.5 0.866 0.866 0.5 59.0129 37.1569%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%28-1 0 0 1 48.8571 53.71%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%28-0.5 -0.866 -0.866 0.5 29.2286 53.075%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%280.5 -0.866 -0.866 -0.5 20.121 35.6248%29%27/%3E%3C/svg%3E");
}
.logo__icon_small {
  width: 30px;
  height: 26px;
}
.logo__full {
  background-size: cover;
  width: 200px;
  height: 37px;
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 393.8 72.8%27%3E%3Csymbol id=%27a%27 viewBox=%27-19.3 -23.4 38.6 46.7%27%3E%3Cpath d=%27M-5.8-23.4c-1.8,0-3.6,0.2-5.3,0.8c-1.6,0.5-3,1.3-4.3,2.4s-2.2,2.5-2.9,4.1c-0.7,1.9-1.1,3.9-1,5.9 C-19.4-8.1-19-5.9-18.1-4c0.7,1.5,1.8,2.9,3.1,3.9s2.7,1.7,4.2,2.2C-9.2,2.6-7.6,3-5.9,3.3c1.6,0.2,3.2,0.5,4.8,0.6 C0.3,4,1.7,4.3,3.1,4.7C4.2,5,5.2,5.5,6,6.2C6.8,7,7.1,8,7,9.1c0,1.1-0.2,2.1-0.6,3.1c-0.3,0.7-0.9,1.4-1.5,1.8 c-0.7,0.4-1.4,0.7-2.2,0.9c-0.9,0.1-1.8,0.2-2.7,0.2c-1.8,0.1-3.6-0.4-5.1-1.5c-1.2-1-1.9-2.7-2.1-5.1h-10.9 c0.1,2.5,0.7,4.9,1.9,7.1c1.1,1.8,2.5,3.4,4.3,4.6s3.7,2,5.8,2.4c2.2,0.5,4.4,0.7,6.6,0.7c2,0,4-0.2,6-0.5s3.8-0.9,5.6-1.8 c1.7-0.9,3.1-2.2,4.1-3.9c1.1-1.9,1.7-4.2,1.6-6.4v-23.1c0-1.9,0.1-3.8,0.4-5.7c0.1-1.4,0.5-2.8,1.1-4.1H8.2 C8-21.4,7.8-20.7,7.7-20s-0.2,1.4-0.3,2.2c-1.6-1.9-3.7-3.4-6.1-4.2C-1-23-3.4-23.4-5.8-23.4z M-1.8-15.4c1.7-0.1,3.5,0.3,5,1.2 c1.1,0.7,2,1.7,2.6,2.9c0.5,1.1,0.9,2.2,1,3.4C6.9-7,7-6.1,7-5.2v4.6C6.5-1.1,6-1.5,5.3-1.7C4.6-2,3.9-2.2,3.1-2.3 C2.3-2.5,1.4-2.6,0.6-2.8S-1.2-3-2-3.2c-0.8-0.2-1.7-0.4-2.4-0.7s-1.4-0.7-2-1.2s-1.1-1.1-1.4-1.8c-0.4-0.9-0.6-1.9-0.5-2.8 c0-1,0.1-1.9,0.5-2.8c0.3-0.7,0.8-1.3,1.5-1.7c0.6-0.4,1.4-0.7,2.1-0.9S-2.6-15.3-1.8-15.4L-1.8-15.4z%27/%3E%3C/symbol%3E%3Csymbol id=%27l%27 viewBox=%27-9.3 -17.3 18.5 34.7%27%3E%3Cpath d=%27M9.2,2.2C8.5,10.8,1.4,17.3-7.2,17.3h-2.1V-0.8c0-2.4,0.5-4.8,1.5-7C-7.4-7.9-7-8.1-6.6-8.4l0,0l15.6-9h0.2 V0.8l0,0C9.3,1.3,9.2,1.8,9.2,2.2z M5.6-13.7C-0.8-12.8-5.6-7.3-5.6-0.8v14.4C0.8,12.8,5.6,7.3,5.6,0.8V-13.7z%27/%3E%3C/symbol%3E%3Cpath id=%27t%27 d=%27M108.8,25.5h-13v-9.2h36.9v9.2h-13v35.1h-10.9C108.8,60.6,108.8,25.5,108.8,25.5z%27/%3E%3Cuse xlink:href=%27%23a%27 width=%2738.6%27 height=%2746.7%27 x=%27-19.3%27 y=%27-23.4%27 transform=%27matrix%281 0 0 -1 154.352 38.3944%29%27/%3E%3Cpath id=%27p%27 d=%27M179.4,16.3h36.4v44.3h-10.9V25.5h-14.6v35.1h-10.9V16.3z%27/%3E%3Cuse xlink:href=%27%23a%27 width=%2738.6%27 height=%2746.7%27 x=%27-19.3%27 y=%27-23.4%27 transform=%27matrix%281 0 0 -1 241.1632 38.3888%29%27/%3E%3Cpath id=%27n%27 d=%27M265.9,16.3h10.9v16.1h15.4V16.3H303v44.3h-10.9V42h-15.4v18.6h-10.9L265.9,16.3L265.9,16.3z%27/%3E%3Cpath id=%27d%27 d=%27M306.6,51.4h4.8c0.7-1.5,1.2-3.1,1.7-4.7c0.6-1.9,1.1-4,1.6-6.3s0.9-4.9,1.2-7.6c0.3-2.9,0.5-5.8,0.5-8.7v-7.8H348 v35.1h5.1v21.3h-10.2V60.6h-26.1v12.2h-10.2V51.4z M337.1,51.4v-26h-10.7v1.1c0,2.6-0.1,5.3-0.4,7.9c-0.3,2.5-0.7,4.8-1.1,7 c-0.5,2.2-0.9,4.1-1.5,5.8c-0.5,1.7-1,3.1-1.5,4.3L337.1,51.4z%27/%3E%3Cuse xlink:href=%27%23a%27 width=%2738.6%27 height=%2746.7%27 x=%27-19.3%27 y=%27-23.4%27 transform=%27matrix%281 0 0 -1 374.2409 39.1722%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%281 0 0 -1 30.3889 18.94%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%280.5 0.866 0.866 -0.5 49.9617 19.7514%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%28-0.5 0.866 0.866 0.5 59.0129 37.1569%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%28-1 0 0 1 48.8571 53.71%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%28-0.5 -0.866 -0.866 0.5 29.2286 53.075%29%27/%3E%3Cuse xlink:href=%27%23l%27 width=%2718.5%27 height=%2734.7%27 x=%27-9.3%27 y=%27-17.3%27 transform=%27matrix%280.5 -0.866 -0.866 -0.5 20.121 35.6248%29%27/%3E%3C/svg%3E");
  filter: var(--color-invert);
}
.logo__full_small {
  width: 150px;
  height: 26px;
}
.logo__full_english {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 369.6 69.57%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url%28%23clip-path%29;%7D.cls-3%7Bclip-path:url%28%23clip-path-2%29;%7D.cls-4%7Bclip-path:url%28%23clip-path-3%29;%7D.cls-5%7Bclip-path:url%28%23clip-path-4%29;%7D.cls-6%7Bclip-path:url%28%23clip-path-5%29;%7D.cls-7%7Bclip-path:url%28%23clip-path-6%29;%7D%3C/style%3E%3CclipPath id=%27clip-path%27 transform=%27translate%28-0.49 -1.64%29%27%3E%3Crect class=%27cls-1%27 x=%2721.09%27 y=%271.54%27 width=%2718.5%27 height=%2734.7%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-2%27 transform=%27translate%28-0.49 -1.64%29%27%3E%3Crect class=%27cls-1%27 x=%2732.63%27 y=%2710.43%27 width=%2734.7%27 height=%2718.5%27 transform=%27translate%28-3.15 27.63%29 rotate%28-30%29%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-3%27 transform=%27translate%28-0.49 -1.64%29%27%3E%3Crect class=%27cls-1%27 x=%2749.83%27 y=%2719.79%27 width=%2718.5%27 height=%2734.7%27 transform=%27translate%28-2.62 69.73%29 rotate%28-60%29%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-4%27 transform=%27translate%28-0.49 -1.64%29%27%3E%3Crect class=%27cls-1%27 x=%2739.66%27 y=%2736.41%27 width=%2718.5%27 height=%2734.7%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-5%27 transform=%27translate%28-0.49 -1.64%29%27%3E%3Crect class=%27cls-1%27 x=%2711.86%27 y=%2743.89%27 width=%2734.7%27 height=%2718.5%27 transform=%27translate%28-22.66 21.73%29 rotate%28-30%29%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-6%27 transform=%27translate%28-0.49 -1.64%29%27%3E%3Crect class=%27cls-1%27 x=%2710.8%27 y=%2718.29%27 width=%2718.5%27 height=%2734.7%27 transform=%27translate%28-20.84 35.19%29 rotate%28-60%29%27/%3E%3C/clipPath%3E%3Csymbol id=%27l%27 data-name=%27l%27 viewBox=%270 0 18.54 34.7%27%3E%3Cpath d=%27M18.5,15.1A16.38,16.38,0,0,0,2.1,0H0V18.1a16.94,16.94,0,0,0,1.5,7,3.38,3.38,0,0,1,1.2.6h0l15.6,9h.2V16.5h0A6.53,6.53,0,0,0,18.5,15.1ZM14.9,31A13,13,0,0,1,3.7,18.1V3.7A12.86,12.86,0,0,1,14.9,16.5Z%27/%3E%3C/symbol%3E%3C/defs%3E%3Cg id=%27%D0%A1%D0%BB%D0%BE%D0%B9_1%27 data-name=%27%D0%A1%D0%BB%D0%BE%D0%B9 1%27%3E%3Cg class=%27cls-2%27%3E%3Cuse width=%2718.54%27 height=%2734.7%27 transform=%27translate%2820.6%29%27 xlink:href=%27%23l%27/%3E%3C/g%3E%3Cg class=%27cls-3%27%3E%3Cuse width=%2718.54%27 height=%2734.7%27 transform=%27matrix%280.5, 0.87, -0.87, 0.5, 59.8, 1.41%29%27 xlink:href=%27%23l%27/%3E%3C/g%3E%3Cg class=%27cls-4%27%3E%3Cuse width=%2718.54%27 height=%2734.7%27 transform=%27matrix%28-0.5, 0.87, -0.87, -0.5, 78.16, 36.11%29%27 xlink:href=%27%23l%27/%3E%3C/g%3E%3Cg class=%27cls-5%27%3E%3Cuse width=%2718.54%27 height=%2734.7%27 transform=%27translate%2857.67 69.37%29 rotate%28180%29%27 xlink:href=%27%23l%27/%3E%3C/g%3E%3Cg class=%27cls-6%27%3E%3Cuse width=%2718.54%27 height=%2734.7%27 transform=%27matrix%28-0.5, -0.87, 0.87, -0.5, 18.41, 68.14%29%27 xlink:href=%27%23l%27/%3E%3C/g%3E%3Cg class=%27cls-7%27%3E%3Cuse width=%2718.54%27 height=%2734.7%27 transform=%27matrix%280.5, -0.87, 0.87, 0.5, 0, 33.39%29%27 xlink:href=%27%23l%27/%3E%3C/g%3E%3C/g%3E%3Cg id=%27%D0%A1%D0%BB%D0%BE%D0%B9_2%27 data-name=%27%D0%A1%D0%BB%D0%BE%D0%B9 2%27%3E%3Cpath d=%27M90.65,25.75V18.22h5.64V6.93h10.46V18.22h6.57v7.53h-6.57V47.12c0,1.66.21,2.69.63,3.1s1.71.61,3.86.61h1c.36,0,.72,0,1.06-.06v7.9l-5,.19q-7.5.26-10.24-2.6-1.78-1.81-1.78-5.6V25.75Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3Cpath d=%27M134.61,33.69a17,17,0,0,0,4.23-.93,3.17,3.17,0,0,0,2.28-3,3.56,3.56,0,0,0-1.75-3.44,11.1,11.1,0,0,0-5.14-.94q-3.79,0-5.37,1.85a7.63,7.63,0,0,0-1.51,3.71h-10.2a15.44,15.44,0,0,1,3-8.72q4.22-5.34,14.46-5.34a25.84,25.84,0,0,1,11.85,2.63q5.17,2.64,5.18,10V48c0,1.29,0,2.85.07,4.68a5.85,5.85,0,0,0,.64,2.82,3.76,3.76,0,0,0,1.55,1.22v1.56h-11.5a12.17,12.17,0,0,1-.67-2.3c-.12-.71-.22-1.53-.29-2.45a22,22,0,0,1-5.08,4.05,15.35,15.35,0,0,1-7.76,2,13.39,13.39,0,0,1-9.13-3.13q-3.6-3.14-3.6-8.89,0-7.45,5.79-10.8A25.79,25.79,0,0,1,131,34.14Zm6.47,4.93a11.24,11.24,0,0,1-2.05,1,17.2,17.2,0,0,1-2.84.72l-2.41.44a16,16,0,0,0-4.86,1.45,4.85,4.85,0,0,0-2.5,4.49A4.7,4.7,0,0,0,128,50.67a5.81,5.81,0,0,0,3.71,1.2,11,11,0,0,0,6.39-2c1.95-1.34,3-3.77,3-7.31Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3Cpath d=%27M193.36,22.19q4.95,5.22,4.95,15.36,0,10.68-4.84,16.29A15.7,15.7,0,0,1,181,59.44,13.08,13.08,0,0,1,172.94,57a15.53,15.53,0,0,1-3.43-3.9V71.21H159V17.84h10.13v6a17.28,17.28,0,0,1,3.66-4.16A13.56,13.56,0,0,1,181.28,17,16,16,0,0,1,193.36,22.19Zm-8.12,7.6q-2.16-3.6-7-3.6a8,8,0,0,0-8,5.46A20.51,20.51,0,0,0,169.14,39q0,7.05,3.78,9.9a8.66,8.66,0,0,0,5.33,1.67,7.72,7.72,0,0,0,6.8-3.41,15.83,15.83,0,0,0,2.35-9.09A15.78,15.78,0,0,0,185.24,29.79Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3Cpath d=%27M220.27,33.69a17,17,0,0,0,4.22-.93,3.17,3.17,0,0,0,2.28-3A3.56,3.56,0,0,0,225,26.32a11.06,11.06,0,0,0-5.13-.94q-3.81,0-5.38,1.85A7.63,7.63,0,0,0,213,30.94H202.8a15.44,15.44,0,0,1,3-8.72q4.22-5.34,14.46-5.34a25.84,25.84,0,0,1,11.85,2.63q5.19,2.64,5.18,10V48c0,1.29,0,2.85.08,4.68a5.76,5.76,0,0,0,.63,2.82,3.73,3.73,0,0,0,1.56,1.22v1.56H228a12.17,12.17,0,0,1-.67-2.3c-.12-.71-.22-1.53-.29-2.45A21.83,21.83,0,0,1,222,57.59a15.35,15.35,0,0,1-7.76,2,13.39,13.39,0,0,1-9.13-3.13q-3.6-3.14-3.6-8.89,0-7.45,5.79-10.8a25.79,25.79,0,0,1,9.35-2.59Zm6.46,4.93a10.93,10.93,0,0,1-2,1,16.94,16.94,0,0,1-2.84.72l-2.41.44a16,16,0,0,0-4.86,1.45,4.84,4.84,0,0,0-2.49,4.49,4.69,4.69,0,0,0,1.52,3.92,5.83,5.83,0,0,0,3.71,1.2,11,11,0,0,0,6.39-2c2-1.34,3-3.77,3-7.31Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3Cpath d=%27M277.61,20.16q4,3.29,4,10.9V58.29H270.75V33.69a11.37,11.37,0,0,0-.85-4.9q-1.54-3.12-5.9-3.12c-3.56,0-6,1.53-7.33,4.57a15.93,15.93,0,0,0-1,6.16V58.29H245.07V17.92h10.24v5.9a17.64,17.64,0,0,1,3.84-4.49,13.35,13.35,0,0,1,8.24-2.45A15.5,15.5,0,0,1,277.61,20.16Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3Cpath d=%27M311.35,18.49A12.82,12.82,0,0,1,316,23V3.67h10.73V58.29H316.43v-5.6a14.93,14.93,0,0,1-5.16,5.23,14.47,14.47,0,0,1-7.2,1.63,15,15,0,0,1-11.93-5.73q-4.84-5.73-4.84-14.71,0-10.35,4.77-16.29a15.51,15.51,0,0,1,12.74-5.94A13.15,13.15,0,0,1,311.35,18.49Zm2.59,28.82a14.76,14.76,0,0,0,2.34-8.65q0-7.42-3.75-10.61a8,8,0,0,0-5.34-1.93,7.43,7.43,0,0,0-6.81,3.51,16.2,16.2,0,0,0-2.17,8.7c0,3.73.73,6.72,2.21,9a7.46,7.46,0,0,0,6.7,3.36A7.79,7.79,0,0,0,313.94,47.31Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3Cpath d=%27M350.82,33.69a16.74,16.74,0,0,0,4.22-.93,3.17,3.17,0,0,0,2.29-3,3.57,3.57,0,0,0-1.75-3.44,11.1,11.1,0,0,0-5.14-.94q-3.79,0-5.38,1.85a7.72,7.72,0,0,0-1.5,3.71H333.35a15.59,15.59,0,0,1,3-8.72q4.21-5.34,14.46-5.34a25.91,25.91,0,0,1,11.86,2.63q5.18,2.64,5.18,10V48c0,1.29,0,2.85.07,4.68a6,6,0,0,0,.63,2.82,3.86,3.86,0,0,0,1.56,1.22v1.56h-11.5a10.85,10.85,0,0,1-.67-2.3c-.13-.71-.22-1.53-.3-2.45a22,22,0,0,1-5.07,4.05,15.36,15.36,0,0,1-7.77,2,13.38,13.38,0,0,1-9.12-3.13q-3.62-3.14-3.61-8.89,0-7.45,5.8-10.8a25.73,25.73,0,0,1,9.34-2.59Zm6.47,4.93a11.24,11.24,0,0,1-2.05,1,17.2,17.2,0,0,1-2.84.72l-2.41.44a15.83,15.83,0,0,0-4.86,1.45,4.83,4.83,0,0,0-2.5,4.49,4.7,4.7,0,0,0,1.53,3.92,5.8,5.8,0,0,0,3.71,1.2,11,11,0,0,0,6.38-2c1.95-1.34,3-3.77,3-7.31Z%27 transform=%27translate%28-0.49 -1.64%29%27/%3E%3C/g%3E%3C/svg%3E");
}
.logo-subscription {
  margin: 0;
  margin-left: 50px;
  font-size: 1em;
  line-height: 1em;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.nav,
.navbar {
  background-color: var(--color-primary);
  color: white;
  width: 100%;
  height: 55px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  transition: background-color cubic-bezier(0.66, 0.11, 0.23, 0.9) 1s;
}
.nav__prefix {
  box-sizing: border-box;
  padding: 10px;
}
.nav__prefix_secondary {
  background-color: var(--color-secondary);
}
.nav__content {
  box-sizing: border-box;
  flex-grow: 1;
}
.navbar {
  padding: 0 5px;
}
.navbar_root {
  padding: 0;
}
.navbar_collapsed {
  height: 50px;
}
.navbar_inv {
  background-color: var(--color-light);
  color: #3a9cff;
}
.navbar_secondary {
  background-color: var(--color-secondary);
  color: white;
}
.navbar__section {
  box-sizing: border-box;
  padding: 5px;
}
.navbar__section_pagerwrap {
  max-width: 50vw;
}
.navbar__button {
  padding: 5px 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  transition: transform cubic-bezier(0, 0.55, 0.45, 1) 0.3s, background-color cubic-bezier(0.66, 0.11, 0.23, 0.9) 0.3s;
}
.navbar__button:hover {
  transform: scale(1.05);
  background-color: var(--color-light);
}
.navbar__button:active {
  transform: scale(0.95);
  background-color: var(--color-light);
}
.navbar__delimiter {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: 700;
}
.navbar__delimiter:before {
  content: '|';
}
.navbar__spacer {
  flex-grow: 1;
}
.navbar__title,
.navbar__subtitle,
.navbar__button,
.navbar__description {
  white-space: nowrap;
  font-size: 1em;
  font-weight: 700;
  margin: 0;
}
.navbar__title {
  transition: font-size 1s cubic-bezier(0, 0.55, 0.45, 1);
  font-size: 1.25em;
}
.navbar__title_collapsed {
  font-size: 1em;
}
.navbar__subtitle {
  font-size: 0.75em;
}
.navbar__description {
  color: #95a5a6;
  font-size: 1em;
  text-align: end;
}
.navbar__description_small {
  font-size: 0.75em;
}
.navslider {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.navslider__slide {
  width: 100%;
  height: 100%;
}
.navslider__slide {
  transition: transform cubic-bezier(0.87, 0, 0.13, 1) 0.3s;
}
.navslider__slide_raised {
  transform: translateY(-100%);
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.pager {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.pager__arrow {
  width: 36px;
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  cursor: pointer;
  transform: scaleY(0.6);
}
.pager__arrow:before {
  content: '\27A7';
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.pager__arrow_left {
  transform: scaleX(-1) scaleY(0.6);
}
.pager__arrow_left:before {
  content: '\27A7';
}
.pager__listwrap {
  position: relative;
  overflow: hidden;
}
.pager__listwrap:after {
  content: '';
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--color-primary) 0%, rgb(0 0 0 / 0%) 2.5%, rgb(0 0 0 / 0%) 97.5%, var(--color-primary) 100%);
  transition: background-color cubic-bezier(0.66, 0.11, 0.23, 0.9) 1s;
}
.pager__listwrap_secondary:after {
  background: linear-gradient(90deg, var(--color-secondary) 0%, rgb(0 0 0 / 0%) 2.5%, rgb(0 0 0 / 0%) 97.5%, var(--color-secondary) 100%);
}
ul.pager__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0;
  padding: 5px;
  overflow-x: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
ul.pager__list::-webkit-scrollbar {
  display: none;
}
ul.pager__list::before,
ul.pager__list::after {
  content: ' ';
  width: 5px;
  height: 5px;
  position: relative;
  display: inline-table;
  /* to give it a height */
}
li.pager__item {
  flex-shrink: 0;
  position: relative;
  margin: 0 5px;
}
li.pager__item:last-child {
  margin-right: 10px;
}
li.pager__item_active {
  cursor: pointer;
  transition: background-color 0.2s cubic-bezier(0.66, 0.11, 0.23, 0.9), transform 0.2s cubic-bezier(0, 0.55, 0.45, 1);
}
li.pager__item_active:hover {
  transform: scale(1.1);
}
li.pager__item_active:active {
  transform: scale(1);
}
li.pager__item_current {
  transform: scale(1.1);
}
li.pager__item_starred::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f005';
  position: absolute;
  top: -0.25em;
  right: -0.25em;
  font-size: 0.75em;
  line-height: 0.75em;
  color: #ffbc44;
  text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  animation: 1s star_show 0s reverse;
}
@keyframes star_show {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.progressbar {
  background-color: #3a9cff;
  width: 100%;
  height: 5px;
}
.progressbar__filler {
  width: 45%;
}

/**
  A block that represents a button which can be filled with the progress bar.

  Progress bar is represented by __progress element and can be extended with the 'wavefront' block
  to simulate the liquid effect in the top of the bar filler.
 */
/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.cask {
  position: relative;
  overflow: hidden;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 0.375em;
  background-color: #ffffff;
  color: black;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  font-weight: 700;
  user-select: none;
  text-align: center;
}
.cask__content {
  position: absolute;
  width: 100%;
}
.cask__content_disposable {
  opacity: 1;
}
.cask__content_undisposable {
  opacity: 0;
  pointer-events: none;
}
.cask:hover .cask__content_disposable {
  opacity: 0;
}
.cask:hover .cask__content_undisposable {
  opacity: 1;
  animation: 1s scale-easeInElastic 0s reverse;
}
.cask__progress {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  background-color: #95a5a6;
  transition: bottom 0.5s;
}
.cask__progress_bg_primary {
  background-color: #3a9cff;
}
.cask__progress_bg_primary-weak {
  background-color: #86bdfa;
}
.cask__progress_bg_secondary {
  background-color: #a29bfe;
}
.cask__progress_bg_secondary-weak {
  background-color: #cac5ff;
}
.cask__progress_bg_success {
  background-color: #69a742;
}
.cask__progress_bg_success-weak {
  background-color: #abd98e;
}
.cask__progress_bg_warning {
  background-color: #ffbe76;
}
.cask__progress_bg_warning-weak {
  background-color: #ffe4c6;
}
.cask__progress_bg_danger {
  background-color: #e74c3c;
}
.cask__progress_bg_danger-weak {
  background-color: #ffc3bf;
}
.cask_bg_warning-weak {
  background-color: #ffe4c6;
}

/**
  A block that can be placed inside another to display animated waves on the top of it.

  Usual use case is `cask` block.

  Can be used twice in the block to make multi-layered waves. To make their animations differ, an
  alternative set of parameters supplied here.
 */
/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.wavefront::before {
  content: '';
  position: absolute;
  width: 70%;
  height: 60%;
  bottom: 95%;
  left: 15%;
  background-color: #ffffff;
  border-radius: 50%;
  transition: bottom 0.5s ease-in-out, opacity 0.5s ease-out;
  animation: wave 3s infinite linear;
  animation-direction: reverse;
}
.wavefront_disabled.wavefront::before {
  opacity: 0;
}
.wavefront__wave {
  position: absolute;
  width: 70%;
  height: 60%;
  background-color: #95a5a6;
  border-radius: 50%;
  transition: bottom 0.5s ease-in-out, opacity 0.5s ease-out;
  animation: wave 3s infinite linear;
}
.wavefront__wave_right {
  right: -25%;
  bottom: 44%;
}
.wavefront__wave_left {
  left: -25%;
  bottom: 44%;
}
.wavefront_disabled .wavefront__wave {
  bottom: -6%;
}
.wavefront_alt {
  opacity: 0.3;
}
.wavefront_alt::before {
  left: 40%;
  bottom: 99%;
  animation-delay: 1s;
  animation-direction: normal;
}
.wavefront_alt.wavefront_disabled.wavefront::before {
  opacity: 0;
}
.wavefront_alt .wavefront__wave_right {
  right: -50%;
  bottom: 48%;
  animation-delay: 1s;
  animation-direction: reverse;
}
.wavefront_alt .wavefront__wave_left {
  left: 0%;
  bottom: 48%;
  animation-delay: 1s;
  animation-direction: reverse;
}
.wavefront_alt.wavefront_disabled .wavefront__wave {
  bottom: -2%;
}
.wavefront_fg_success .wavefront__wave {
  background-color: #69a742;
}
.wavefront_fg_success-weak .wavefront__wave {
  background-color: #abd98e;
}
.wavefront_fg_primary .wavefront__wave {
  background-color: #3a9cff;
}
.wavefront_fg_primary-weak .wavefront__wave {
  background-color: #86bdfa;
}
.wavefront_bg_warning::before {
  background-color: #ffbe76;
}
.wavefront_bg_warning-weak::before {
  background-color: #ffe4c6;
}
@keyframes wave {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}

.fabdesk {
  position: absolute;
  right: 0;
  bottom: 0;
  /* float: right; */
  display: flex;
  flex-direction: row;
  gap: 4px;
  margin: 10px;
  z-index: 100;
  /* Floating Action Button */
}
.fabdesk_vertical {
  flex-direction: column;
}
.fabdesk__fab {
  float: right;
  margin: 0 0.25em;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.richtext_ellipsis:after {
  content: '';
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(transparent, white);
  pointer-events: none;
}
.richtext__scrollview {
  position: absolute;
  overflow-y: scroll;
  padding: 1em;
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  top: 0;
  left: 0;
}
.richtext__content {
  color: var(--color-typo-dark);
}
.richtext__content img {
  max-width: 100%;
  height: auto;
}
.richtext__content_overflow {
  padding-bottom: 100px;
}
.richtext__content .img-full-width {
  width: 100%;
  height: auto;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.gridmenu {
  list-style-type: none;
  margin: 5px;
  padding: 5px;
  width: calc(100% - 20px);
  display: inline-flex;
  flex-wrap: wrap;
}
.gridmenu__item,
.gridmenu__delimiter {
  text-align: left;
}
.gridmenu__item {
  cursor: pointer;
  flex-grow: 1;
  flex-basis: min-content;
  border-radius: 0.375em;
  overflow: hidden;
  margin: 5px;
  transition: all 0.3s;
}
.gridmenu__item > span {
  vertical-align: middle;
}
.gridmenu__item:hover {
  background-color: #86bdfa;
}
.gridmenu__item_clickable {
  cursor: pointer;
}
.gridmenu__item_hidden {
  flex-grow: 0.00001;
  flex-basis: 0;
  margin: 0;
  opacity: 0;
}
.gridmenu_expanded {
  margin: 0;
  padding: 0;
  width: 100%;
}
.gridmenu_expanded .gridmenu__item {
  margin: 0;
}
.gridmenu__delimiter {
  font-size: 1.25em;
  font-weight: 600;
  margin: 5px 0;
}
.gm-course {
  min-width: 200px;
  height: 100%;
  position: relative;
  background-color: #d6e8fd;
  font-size: 1em;
}
.gm-course__head {
  padding: 5px;
  transition: all 0.3s cubic-bezier(0, 0.55, 0.45, 1);
}
.gm-course__body {
  min-height: 100px;
  height: 100%;
  overflow-x: auto;
  background-color: #86bdfa;
  left: 0;
  padding: 5px;
  transition: all 0.3s cubic-bezier(0, 0.55, 0.45, 1);
}
.gm-course_expanded .gm-course__head {
  padding: 10px 15px;
}
.gm-course_expanded .gm-course__body {
  max-height: 40vh;
}
.gmc-nav {
  display: flex;
  justify-content: space-between;
}
.gmc-nav__heading {
  font-size: 1.5em;
  font-weight: 500;
}
.gmc-nav__back {
  margin: auto 0;
  font-size: 1em;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.55, 0.45, 1);
}
.gmc-nav_expanded .gmc-nav__heading {
  font-size: 2em;
  font-weight: 600;
}
.gmc-nav_expanded .gmc-nav__back {
  opacity: 1;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list__item,
.list__delimiter {
  text-align: left;
}
.list__item {
  font-size: 1em;
  border-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: #474747;
  background-clip: padding-box;
  padding: 0.5em;
  transition: background-color 0.1s cubic-bezier(0.66, 0.11, 0.23, 0.9), opacity 0.3s ease-in-out, transform 0.3s ease;
  font-weight: 500;
}
.list__item > span {
  vertical-align: middle;
}
.list__item:hover {
  background-color: #d6e8fd;
}
.list__item_clickable {
  cursor: pointer;
}
.list__item-appear {
  opacity: 0;
  transform: translateY(-50%);
}
.list__item-appear-active {
  opacity: 1;
  transform: translateY(0%);
}
.list__delimiter {
  font-size: 1.25em;
  font-weight: 600;
  margin: 5px 0;
}
.mark {
  display: inline-block;
  border-style: dashed;
  border-color: #474747;
  border-radius: 2em;
  border-width: 2px;
  background-clip: padding-box;
  font-size: 0.8em;
  line-height: 0.8em;
  padding: 6px;
  margin: 0 6px;
}
.mark_success {
  background-color: #69a742;
}
.mark_warning {
  background-color: #ffbe76;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.home-menu {
  margin: -10px -10px;
  background-color: #e4e4e4;
}
.home-header {
  position: relative;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.38);
}
.home-header p {
  margin: 4px;
  font-size: 16px;
  font-weight: 400;
  color: white;
}
.home-header .logo-main {
  width: 200px;
  background: none;
  filter: invert(1);
}
.home-version {
  position: absolute;
  margin: 0.5em;
  bottom: 0;
  right: 0;
  font-size: 1.5em;
  font-weight: 600;
}
.home-langselect {
  position: absolute;
  min-width: 150px;
  max-width: 400px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding: 10px;
}
.courses {
  background: #b6d7fc;
  border-radius: 1.375em;
  max-height: 60vh;
  overflow-x: auto;
}
.courses__head {
  background-color: #d6e8fd;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0, 0.55, 0.45, 1);
}
.courses__head-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 2em;
  font-weight: 600;
}
.courses__head-option {
  display: flex;
  gap: 0.5em;
  align-items: center;
  font-size: 1em;
  font-weight: 600;
}
.courses_simplified .courses__head {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.pave {
  background-color: #86bdfa;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\" viewBox=\"0 0 75 75\"><path style=\"fill: rgb%2858, 156, 255%29;\" d=\"M11.285,3.234l2.529-2.529L13.108,0L10.58,2.529l-0.69-0.691c-0.315-0.315-0.829-0.315-1.146,0   L6.739,3.842C6.673,3.908,6.645,4.006,6.668,4.098l0.089,0.359l-1.98,1.979L4.418,6.347C4.326,6.325,4.229,6.351,4.162,6.418   L2.03,8.553c-0.316,0.315-0.316,0.829,0,1.145l0.77,0.771l-2.72,2.72l0.705,0.705l2.72-2.72l0.77,0.77   c0.316,0.315,0.83,0.315,1.146,0l2.132-2.133c0.048-0.048,0.076-0.11,0.079-0.177l0.023-0.44l1.93-1.931L9.899,7.31   c0.085,0.013,0.17-0.016,0.23-0.076l2.005-2.004c0.315-0.316,0.315-0.83,0-1.146L11.285,3.234z M5.039,11.561   c-0.106,0.105-0.277,0.105-0.382,0L2.412,9.316c-0.105-0.104-0.105-0.276,0-0.382L3.157,8.19l2.626,2.626L5.039,11.561z    M7.098,9.502l-0.646,0.646L3.826,7.522L4.437,6.91l0.359,0.089c0.055,0.014,0.111,0.008,0.163-0.012l2.158,2.157L7.098,9.502z    M7.697,8.387L5.644,6.335l0.918-0.918l2.052,2.051L7.697,8.387z M9.845,6.756L9.531,6.709c-0.085-0.013-0.17,0.015-0.23,0.076   L9.284,6.801L7.232,4.749l0.017-0.016c0.066-0.067,0.094-0.165,0.07-0.257L7.231,4.118l0.495-0.496l2.627,2.626L9.845,6.756z    M11.753,4.847L11.02,5.579L8.394,2.952l0.732-0.731c0.105-0.106,0.277-0.105,0.382,0l2.245,2.244   C11.857,4.571,11.858,4.742,11.753,4.847z\" ></path></svg>"), url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\" viewBox=\"0 0 75 75\"><path style=\"fill: rgb%2858, 156, 255%29;\" stroke=\"rgb%2858, 156, 255%29\" stroke-width=\"0.2\" d=\"m 0.1141 10.7373 c 0.0829 0.1546 5.5364 5.6126 5.6977 5.7022 c 0.1702 0.0941 0.5779 0.0874 0.7482 -0.0067 C 6.6586 16.3746 7.2601 15.7821 9.1787 13.8545 L 11.6686 11.3511 L 11.7369 11.1708 c 0.0381 -0.0963 0.0795 -0.2767 0.0896 -0.3965 c 0.0134 -0.1165 0.0392 -0.2498 0.0594 -0.2923 c 0.0448 -0.103 0.7695 -0.8277 0.8725 -0.8725 c 0.0426 -0.0202 0.1747 -0.0448 0.2923 -0.0594 c 0.1187 -0.0112 0.3002 -0.0515 0.3965 -0.0896 C 13.613 9.3977 13.659 9.3608 14.0588 8.9743 C 14.5987 8.4524 14.6413 8.3874 14.6413 8.0447 c 0 -0.3203 -0.0515 -0.4122 -0.4267 -0.7874 L 13.9199 6.9627 L 14.9997 5.883 L 16.0794 4.8032 L 15.8991 4.6229 L 15.7187 4.4426 L 14.639 5.5223 L 13.5593 6.6021 L 11.7593 4.8021 L 9.9594 3.0022 L 11.0392 1.9225 L 12.1189 0.8427 L 11.9386 0.6624 L 11.7582 0.4821 L 10.6785 1.5618 L 9.5988 2.6415 L 9.3042 2.347 C 8.929 1.9717 8.836 1.9191 8.5168 1.9202 C 8.1763 1.918 8.1091 1.9628 7.5871 2.5026 C 7.1705 2.9327 7.1682 2.935 7.0898 3.1523 c -0.0426 0.1232 -0.0818 0.2968 -0.0874 0.3898 c -0.0045 0.0941 -0.0246 0.2083 -0.0459 0.2565 c -0.047 0.1053 -0.7717 0.83 -0.877 0.877 c -0.0426 0.0202 -0.1747 0.0448 -0.2923 0.0594 c -0.1187 0.0112 -0.3002 0.0515 -0.3965 0.0896 L 5.2104 4.8928 L 2.707 7.3827 C 0.7839 9.2969 0.188 9.9017 0.1309 10.0037 c -0.093 0.1557 -0.1008 0.5735 -0.0202 0.7303 z m 1.1951 -0.1602 v 0 L 0.9631 10.9232 L 0.738 10.6981 C 0.3829 10.343 0.0884 10.7183 2.9971 7.8095 C 4.5383 6.2683 5.5117 5.3129 5.561 5.2905 C 5.6035 5.2703 5.7368 5.2445 5.8533 5.2311 C 5.972 5.2199 6.1535 5.1796 6.2498 5.1415 C 6.4223 5.0765 6.448 5.0553 6.8905 4.6128 C 7.3329 4.1704 7.3542 4.1446 7.4191 3.9722 C 7.4572 3.8758 7.4986 3.6955 7.5087 3.5757 C 7.5222 3.4592 7.5479 3.3259 7.5681 3.2833 C 7.586 3.2385 7.7887 3.0179 8.0184 2.7883 C 8.5403 2.2663 8.5112 2.273 8.8371 2.599 L 9.0622 2.8241 L 7.5827 4.3127 L 6.1019 5.8068 L 6.8311 5.9468 c 0.401 0.0806 0.7359 0.1512 0.7426 0.1579 c 0.009 0.009 0.0818 0.3461 0.1624 0.7471 l 0.1467 0.7314 l 1.4908 -1.4774 l 1.4886 -1.4796 l 1.6644 1.6644 c 1.6353 1.6353 1.6644 1.6644 1.6644 1.754 c 0 0.0851 -0.0291 0.1187 -0.4144 0.504 c -0.2296 0.2296 -0.4503 0.4323 -0.4951 0.4503 c -0.0426 0.0202 -0.1747 0.0448 -0.2923 0.0594 c -0.1187 0.0112 -0.3002 0.0515 -0.3965 0.0896 c -0.1658 0.0627 -0.2117 0.0997 -0.6003 0.4749 c -0.3797 0.3663 -0.4323 0.4234 -0.5242 0.6048 c -0.0582 0.112 -0.1109 0.2811 -0.1266 0.3954 c -0.0112 0.1098 -0.0291 0.2397 -0.0381 0.2957 c -0.0134 0.0896 -0.1624 0.2431 -2.5224 2.6165 c -2.4899 2.4988 -2.51 2.519 -2.5997 2.519 c -0.0896 0 -0.1165 -0.0269 -1.754 -1.6644 L 2.763 12.7254 L 3.1091 12.3793 L 3.453 12.0355 L 3.304 11.2884 C 3.2055 10.8067 3.1349 10.5391 3.1035 10.5301 C 3.0789 10.5234 2.7429 10.4539 2.3565 10.3766 L 1.652 10.2344 L 1.3081 10.5783 Z M 2.6544 12.1127 L 2.4024 12.3647 L 1.8625 11.8249 L 1.3227 11.285 L 1.5747 11.033 L 1.8289 10.7787 L 2.2501 10.8616 c 0.2285 0.0448 0.4323 0.0851 0.448 0.0918 c 0.0134 0.009 0.0706 0.2139 0.1187 0.457 l 0.0918 0.448 z M 7.5703 5.5862 C 7.3396 5.5391 7.1425 5.4966 7.138 5.4921 C 7.1313 5.4854 7.642 4.9656 8.2737 4.3339 L 9.4207 3.187 L 9.9605 3.7269 L 10.5004 4.2667 L 9.3535 5.4137 C 8.7218 6.0454 8.202 6.5561 8.1953 6.5494 C 8.1886 6.5427 8.1483 6.359 8.1035 6.1417 C 8.062 5.9255 8.0206 5.7295 8.0116 5.7071 C 8.0004 5.687 7.8022 5.6276 7.5703 5.5862 Z M 3.8708 8.0156 C 2.6286 9.2577 2.3184 9.5814 2.3542 9.5904 c 0.0224 0.0045 0.3562 0.0717 0.7359 0.1467 c 0.3808 0.0739 0.7 0.1512 0.7112 0.1758 c 0.009 0.0224 0.0784 0.3405 0.1512 0.709 c 0.0739 0.3674 0.1389 0.6877 0.1467 0.7135 c 0.0067 0.0336 0.3282 -0.2744 1.5726 -1.5188 L 7.2332 8.2553 L 7.0909 7.5328 C 7.0125 7.1341 6.9308 6.7925 6.9129 6.7745 C 6.8949 6.7566 6.5522 6.676 6.1591 6.5965 L 5.4344 6.452 Z M 3.7879 9.3641 C 3.5594 9.3193 3.3656 9.2779 3.3589 9.2711 C 3.3522 9.2644 3.8562 8.7514 4.4767 8.1309 l 1.1313 -1.1313 l 0.4032 0.0829 c 0.2218 0.0426 0.4234 0.0851 0.448 0.0918 c 0.0269 0.009 0.0806 0.1882 0.1344 0.4592 L 6.6877 8.0794 L 5.5565 9.2107 C 4.936 9.8312 4.4207 10.333 4.414 10.3262 C 4.4073 10.3195 4.3658 10.1258 4.3222 9.8961 C 4.2774 9.6676 4.2348 9.4705 4.2258 9.4616 C 4.2169 9.4526 4.0186 9.4067 3.789 9.363 Z M 5.0121 8.3146 L 4.5619 8.7649 L 4.7422 8.9452 L 4.9225 9.1255 L 5.3728 8.6753 L 5.823 8.225 L 5.6427 8.0447 L 5.4624 7.8644 Z M 7.8011 9.484 L 6.1815 11.1036 L 6.3618 11.2839 L 6.5421 11.4642 L 8.1617 9.8446 L 9.7813 8.225 L 9.601 8.0447 L 9.4207 7.8644 Z M 8.8808 9.8446 L 7.6207 11.1047 L 7.8011 11.285 L 7.9814 11.4653 L 9.2415 10.2053 L 10.5015 8.9452 L 10.3212 8.7649 L 10.1409 8.5846 Z M 8.7912 4.5355 L 8.3409 4.9858 L 8.5213 5.1661 L 8.7016 5.3465 L 9.1519 4.8962 L 9.6021 4.4459 L 9.4218 4.2656 L 9.2415 4.0853 Z\"></path></svg>"), url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\" viewBox=\"0 0 75 75\"><path style=\"fill: rgb%2858, 156, 255%29;\" d=\"M 9.4084 11.3609 L 9.2168 11.1694 L 13.6232 6.763 A 3.5222 3.5222 90 0 0 8.6421 1.7819 L 4.2357 6.1882 L 4.0441 5.9967 a 0.2709 0.2709 90 0 0 -0.3832 0 l -0.7663 0.7663 a 0.2709 0.2709 90 0 0 0 0.3832 l 0.9579 0.9579 l -1.9158 1.9158 a 0.2709 0.2709 90 0 0 -0.3832 0 l -0.7663 0.7663 a 0.2709 0.2709 90 0 0 0 0.3832 l -0.1916 0.1916 a 0.2709 0.2709 90 0 0 0.3832 0.3832 l 0.1916 -0.1916 a 0.2709 0.2709 90 0 0 0.3832 0 l 0.7663 -0.7663 a 0.2709 0.2709 90 0 0 0 -0.3832 l 0.5747 -0.5747 c 1.1817 -1.1817 1.6317 -1.0504 1.9158 -0.7663 l 1.5327 1.5327 c 0.2841 0.2841 0.4153 0.7341 -0.7663 1.9158 l -0.5747 0.5747 a 0.2709 0.2709 90 0 0 -0.3832 -0 l -0.7663 0.7663 a 0.2709 0.2709 90 0 0 0 0.3832 l -0.1916 0.1916 a 0.2709 0.2709 90 0 0 0.3832 0.3832 l 0.1916 -0.1916 a 0.2709 0.2709 90 0 0 0.3832 0 l 0.7663 -0.7663 a 0.2709 0.2709 90 0 0 0 -0.3832 l 1.9158 -1.9158 l 0.9579 0.9579 a 0.2709 0.2709 90 0 0 0.3832 0 l 0.7663 -0.7663 a 0.2709 0.2709 90 0 0 0 -0.3832 z M 9.0252 2.165 A 2.9803 2.9803 90 0 1 13.24 6.3798 L 8.8336 10.7862 L 8.4505 10.403 L 11.7074 7.1462 a 0.2709 0.2709 90 0 0 0 -0.3832 L 10.5579 5.6135 a 0.2709 0.2709 90 0 0 -0.3129 -0.0508 l -1.5327 0.7663 a 0.2709 0.2709 90 0 0 -0.0703 0.4339 l 0.5747 0.5747 l -1.9158 1.9158 l -1.1495 -1.1495 l 2.0764 -2.0764 l 1.4934 -0.7466 a 0.2709 0.2709 90 0 0 0.0703 -0.4339 l -1.1495 -1.1495 a 0.2709 0.2709 90 0 0 -0.3832 0 L 5.002 6.9546 L 4.6188 6.5714 Z m 0.7663 4.9811 l -0.5006 -0.5006 l 1.0219 -0.5108 l 0.8198 0.8198 l -3.0653 3.0653 l -0.3832 -0.3832 l 2.1074 -2.1074 a 0.2709 0.2709 90 0 0 0 -0.3832 z m -4.0232 0.5747 l -0.3832 -0.3832 l 3.0653 -3.0653 l 0.6922 0.6922 l -1.1966 0.5981 a 0.2709 0.2709 90 0 0 -0.0703 0.0508 z m 2.6821 4.2148 l -4.9811 -4.9811 l 0.3832 -0.3832 l 4.9811 4.9811 z\"></path><path style=\"fill: rgb%2858, 156, 255%29;\" d=\"m 12.4737 2.9314 a 1.8987 1.8987 90 0 1 0 2.6821 l -0.3832 0.3832 a 0.2709 0.2709 90 0 0 0.3832 0.3832 l 0.3832 -0.3832 a 2.4411 2.4411 90 0 0 -0 -3.4485 a 0.2709 0.2709 90 0 0 -0.3832 0.3832 z\"></path></svg>"), url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\" viewBox=\"0 0 75 75\"><path style=\"fill: rgb%2858, 156, 255%29;\" stroke=\"rgb%2858, 156, 255%29\" stroke-width=\"0.2\" d=\"M 13.989619,2.899779 C 13.479331,2.3894906 12.959871,1.8911745 12.549182,1.5280389 12.343838,1.3464712 12.166086,1.2005651 12.024457,1.0975889 c -0.07081,-0.051488 -0.130015,-0.092297 -0.196224,-0.12460405 -0.0331,-0.0161534 -0.06597,-0.0319815 -0.12168,-0.0412911 -0.05571,-0.009309 -0.170486,-0.0114876 -0.260901,0.0789281 L 10.885116,1.571157 10.654544,1.3405848 a 0.26460997,0.26460997 0 0 0 -0.374543,0.0011 L 8.9707462,2.6509363 8.7843883,2.8372942 4.8551609,6.7665216 5.4032723,7.314633 4.6143574,8.1035479 4.6074147,8.4853987 1.1009638,11.99185 1.4751411,12.366027 4.9823228,8.8588453 5.3627121,8.8519026 6.151627,8.0629877 7.0870703,8.998431 6.2981554,9.7873459 l -0.00694,0.3818511 -3.5064509,3.506451 0.3741773,0.374177 3.5071817,-3.507182 0.3803893,-0.0069 0.7889149,-0.7889153 0.9354433,0.9354433 -0.7889149,0.788915 -0.00694,0.381851 -3.5064509,3.506451 0.3741773,0.374177 3.5071817,-3.507182 0.3803893,-0.0069 0.7889149,-0.788915 0.5481106,0.548111 3.929228,-3.9292273 0.186358,-0.1863579 1.309255,-1.3092553 a 0.26460997,0.26460997 0 0 0 0.0015,-0.3741773 L 15.319702,6.0057431 15.880238,5.4452079 c 0.09042,-0.090416 0.08787,-0.2055586 0.07856,-0.2612664 -0.0093,-0.055708 -0.02514,-0.088577 -0.04129,-0.1216807 C 15.885198,4.9960518 15.844758,4.9372168 15.79327,4.8664023 15.690294,4.7247738 15.544023,4.5466558 15.362455,4.3413118 14.99932,3.9306235 14.499907,3.4100673 13.989619,2.899779 Z m -0.374177,0.3741774 c 0.50454,0.5045397 0.998236,1.0209411 1.34945,1.4181466 0.175607,0.1986027 0.317644,0.3694513 0.401583,0.4848957 0.0072,0.00997 0.0064,0.01165 0.01279,0.020827 L 14.757707,5.819384 a 0.26460997,0.26460997 0 0 0 10e-7,0.3727165 L 14.93164,6.3660351 13.808742,7.4889325 9.3452891,3.0254792 10.468187,1.9025818 10.698759,2.133154 a 0.26460997,0.26460997 0 0 0 0.372715,-2e-7 l 0.621559,-0.6215582 c 0.0092,0.00637 0.01049,0.00518 0.02046,0.012424 0.115445,0.083938 0.285197,0.2248798 0.4838,0.4004866 0.397205,0.3512138 0.913607,0.8449103 1.418147,1.3494502 z m -0.319001,0.2634587 c -0.39814,-0.3981398 -1.052163,-0.3977744 -1.450303,3.654e-4 -0.39814,0.3981399 -0.39814,1.0517974 0,1.4499372 0.39814,0.3981397 1.052163,0.3985052 1.450303,3.654e-4 0.39814,-0.3981398 0.39814,-1.0525283 0,-1.450668 z m -0.374543,0.3745428 c 0.195919,0.1959193 0.195919,0.5056632 0,0.7015825 -0.195919,0.1959192 -0.505663,0.195919 -0.701582,0 -0.195919,-0.1959195 -0.19592,-0.5056633 0,-0.7015825 0.195919,-0.1959193 0.505663,-0.1959192 0.701582,0 z M 8.9696501,3.3981948 13.434565,7.8631098 10.067334,11.23034 5.6024194,6.7654254 Z\"></path></svg>");
  background-position: 0 0, 225px 150px, 150px 0, 75px 150px;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
.variables {
  display: grid;
}
.variable {
  padding: 0.5em;
  display: flex;
  justify-content: space-between;
}
.variable__name {
  padding: 0.5em;
}
.variable__value {
  background-color: white;
  padding: 0.5em;
  border-radius: 0.25em;
}
.variable_string {
  background-color: #cac5ff;
}
.variable_colour {
  background-color: #abd98e;
}
.variable_number {
  background-color: #ffe4c6;
}

.settings__body {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.settings__actions {
  display: flex;
  justify-content: flex-end;
}
.settings__categories {
  width: 20%;
  min-width: 200px;
  color: var(--color-typo-dark);
}
.settings__content {
  padding: 0.25em 1em;
  width: 100%;
  color: var(--color-typo-dark);
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.sidebar {
  width: 20%;
  min-width: 200px;
}
.sidebar__item {
  margin: 0.1em;
  padding: 0.375em;
  border-radius: 0.25em;
  cursor: pointer;
  transition: background-color 0.1s cubic-bezier(0.66, 0.11, 0.23, 0.9);
}
.sidebar__item_active {
  background-color: #3a9cff;
}
.sidebar__item:hover {
  background-color: #86bdfa;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }
  4% {
    transform: scale(1);
  }
  8% {
    transform: scale(1);
  }
  14% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.01);
  }
  28% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(0.98);
  }
  42% {
    transform: scale(0.98);
  }
  56% {
    transform: scale(1.05);
  }
  58% {
    transform: scale(1.04);
  }
  72% {
    transform: scale(0.87);
  }
  86% {
    transform: scale(1.27);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes timer-fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.form h1,
.form h2 {
  margin: 0;
}
.form__setting {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1em 0;
}
.checkbox {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  vertical-align: top;
  width: 4em;
  height: 2em;
  margin: 0;
  background: #ffffff;
  border: 1px solid #bbc1e1;
  border-radius: 2em;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  width: 1.875em;
  height: 1.875em;
  background-color: #3a9cff;
  border-radius: 50%;
  transform: translateX(0);
  transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}
.checkbox:checked {
  background-color: #3a9cff;
}
.checkbox:checked::after {
  transform: translateX(calc(100% + 0.0625em));
  background-color: #ffffff;
}
.checkbox_small {
  width: 2em;
  height: 1em;
}
.checkbox_small::after {
  width: 0.875em;
  height: 0.875em;
}
.input {
  border-radius: 0.25em;
}
.select__control {
  background-color: var(--color-light-emph) !important;
}
.select__single-value {
  color: var(--color-typo-dark) !important;
}
.select__menu {
  background-color: var(--color-light-emph) !important;
}
.select__option {
  color: var(--color-typo-dark) !important;
}
.select__option--is-selected {
  background-color: #3a9cff !important;
  color: var(--color-typo-light) !important;
}
.select__option--is-focused {
  background-color: #86bdfa !important;
  color: var(--color-typo-light) !important;
}

.about__version {
  font-size: 0.75em;
}
.about__version_line {
  margin: 0;
}
.about__heading {
  display: flex;
}
.about__heading-section {
  padding: 0.5em;
}

.issue__section {
  margin: 0.25em;
  overflow: auto;
}
.issue__text {
  margin: 0;
  font-size: 0.75em;
}

/* https://flatuicolors.com/palette/defo */
[data-theme="light"] {
  --color-light: #ffffff;
  --color-light-emph: #f1f1f1;
  --color-dark: #606060;
  --color-typo-light: #ffffff;
  --color-typo-dark: #000000;
  --color-invert: invert(0%);
  --color-primary: #3a9cff;
  --color-primary-deep: #105298;
  --color-secondary: #a29bfe;
  --color-secondary-deep: #6c5ce7;
}
[data-theme="dark"] {
  --color-light: #383838;
  --color-light-emph: #444444;
  --color-dark: #ffffff;
  --color-typo-light: #000000;
  --color-typo-dark: #ffffff;
  --color-invert: invert(100%);
  --color-primary: #105298;
  --color-primary-deep: #3a9cff;
  --color-secondary: #6c5ce7;
  --color-secondary-deep: #a29bfe;
}
body {
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.text-default {
  color: #95a5a6;
}
.text-primary {
  color: #3a9cff;
}
.text-secondary {
  color: #a29bfe;
}
.text-success {
  color: #69a742;
}
.text-warning {
  color: #ffbe76;
}
.text-danger {
  color: #e74c3c;
}
body {
  margin: 0;
}
#app,
.layout,
.root {
  width: 100%;
  height: 100%;
}
#modal-root {
  position: absolute;
  z-index: 1;
}
.nest {
  width: 100%;
  height: 100%;
  overflow: auto;
}


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