/*
The following third-party libraries are included:
- [auto-link](https://www.npmjs.com/package/auto-link): MIT License
- [paste-as-plain-text](https://www.npmjs.com/package/paste-as-plain-text): MIT License
- [vue-tags-input](https://github.com/JohMun/vue-tags-input): MIT License
*/



.buttonus {
  position: relative;
  padding: 2px;
  display: inline-block;
}
.buttonus .marker {
  margin-left: 5px;
}
body .buttonus--sub {
  position: absolute;
  display: none;
}
body .buttonus--sub-button {
  position: absolute;
  right: 0;
  bottom: -3px;
  display: block;
}
body .buttonus--sub-button .buttonus {
  padding: 0;
}
body .buttonus--sub-button .buttonus--button {
  padding: 3px;
  font-size: 6px;
  mask-image: none;
  -webkit-mask-image: none;
  border-radius: 50%;
  display: flex;
  gap: 7px;
}
.buttonus--text--section {
  display: flex;
  align-items: center;
}
.buttonus--label {
  display: flex;
  align-items: center;
}
.buttonus--submenu {
  position: absolute;
  height: 0;
  width: 0;
  right: 0;
  top: 0;
}
.buttonus--submenu--level-0 {
  top: inherit;
  right: inherit;
  bottom: 0;
  left: 0;
}
.buttonus--button {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 9px;
}
.buttonus--reverse .buttonus--button {
  flex-direction: row-reverse;
}
.buttonus--reverse .buttonus--icon {
  margin-right: 0;
  margin-left: 7px;
}
.buttonus--container {
  display: inline-block;
}
.portal-target-container {
  position: absolute;
  left: 0;
}
.buttonus--keycodes {
  margin-left: 20px;
  opacity: 0.5;
  margin-right: 4px;
  text-align: right;
  width: 100%;
  margin-top: -3px;
}
.buttonus--keycodes kbd {
  margin-top: 3px;
  font-family: Arial, Helvetica, sans-serif;
}
.buttonus--keycode {
  margin-left: 12px;
}
.buttonus--submenu-block {
  width: fit-content;
  width: -moz-fit-content;
  position: relative;
  max-height: calc(var(--platform-height) - 20px);
  overflow: auto;
}
.buttonus--label {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  max-width: 70vw;
  text-overflow: ellipsis;
}
.buttonus--button {
  display: flex;
  gap: 5px;
  padding: 9px;
  cursor: pointer;
}
.buttonus--disabled {
  opacity: 0.5;
  cursor: default;
}
.buttonus--small {
  font-size: 0.7em;
}
.buttonus--submenu-block .buttonus {
  display: block;
}
.buttonus--icon {
  position: relative;
}
.buttonus--svg svg {
  width: 22px;
  height: 22px;
  display: block;
}
.app .buttonus--mark {
  position: absolute;
  right: -4px;
  top: -8px;
}
.app .buttonus--mark:before {
  content: '*';
}
.buttonus--level-0 {
  flex-direction: column-reverse;
}
ul[role="menu"] {
  position: absolute;
  z-index: 1000;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.loading {
  border: none;
  position: absolute;
  box-sizing: border-box;
  background-blend-mode: soft-light;
  background-size: 20px;
  animation-timing-function: steps(24);
}
.loading-global {
  bottom: 0;
  min-height: 30px;
  min-width: 150px;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.loading-global--text {
  position: relative;
  width: 100%;
}
.loading-global--text:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
}
.loading-global--text span {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  color: white;
}
.progressbar {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  overflow: hidden;
}
.progressbar--fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.progressbar--text {
  position: relative;
  padding: 5px;
  white-space: nowrap;
}
.progressbar--fill--text {
  width: 100%;
  position: absolute;
}
.foreign-object-container-text {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gui--move-element {
  position: relative;
  z-index: 100;
}
.app .gui--move-element {
  pointer-events: all;
}
.person-name--avatar--letters {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 300;
  position: static;
  background-color: #ccc;
  color: black;
}
.person-name--avatar {
  height: 50px;
  margin-bottom: 5px;
}
.person-name--avatar img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.person-name--name {
  margin-top: 2px;
  font-size: 12px;
  width: 50px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.person-name--name span {
  opacity: 1;
}
.person-name--name i {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  margin-left: 3px;
}
.person-name--name i:hover {
  opacity: 1;
}
.person-name--name:hover i {
  opacity: 0.75;
}
.person-name--name.baned i,
.person-name--name.baned:hover i {
  opacity: 0.5;
  color: red;
}
.share--block,
.panel-ivvi .share--block {
  border-radius: var(--border-radius);
}
.share--block .buttonus,
.panel-ivvi .share--block .buttonus {
  padding: 0;
}
.share--block .buttonus--button,
.panel-ivvi .share--block .buttonus--button {
  padding: 12px;
}
.share--block .buttonus--label,
.panel-ivvi .share--block .buttonus--label {
  display: block;
}
.share--block--shared {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: 'header cancel' 'field field' 'members members' 'catalog catalog';
  grid-gap: 10px 20px;
  padding: 10px 0;
  max-width: 450px;
}
.share--block--shared:not(:first-child) {
  margin-top: 30px;
}
.share--block--shared:not(:last-child) {
  margin-bottom: 30px;
}
.share--header {
  grid-area: header;
  padding-left: 9px;
  font-weight: bold;
}
.share--cancel {
  grid-area: cancel;
  border-radius: var(--border-radius);
}
.share--field {
  grid-area: field;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: stretch;
}
.share--field .input {
  max-width: 400px;
  word-break: break-all;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.share--saved {
  display: none;
  color: var(--menubar--background);
  background: var(--panel--main--active--color);
  padding: 10px;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  position: absolute;
  border-radius: var(--border-radius);
}
.share--saved-visible .share--saved {
  display: block;
}
.share--members {
  grid-area: members;
}
.share--copy {
  position: relative;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  color: var(--menubar--background);
  cursor: pointer;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  font-size: 1.5em;
}
.share--copy:before {
  content: '';
  display: block;
  opacity: 0.8;
  background: var(--panel--main--active--color);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.share--copy i {
  position: relative;
  z-index: 2;
}
.share--copy:hover:before {
  opacity: 1;
}
.share--copied--message {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(-100%, -50%);
  border-radius: var(--border-radius);
  background-color: var(--panel--main--active--color);
  color: var(--menubar--background);
  padding: 5px;
  font-size: 18px;
}
.share--members--all {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  justify-items: end;
  align-items: center;
}
.share--block--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.share-catalog {
  padding: 2px 5px 13px 5px;
  grid-area: catalog;
  text-align: right;
}
.share-catalog p {
  margin: 5px 0;
}
.share-catalog p:first-child {
  margin-top: 0;
}
.share-catalog p:last-child {
  margin-bottom: 0;
}
.share-catalog--ml {
  padding: 2px 5px 13px 44px;
}
.flex-5,
.flex-10,
.flex-20,
.flex-30 {
  display: flex;
  align-items: center;
}
.flex-5 {
  gap: 5px;
}
.flex-10 {
  gap: 10px;
}
.flex-20 {
  gap: 20px;
}
.flex-30 {
  gap: 30px;
}
.flex-top {
  align-items: start;
}
.flex-wrap {
  flex-wrap: wrap;
}
.ml5 {
  margin-left: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}


.ti-tag-input[data-v-76406d5f] {
  background-color: transparent;
  color: inherit;
  border: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  top: 0px;
  position: absolute;
  width: 100%;
  line-height: inherit;
}
.ti-tag-input[data-v-76406d5f]::-ms-clear {
  display: none;
}
input[data-v-76406d5f]:focus {
  outline: none;
}
input[disabled][data-v-76406d5f] {
  background-color: transparent;
}

.autocompletion-add-user {
  width: fit-content;
}


.vue-modal-top,
.vue-modal-bottom,
.vue-modal-left,
.vue-modal-right,
.vue-modal-topRight,
.vue-modal-topLeft,
.vue-modal-bottomLeft,
.vue-modal-bottomRight {
  display: block;
  overflow: hidden;
  position: absolute;
  background: transparent;
  z-index: 9999999;
}
.vue-modal-topRight,
.vue-modal-topLeft,
.vue-modal-bottomLeft,
.vue-modal-bottomRight {
  width: 12px;
  height: 12px;
}
.vue-modal-top {
  right: 12;
  top: 0;
  width: 100%;
  height: 12px;
  cursor: n-resize;
}
.vue-modal-bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  cursor: s-resize;
}
.vue-modal-left {
  left: 0;
  top: 0;
  width: 12px;
  height: 100%;
  cursor: w-resize;
}
.vue-modal-right {
  right: 0;
  top: 0;
  width: 12px;
  height: 100%;
  cursor: e-resize;
}
.vue-modal-topRight {
  right: 0;
  top: 0;
  background: transparent;
  cursor: ne-resize;
}
.vue-modal-topLeft {
  left: 0;
  top: 0;
  cursor: nw-resize;
}
.vue-modal-bottomLeft {
  left: 0;
  bottom: 0;
  cursor: sw-resize;
}
.vue-modal-bottomRight {
  right: 0;
  bottom: 0;
  cursor: se-resize;
}
#vue-modal-triangle::after {
  display: block;
  position: absolute;
  content: '';
  background: transparent;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
}
#vue-modal-triangle.clicked::after {
  border-bottom: 10px solid #369be9;
}


.vm--block-scroll {
  overflow: hidden;
  width: 100vw;
}
.vm--container {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
}
.vm--overlay {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  /* z-index: 999; */
  opacity: 1;
}
.vm--container.scrollable {
  height: 100%;
  width: 100%;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.vm--modal {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;

  background-color: white;
  border-radius: 3px;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
}
.vm--container.scrollable .vm--modal {
  margin-bottom: 2px;
}
.vm--top-right-slot {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.vm-transition--overlay-enter-active,
.vm-transition--overlay-leave-active {
  transition-duration: 0;
}
.vm-transition--overlay-enter,
.vm-transition--overlay-leave-active {
  opacity: 0;
}
.vm-transition--modal-enter-active,
.vm-transition--modal-leave-active {
  transition-duration: 0;
}
.vm-transition--modal-enter,
.vm-transition--modal-leave-active {
  opacity: 0;
  transform: translateY(-20px);
}
.vm-transition--default-enter-active,
.vm-transition--default-leave-active {
  transition-duration: 0;
}
.vm-transition--default-enter,
.vm-transition--default-leave-active {
  opacity: 0;
}


.vue-dialog {
  font-size: 14px;
}
.vue-dialog div {
  box-sizing: border-box;
}
.vue-dialog-content {
  flex: 1 0 auto;
  width: 100%;
  padding: 14px;
}
.vue-dialog-content-title {
  font-weight: 600;
  padding-bottom: 14px;
}
.vue-dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
}
.vue-dialog-buttons-none {
  width: 100%;
  padding-bottom: 14px;
}
.vue-dialog-button {
  font-size: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: inherit;
  font: inherit;
  outline: none;
}
.vue-dialog-button:hover {
  background: #f9f9f9;
}
.vue-dialog-button:active {
  background: #f3f3f3;
}
.vue-dialog-button:not(:first-of-type) {
  border-left: 1px solid #eee;
}


:root {
  --platform--background: #FFF;
  --platform--color: black;
  --platform--hover--color: #e97f1c;
  --menubar--background: #000000;
  --menubar--color: #AAAAAA;
  --menubar--active--background: var(--menubar--color);
  --menubar--active--color: var(--menubar--background);
  --border-radius: 4px;
  --menubar-input--background: rgba(255, 255, 255, 0.2);
  --menubar-input--color: var(--menubar--color);
  --menubar-input--focus--background: rgba(255, 255, 255, 0.2);
  --menubar-input--focus--color: var(--menubar--color);
  --menubar-input--focus--outline--color: transparent;
  --menubar-input--border: none;
  --dialog-header--background: white;
  --dialog-header--color: black;
  --dialog-header--active--background: var(--menubar--color);
  --dialog-header--active--color: var(--menubar--background);
  --dialog-header--hover--background: 'transparent';
  --dialog-header--hover--color: var(--menubar--background);
  --dialog-body--background: white;
  --dialog-body--color: black;
  --dialog-body--link-color: #f79132;
  --dialog-body--hover--link-color: #fccca0;
  --dialog-body--table-color: #ccc;
  --dialog-body--notice-background: #e9e9cf;
  --input--background: rgba(255, 255, 255, 0.2);
  --input--color: var(--menubar--color);
  --input--focus--background: rgba(255, 255, 255, 0.2);
  --input--focus--color: var(--menubar--color);
  --input--focus--outline--color: transparent;
  --input--border: none;
  --menubar--submenu--background: var(--menubar--background);
  --panel--main--background: #000000;
  --panel--main--color: #AAAAAA;
  --panel--main--active--background: var(--panel--main--color);
  --panel--main--active--color: var(--panel--main--background);
  --panel--main--hover--background: var(--panel--main--color);
  --panel--main--hover--color: var(--panel--main--background);
  --panel--side--background: var(--panel--main--background);
  --panel--side--color: var(--panel--main--color);
  --panel--side--active--background: var(--panel--main--active--background);
  --panel--side--active--color: var(--panel--main--active--color);
  --panel--side--hover--background: var(--panel--main--hover--background);
  --panel--side--hover--color: var(--panel--main--hover--color);
  --context-menu--background: var(--menubar--background);
  --context-menu--color: var(--menubar--color);
  --context-menu--active--background: var(--menubar--active--background);
  --context-menu--active--color: var(--menubar--active--color);
  --context-menu--hover--background: var(--menubar--active--background);
  --context-menu--hover--color: var(--menubar--active--color);
  --button--background: #f79132;
  --button--color: white;
  --button--hover--background: #f79132;
  --button--hover--color: white;
  --cursor--stroke: white;
  --cursor--fill: black;
  --cursor--text-color: black;
  --cursor--text-bg: transparent;
  --platform-width: 0px;
  --platform-height: 0px;
  --logo-body-color: #c06e22;
  --logo-body-stroke-color: #c06e22;
  --logo-body-stroke-width: 0px;
  --loading-alert--background: var(--panel--side--active--color);
  --loading-alert--color: #5d5d5d;
  --loading-alert--border-color: var(--panel--side--background);
  --search-hightlight--background: yellow;
  --search-hightlight--color: black;
  --chat--color: black;
  --chat--background: #CCC;
  --branch-original-pos-background: black;
}
html,
body,
.platform,
#app {
  position: relative;
  height: 100%;
  width: 100%;
}
.platform-container {
  height: 100%;
}
.platform {
  overflow: hidden;
  position: relative;
}
.platform--remove-touches {
  touch-action: none;
}
.platform--center {
  position: absolute;
}
#svg {
  position: absolute;
  cursor: default;
}
#svg.mouse-input-overed {
  cursor: text;
}
.unselectable {
  -moz-user-select: none;
  /** @noinspection */
  -khtml-user-select: none;
  user-select: none;
}
#focus_remove {
  position: absolute;
}
.main--html {
  position: absolute;
  color: white;
}
.main--html__block {
  position: absolute;
}
.text--html {
  font-size: 30px;
  text-align: left;
  word-break: break-word;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  font-kerning: none;
}
.text--html:focus {
  outline: none;
}
.text--html .markdown-code {
  font-family: Arial, Helvetica, sans-serif;
  display: inline;
  padding: 1px 0.33em;
}
.link,
.link:hover,
.link:visited {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
}
.text--html--editable {
  cursor: text;
}
.text--html--editable > p:first-child {
  margin-top: 0;
}
.text--html--editable > p:last-child {
  margin-bottom: 0;
}
.text--html--center-block {
  display: flex;
  align-items: center;
  justify-content: stretch;
  width: max-content;
  width: -moz-max-content;
  max-width: 500px;
  min-width: 30px;
}
.text--html--empty:before {
  content: '. . .';
  font-weight: bold;
  letter-spacing: 1px;
}
.text--dots {
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}
.text--html--content p {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.text--html--content > p:first-child,
.text--html--content > pre:first-child,
.text--html--content > ol:first-child,
.text--html--content > ul:first-child {
  margin-top: 0;
}
.text--html--content > p:last-child,
.text--html--content > pre:last-child,
.text--html--content > ol:last-child,
.text--html--content > ul:last-child {
  margin-bottom: 0;
}
.text--html--left {
  min-width: fit-content;
  /** @noinspection */
  min-width: -moz-fit-content;
  margin-left: auto;
}
.text--html--small {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.text--html--uneditable {
  user-select: none;
}
.root--content-container .text--html {
  text-align: center;
  min-width: 130px;
}
.sub--html__relative {
  position: relative;
}
.text--html__content {
  position: absolute;
}
.text--html__text-container {
  position: relative;
}
.sub--html__sub {
  position: absolute;
}
/** @noinspection */
foreignObject {
  overflow: visible;
}
.data-textarea {
  position: absolute;
  z-index: 2;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 40%;
  display: none;
  border: none;
}
.data-textarea--visible {
  display: block;
}
.selected {
  stroke-width: 2;
}
.selected-loading {
  opacity: 0.5;
}
.pointer {
  cursor: pointer;
}
.app {
  height: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
  position: relative;
}
.app--with-bottom {
  grid-template-rows: auto 1fr auto;
}
.buttonus--submenu-block {
  background: var(--menubar--submenu--background);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.buttonus--button:hover,
.buttonus--hover,
.buttonus--active,
.buttonus--active:hover {
  background: var(--menubar--active--background);
  color: var(--menubar--active--color);
}
.menubar--filename {
  margin-right: 20px;
  padding: 5px;
  min-width: 100px;
  max-width: 300px;
  overflow: hidden;
}
.menubar--filename .input {
  padding: 5px 10px;
}
body input,
body .input {
  padding: 10px;
  background: var(--input--background);
  color: var(--input--color);
  border: var(--input--border);
  border-radius: var(--border-radius);
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
}
body input::-webkit-input-placeholder,
body .input::-webkit-input-placeholder {
  /* Edge */
  color: var(--input--color);
}
body input:-ms-input-placeholder,
body .input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--input--color);
}
body input::placeholder,
body .input::placeholder {
  color: var(--input--color);
}
body input:focus,
body .input:focus {
  background: var(--input--focus--background);
  color: var(--input--focus--color);
  box-shadow: 0 0 0 1.5px var(--input--focus--outline--color);
}
.menubar {
  width: 100%;
  background: var(--menubar--background);
  color: var(--menubar--color);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
.menubar .buttonus--button {
  color: var(--menubar--color);
  text-decoration: none;
  justify-content: space-between;
}
.menubar .buttonus--button:hover {
  color: var(--menubar--active--color);
}
.menubar .buttonus--text--section {
  margin-right: auto;
}
.menubar input {
  background: var(--menubar-input--background);
  color: var(--menubar-input--color);
  border: var(--menubar-input--border);
}
.menubar input::-webkit-input-placeholder {
  /* Edge */
  color: var(--menubar-input--color);
}
.menubar input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--menubar-input--color);
}
.menubar input::placeholder {
  color: var(--menubar-input--color);
}
.menubar input:focus {
  background: var(--menubar-input--focus--background);
  color: var(--menubar-input--focus--color);
  box-shadow: 0 0 0 1.5px var(--menubar-input--focus--outline--color);
}
.menu-button-with-arrow:before {
  content: '';
  display: block;
  position: absolute;
  border: 6px solid transparent;
  border-top: 4px solid var(--menubar--background);
  top: 0;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
.buttonus--submenu--level-0 {
  right: auto;
  top: auto;
  bottom: 0;
  left: 0;
}
.buttonus--submenu--level-0 > .buttonus--submenu-block {
  border-radius: var(--border-radius);
}
.menubar .buttonus--submenu--level-0 > .buttonus--submenu-block,
.portal-target-container .buttonus--submenu--level-0 > .buttonus--submenu-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.buttonus--submenu-arrow {
  padding-left: 20px;
  width: 100%;
  text-align: right;
}
.panel-main {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-gap: 20px;
  position: relative;
}
.panel--bottom--standard {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1440px) {
  body .panel-main .panel--zoom-button {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .zoom--dialog--100 {
    display: none;
  }
  .range--form button {
    border-radius: var(--border-radius);
  }
}
.panel--zoom-button .buttonus--label:before {
  width: 0;
  position: relative;
  z-index: -1;
  color: transparent;
  content: '\f111';
  display: inline-block;
  line-height: 1;
  height: 20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.panel--bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.panel-main,
.panel--bottom,
.search {
  background: var(--panel--main--background);
  color: var(--panel--main--color);
}
.panel-main .buttonus--icon,
.panel--bottom .buttonus--icon,
.search .buttonus--icon,
.panel-main .buttonus--label:before,
.panel--bottom .buttonus--label:before,
.search .buttonus--label:before {
  font-size: 1.4em;
}
.panel-main .a,
.panel--bottom .a,
.search .a {
  color: var(--panel--main--color);
  border-bottom-color: var(--panel--main--color);
}
.panel-main .a:hover,
.panel--bottom .a:hover,
.search .a:hover {
  color: var(--panel--main--active--color);
  border-bottom-color: var(--panel--main--active--color);
}
.panel-main .buttonus--button,
.panel--bottom .buttonus--button,
.search .buttonus--button {
  color: var(--panel--main--color);
  text-decoration: none;
  border-radius: 5px;
}
.panel-main .buttonus--button.buttonus--hover,
.panel--bottom .buttonus--button.buttonus--hover,
.search .buttonus--button.buttonus--hover,
.panel-main .buttonus--button:hover,
.panel--bottom .buttonus--button:hover,
.search .buttonus--button:hover {
  color: var(--panel--main--hover--color);
}
.panel-main .buttonus--button:active,
.panel--bottom .buttonus--button:active,
.search .buttonus--button:active,
.panel-main .buttonus--button.buttonus--active,
.panel--bottom .buttonus--button.buttonus--active,
.search .buttonus--button.buttonus--active {
  background: var(--panel--main--active--background);
  color: var(--panel--main--active--color);
}
.panel-main .buttonus--button.buttonus--hover,
.panel--bottom .buttonus--button.buttonus--hover,
.search .buttonus--button.buttonus--hover,
.panel-main .buttonus--button:hover,
.panel--bottom .buttonus--button:hover,
.search .buttonus--button:hover {
  background: var(--panel--main--hover--background);
}
.panel-main .buttonus--mark,
.panel--bottom .buttonus--mark,
.search .buttonus--mark {
  color: var(--panel--main--active--color);
}
.panel--main--right,
.panel--bottom--right {
  justify-self: end;
}
.panel--bottom--left {
  display: flex;
  align-items: center;
}
.panel--bottom--left .panel--zoom-button {
  margin-left: 10px;
}
.menubar .logo {
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 0;
}
.menubar .logo #logo-body {
  fill: var(--logo-body-color) !important;
  stroke: var(--logo-body-stroke-color) !important;
  stroke-width: var(--logo-body-stroke-width) !important;
}
.panel--container--right {
  position: absolute;
  right: 0;
}
.panel--container--right a {
  color: var(--panel--side--active--color);
  text-decoration: none;
}
.panel--container--right a:hover {
  text-decoration: underline;
}
.panel--icons {
  width: 300px;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}
.panel--right--bg {
  background: var(--panel--side--background);
  color: var(--panel--side--color);
}
.panel--right--bg .a {
  color: var(--panel--side--color);
  border-bottom-color: var(--panel--side--color);
}
.panel--right--bg .a:hover {
  color: var(--panel--side--active--color);
  border-bottom-color: var(--panel--side--active--color);
}
.panel--color {
  width: 210px;
  justify-content: center;
}
.panel--section {
  padding: 2px;
}
.panel--section--not-full-height {
  border-bottom-left-radius: var(--border-radius);
  overflow: hidden;
  background: var(--panel--side--background);
}
.panel--container--right2 {
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
}
.panel--container--right--full-height {
  height: 100%;
}
.panel--theme--button {
  overflow: hidden;
  cursor: pointer;
}
.panel--theme--button svg {
  display: block;
}
.dialog-content {
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}
.dialog-content .subscribe--section .bracket-top::after {
  border-bottom-color: var(--dialog-body--background);
}
.dialog-content .subscribe--section a {
  color: var(--panel--side--active--color);
}
.dialog-content .button,
.dialog-content button {
  padding: 10px 30px;
}
.panel--params {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 100%;
}
.panel--container--right section {
  padding: 10px;
}
.panel--container--right .panel--section--colors {
  padding: 2px;
}
.color-switcher {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.color-switcher .select-something {
  margin: 8px 14px;
}
.moving--color,
.color-switcher--item {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.moving--color.gui--move-element .color-switcher--icon,
.color-switcher--item.gui--move-element .color-switcher--icon,
.moving--color:hover .color-switcher--icon,
.color-switcher--item:hover .color-switcher--icon {
  width: 24px;
  height: 24px;
}
.color-switcher--item--bordered {
  border: 1px solid red;
}
.platform-icon {
  font-size: 32px;
  line-height: 32px;
}
.color-switcher--selected .color-switcher--icon,
.color-switcher--selected:hover .color-switcher--icon {
  width: 30px;
  height: 30px;
}
.color-switcher--icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--panel--side--color);
}
.color-switcher--blank {
  cursor: default;
  opacity: 0.3;
  position: relative;
}
.color-switcher--blank:before,
.color-switcher--blank:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  border-top: 1px solid var(--panel--side--background);
  transform: rotate(45deg);
}
.color-switcher--blank:before {
  transform: rotate(-45deg);
}
.color-switcher--blank:hover .color-switcher--icon {
  width: 20px;
  height: 20px;
}
.color-switcher--text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
}
.panel--label {
  padding-bottom: 10px;
  display: block;
}
.icon-switcher {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.icon-switcher--scroll {
  overflow-y: auto;
  padding-left: 10px;
  padding-right: 0;
  box-sizing: border-box;
}
.icon-switcher--list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 39px);
}
.icon-switcher--last {
  padding: 10px;
}
.icon-switcher--last .icon-switcher--list {
  overflow: hidden;
  max-height: 80px;
}
.panel--icons .icon-switcher--list--selected > i {
  color: var(--panel--side--active--color);
  background: var(--panel--side--active--background);
}
.panel--icons i:hover {
  color: var(--panel--side--hover--color);
}
.panel--icons i.active {
  background: var(--panel--side--active--background);
  color: var(--panel--side--active--color);
}
.panel--icons i:hover,
.panel--icons i.gui--move-element {
  background: var(--panel--side--hover--background);
}
.panel--icons i,
.moving--icon {
  font-size: 20px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  --smooth-corners: 4;
  mask-image: paint(smooth-corners);
  -webkit-mask-image: paint(smooth-corners);
}
.panel-main .buttonus--button,
.panel--bottom .buttonus--button {
  padding: 9px 8px;
  border-radius: 10px;
  --smooth-corners: 4;
  mask-image: paint(smooth-corners);
  -webkit-mask-image: paint(smooth-corners);
}
.button--dialog--content .buttonus--button {
  padding: 9px 8px;
  border-radius: var(--border-radius);
  mask-image: none;
  -webkit-mask-image: none;
  color: var(--menubar--color);
}
.button--dialog--content .buttonus--button:hover {
  color: var(--menubar--active--color);
  background: var(--menubar--active--background);
}
.button--dialog--content .a,
.button--dialog--content a {
  color: var(--menubar--color);
}
.button--dialog--content .a {
  border-bottom-color: var(--menubar--color);
}
.button--dialog--content hr {
  border-color: var(--menubar--color);
}
.panel--container--right .panel--section--icons {
  display: flex;
  grid-template-rows: auto 1fr;
  max-height: 100%;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.panel--container--right .panel--section--icons .panel--label {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.icon-switcher--search {
  padding-bottom: 15px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.panel--padding-lr {
  padding-left: 20px;
  padding-right: 20px;
}
.icon-switcher--disable {
  margin-top: 5px;
}
.panel-main--left {
  position: relative;
}
.panel-main--center,
.panel-main--left,
.panel-history {
  display: flex;
}
.button--dialog--relative {
  position: relative;
}
.button--dialog {
  position: absolute;
  z-index: 1;
  margin-top: 20px;
  max-width: calc(100vw - 34px);
  left: 0;
}
.button--dialog .button--dialog--arrow {
  display: block;
  position: absolute;
  border: 8px solid transparent;
  border-bottom: 6px solid var(--menubar--background);
  margin-top: -14px;
}
.button--dialog--bottom .button--dialog--arrow {
  margin-top: 0;
  bottom: -14px;
  transform: rotate(180deg);
}
.relative {
  position: relative;
}
.button--dialog--content {
  padding: 17px;
  background-color: var(--menubar--background);
  color: var(--menubar--color);
  border-radius: var(--border-radius);
  width: max-content;
  max-width: calc(100vw - 34px);
  box-sizing: border-box;
}
.button--dialog--content > .scrollbar {
  padding: 3px;
}
.shortcodes--table {
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px;
  align-items: center;
  max-height: calc(100vh - 300px);
  overflow: auto;
  width: 500px;
}
.shortcodes--table > div > div:not(:first-child) > kbd {
  margin-top: 5px;
}
.shortcodes--table h2 {
  font-size: 28px;
  grid-column: span 2;
}
.button--dialog--content > .shortcodes--table {
  padding: 20px;
}
.shortcodes--group {
  border-right: 1px solid var(--menubar--color);
  padding-right: 10px;
  margin-right: -10px;
}
.shortcodes--flex {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-gap: 5px;
}
.shortcodes--table--full-width {
  grid-column: span 2;
}
.shortcodes--block {
  padding: 20px;
}
.app kbd {
  border: 1px solid var(--menubar--color);
  border-radius: var(--border-radius);
  padding: 5px;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
}
.shortcodes--content kbd {
  max-width: 200px;
  white-space: normal;
}
.menubar--info {
  align-self: center;
  position: relative;
  z-index: 2;
  margin: 2px;
}
.actived-block {
  border-radius: var(--border-radius);
  padding: 6px 10px;
  background-color: var(--panel--side--active--color);
  color: var(--menubar--background);
}
.actived-block a,
.actived-block a:hover,
.actived-block .a,
.actived-block .a:hover {
  color: var(--menubar--background);
  border-bottom: none;
  text-decoration: underline;
}
.subscribe--section {
  color: var(--panel--side--active--color);
}
.subscribe--section .bracket-top {
  border-bottom: 1px solid var(--panel--side--active--color);
  margin-top: 20px;
  position: relative;
}
.subscribe--section .bracket-top:before {
  content: '';
  display: block;
  position: absolute;
  border: 8px solid #0000;
  border-bottom: 6px solid var(--panel--side--active--color);
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.subscribe--section .bracket-top:after {
  content: '';
  display: block;
  position: absolute;
  border: 8px solid #0000;
  border-bottom: 6px solid var(--panel--side--background);
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
}
.select-something {
  display: flex;
}
.select-something i {
  transform: rotate(-45deg);
  margin-right: 5px;
  font-size: 1.5em;
  vertical-align: middle;
}
.panel--container--right-bottom .select-something i {
  transform: rotate(90deg);
}
.panel--element {
  display: inline-block;
}
.title-contents {
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  border-radius: var(--border-radius);
  padding: 10px;
}
.branch-task--hand-made.branch-task--editable {
  cursor: pointer;
}
.icon-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-task--progress {
  transition-duration: 0.3s;
  transition-property: stroke-dasharray;
}
.moving--icon {
  border-radius: var(--border-radius);
  background: var(--panel--side--background);
  color: var(--panel--side--color);
  position: absolute;
  left: -1000px;
}
.moving--color {
  position: absolute;
}
.share--container .button--dialog--content {
  padding: 10px;
}
.center {
  text-align: center;
}
.menubar--notice {
  display: flex;
  background: var(--menubar--color);
  color: var(--menubar--background);
}
.menubar--notice > *:not(:first-child) {
  margin-left: 10px;
}
.menubar--notice a,
.menubar--notice a:hover,
.menubar--notice .a,
.menubar--notice .a:hover {
  color: var(--menubar--background);
  text-decoration: underline;
  border-bottom: none;
}
.app .button-small,
.app .button-small:active,
.app .button-small:focus {
  border-radius: var(--border-radius);
  padding: 10px;
  font-size: 16px;
  background-color: var(--button--background);
  color: var(--button--color);
  min-width: 0;
  margin: 0;
  position: relative;
  letter-spacing: 0;
}
.app .button-small:hover,
.app .button-small:active:hover,
.app .button-small:focus:hover {
  background-color: var(--button--hover--background);
  color: var(--button--hover--color);
}
.app .button-small:active:before,
.app .button-small:focus:before {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: block;
  border: 1px solid var(--button--background);
  border-radius: calc(var(--border-radius) + 1px);
  box-shadow: 0 0 0 0.5px var(--input--focus--outline--color);
}
.app .buttonus--active2 .buttonus--button {
  background-color: var(--button--background);
  color: var(--button--color);
}
.app .buttonus--active2 .buttonus--button.buttonus--hover,
.app .buttonus--active2 .buttonus--button:hover {
  background-color: var(--button--hover--background);
  color: var(--button--hover--color);
}
.app .buttonus--p10 .buttonus--button {
  padding: 10px;
}
.multiplayer-panel--you {
  opacity: 0.5;
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mt5 {
  margin-top: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mt10 {
  margin-top: 10px;
}
.cursor--arrow {
  stroke: var(--cursor--stroke);
  fill: var(--cursor--fill);
}
.cursor--unvisible-arrow {
  color: var(--cursor--fill);
}
.cursor--person-name {
  color: var(--cursor--text-color);
  font-size: 14px;
  background-color: var(--cursor--text-bg);
  border-radius: var(--border-radius);
  padding: 3px;
  max-width: 100px;
  width: fit-content;
  width: -moz-fit-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selection--person {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cover {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  backdrop-filter: blur(5px);
}
.cover--substrate {
  position: fixed;
  display: block;
  left: 0;
  top: 0;
  background: var(--menubar--background);
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
}
.cover--closable {
  cursor: pointer;
}
.cover--closable {
  cursor: zoom-out;
}
.cover--padding .cover--message {
  padding: 20px;
}
.cover--message {
  position: relative;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--panel--main--background);
  color: var(--panel--main--active--color);
  pointer-events: all;
  box-shadow: 0 0 4px #00000066;
  cursor: default;
}
.cover--message img {
  max-width: 100%;
  border-radius: var(--border-radius);
  display: block;
  min-width: 150px;
  min-height: 150px;
}
.cover--scroll {
  max-height: 100vh;
  overflow: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 30px;
}
.cover--close {
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
  top: -28px;
  right: 0;
  cursor: pointer;
  margin-left: auto;
  margin-bottom: 5px;
}
.cover--close:before,
.cover--close:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--panel--main--color);
}
.cover--close:before {
  width: 26px;
  height: 2px;
}
.cover--close:after {
  width: 2px;
  height: 26px;
}
.app--wrapper {
  background: var(--menubar--background);
  position: relative;
}
.scrollbar {
  /** @noinspection */
  scrollbar-width: thin;
  /** @noinspection */
  scrollbar-color: var(--panel--side--color) transparent;
}
.scrollbar:after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
}
.scrollbar::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
.scrollbar--thin::-webkit-scrollbar {
  height: 12px;
  width: 4px;
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--border-radius);
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5) transparent;
  border-radius: 5px;
  border: 3px solid transparent;
}
.branch--dialog .scrollbar,
.button--dialog--content .scrollbar,
.branch--dialog.scrollbar,
.button--dialog--content.scrollbar {
  max-height: calc(100vh - 300px);
  /** @noinspection */
  scrollbar-width: thin;
  /** @noinspection */
  scrollbar-color: var(--panel--main--background) transparent;
}
.branch--dialog .scrollbar::-webkit-scrollbar-thumb,
.button--dialog--content .scrollbar::-webkit-scrollbar-thumb,
.branch--dialog.scrollbar::-webkit-scrollbar-thumb,
.button--dialog--content.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--panel--main--background);
  border: 3px solid var(--menubar--background);
}
.scrollbar {
  overflow: auto;
}
.menubar--styles {
  background: var(--menubar--background);
  color: var(--menubar--color);
}
.menubar--styles .scrollbar {
  /** @noinspection */
  scrollbar-width: thin;
  /** @noinspection */
  scrollbar-color: var(--menubar--color) transparent;
}
.menubar--styles .scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--menubar--color);
  border: 3px solid var(--menubar--background);
}
.panel--container--right .scrollbar {
  /** @noinspection */
  scrollbar-width: thin;
  /** @noinspection */
  scrollbar-color: var(--panel--side--color) transparent;
}
.panel--container--right .scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--panel--side--color);
  border: 3px solid var(--panel--side--background);
}
.scrollbar--unstyled {
  overflow: hidden;
}
.side-shift--line {
  position: absolute;
  box-sizing: border-box;
  justify-content: stretch;
  align-items: stretch;
  color: var(--panel--side--color);
  opacity: 1;
}
.side-shift--line:before {
  content: '';
  display: block;
  background: var(--panel--side--color);
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: relative;
}
.side-shift--icons {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 100px;
  justify-content: center;
  align-items: center;
}
.side-shift--icons i {
  font-size: 16px;
  position: relative;
}
@keyframes sideShiftPulseX {
  from {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  to {
    transform: translateX(-2px);
  }
}
@keyframes sideShiftPulseY {
  from {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(2px);
  }
  to {
    transform: translateY(-2px);
  }
}
.side-shift--line--x {
  width: 50px;
  top: 0;
  height: 100%;
}
.side-shift--line--y {
  height: 50px;
  left: 0;
  width: var(--platform-width);
}
.side-shift--line--y .side-shift--icons {
  flex-direction: row;
}
.side-shift--icons {
  height: 100%;
  width: 100%;
}
.side-shift--line--left {
  left: 0;
}
.side-shift--line--up {
  top: 0;
  border-right: none;
}
.side-shift--line--right {
  border-right: none;
  left: calc(var(--platform-width) - 50px);
}
.side-shift--line--down {
  bottom: 0;
  border-right: none;
}
.side-shift-line-enter-active,
.side-shift-line-leave-active {
  transition: opacity 0.15s;
}
.side-shift-line-enter,
.side-shift-line-leave-to {
  opacity: 0;
}
.page-template-map {
  overflow: hidden;
}
.page-template-map .menu--mobile {
  display: none;
}
.page-template-map .main-wrap,
.page-template-map .main-wrap > .wrapper,
.page-template-map .app-container,
.page-template-map .app--wrapper {
  height: 100%;
}
.page-template-map .main-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.app--wrapper {
  height: 100%;
}
.display-inline-block {
  display: inline-block;
}
@media (max-width: 1440px) {
  .menubar .logo {
    padding-left: 10px;
    padding-right: 10px;
  }
  .panel-main .buttonus,
  .panel--bottom .buttonus,
  .panel-main .panel--element,
  .panel--bottom .panel--element {
    padding: 3px;
  }
  .panel-main .buttonus--button,
  .panel--bottom .buttonus--button {
    padding: 8px 7px;
  }
  body .buttonus--button {
    padding: 8px;
  }
  .panel--icons i,
  .moving--icon {
    font-size: 20px;
    height: 35px;
    width: 35px;
  }
  .icon-switcher--list {
    grid-template-columns: repeat(auto-fill, 34px);
  }
  .icon-switcher--last .icon-switcher--list {
    max-height: 70px;
  }
  .dialog-title {
    font-size: 28px;
  }
  .dialog-close {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .dialog-close:before,
  .dialog-close:after {
    width: 30px;
  }
}
@media (max-width: 1280px) {
  .menubar .logo {
    padding-left: 7px;
    padding-right: 5px;
  }
  .panel-main .buttonus,
  .panel--bottom .buttonus,
  .panel-main .panel--element,
  .panel--bottom .panel--element {
    padding: 2px;
  }
  .panel-main .buttonus--button,
  .panel--bottom .buttonus--button {
    padding: 6px 5px;
  }
  .menubar--filename {
    padding: 3px;
  }
  body .buttonus--button {
    padding: 7px;
  }
  .menubar .logo svg {
    height: 28px;
  }
  .panel--icons i,
  .moving--icon {
    font-size: 18px;
  }
  .dialog-title {
    font-size: 28px;
  }
  .dialog-close {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .dialog-close:before,
  .dialog-close:after {
    width: 30px;
  }
  .buttonus--keycode {
    font-size: 0.7em;
  }
}
@media (max-width: 960px) {
  .hide-until-960 {
    display: none;
  }
  .menubar--filename {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .panel-main {
    grid-template-columns: auto auto;
  }
  .icon-switcher--search input {
    width: 100%;
  }
  .panel--icons {
    width: 160px;
  }
  body .buttonus--sub .buttonus--button {
    display: none;
  }
  body .panel--icons--head {
    margin-left: -10px;
    margin-right: 10px;
    flex-wrap: nowrap;
  }
  body .panel--icons--head .button-big {
    transform: scale(0.7);
    width: 30px;
    height: 30px;
  }
  body .panel--container--right section {
    padding: 10px;
  }
  body .image-uploader input {
    width: 50px;
    height: 50px;
  }
  body .icon--size {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  body .panel--icons--head {
    margin-left: -4px;
    margin-right: 12px;
  }
  body .panel--icons--head > * {
    margin-left: 0;
  }
}
@media (max-width: 650px) {
  .panel-main {
    grid-template-columns: 1fr auto;
  }
}
@media (max-width: 550px) {
  .panel--icons {
    width: 140px;
  }
  body .panel--icons--head .button-big {
    width: 28px;
    height: 35px;
    transform: scale(0.7);
  }
  body .panel--icons--head {
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 20px;
  }
  body .panel--icons--head > * {
    margin-left: 5px;
  }
  body .panel--section--icons section {
    padding: 10px 0;
  }
  .panel--icons i,
  .moving--icon {
    font-size: 16px;
  }
  .icon-switcher--list {
    grid-template-columns: repeat(auto-fill, 28px);
  }
  .icon-switcher--last .icon-switcher--list {
    max-height: 58px;
  }
}
@media (max-width: 450px) {
  .panel-main .buttonus,
  .panel--bottom .buttonus,
  .panel-main .panel--element,
  .panel--bottom .panel--element {
    padding: 2px;
  }
  body .buttonus--button {
    padding: 7px;
  }
  .menubar .logo {
    align-self: center;
  }
}
@media (max-width: 400px) {
  .panel-main .buttonus,
  .panel--bottom .buttonus,
  .panel-main .panel--element,
  .panel--bottom .panel--element {
    padding: 1px;
  }
  .panel-main .buttonus--icon,
  .panel--bottom .buttonus--icon,
  .panel-main .buttonus--label:before,
  .panel--bottom .buttonus--label:before {
    font-size: 1.3rem;
  }
  body .panel-main .buttonus--button i,
  body .panel-bottom .buttonus--button i {
    font-size: 1.3rem;
  }
  body .panel-main .buttonus--button .fa-fw,
  body .panel-bottom .buttonus--button .fa-fw {
    width: 1.3rem;
  }
}
.simple--dialog--container {
  position: static !important;
  left: 0;
  top: 0;
  display: inline-block;
}
.branch--dialog {
  padding: 10px;
  max-height: 400px;
  overflow-y: auto;
  position: static;
  margin-top: -1px;
}
.branch--dialog--cursor {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--context-menu--background) transparent;
  position: static;
  margin-top: -9.5px;
  margin-bottom: -2px;
  z-index: 1;
}
.branch--dialog,
.context-menu--container {
  width: max-content;
  width: -moz-max-content;
  border-radius: calc(1px + var(--border-radius));
  border: 1px solid var(--platform--background);
  border-top: none;
  background: var(--context-menu--background);
  max-height: calc(var(--platform-height) - 20px);
}
.branch--dialog {
  overflow: auto;
}
.branch--dialog,
.context-menu--container,
.buttonus--submenu,
.portal-target-container {
  color: var(--context-menu--color);
}
.branch--dialog .buttonus--icon,
.context-menu--container .buttonus--icon,
.buttonus--submenu .buttonus--icon,
.portal-target-container .buttonus--icon,
.branch--dialog .buttonus--label:before,
.context-menu--container .buttonus--label:before,
.buttonus--submenu .buttonus--label:before,
.portal-target-container .buttonus--label:before {
  font-size: 1.4em;
}
.branch--dialog .a,
.context-menu--container .a,
.buttonus--submenu .a,
.portal-target-container .a {
  color: var(--context-menu--color);
  border-bottom-color: var(--context-menu--color);
}
.branch--dialog .a:hover,
.context-menu--container .a:hover,
.buttonus--submenu .a:hover,
.portal-target-container .a:hover {
  color: var(--context-menu--hover--color);
  border-bottom-color: var(--context-menu--hover--color);
}
.branch--dialog .buttonus--button,
.context-menu--container .buttonus--button,
.buttonus--submenu .buttonus--button,
.portal-target-container .buttonus--button {
  color: var(--context-menu--color);
  text-decoration: none;
  font-size: 0.9rem;
  border-radius: 5px;
}
.branch--dialog .buttonus--button.buttonus--hover,
.context-menu--container .buttonus--button.buttonus--hover,
.buttonus--submenu .buttonus--button.buttonus--hover,
.portal-target-container .buttonus--button.buttonus--hover,
.branch--dialog .buttonus--button:hover,
.context-menu--container .buttonus--button:hover,
.buttonus--submenu .buttonus--button:hover,
.portal-target-container .buttonus--button:hover {
  color: var(--context-menu--hover--color);
}
.branch--dialog .buttonus--button:active,
.context-menu--container .buttonus--button:active,
.buttonus--submenu .buttonus--button:active,
.portal-target-container .buttonus--button:active,
.branch--dialog .buttonus--button.buttonus--active,
.context-menu--container .buttonus--button.buttonus--active,
.buttonus--submenu .buttonus--button.buttonus--active,
.portal-target-container .buttonus--button.buttonus--active {
  background: var(--context-menu--active--background);
  color: var(--context-menu--active--color);
}
.branch--dialog .buttonus--button.buttonus--hover,
.context-menu--container .buttonus--button.buttonus--hover,
.buttonus--submenu .buttonus--button.buttonus--hover,
.portal-target-container .buttonus--button.buttonus--hover,
.branch--dialog .buttonus--button:hover,
.context-menu--container .buttonus--button:hover,
.buttonus--submenu .buttonus--button:hover,
.portal-target-container .buttonus--button:hover {
  background: var(--context-menu--hover--background);
}
.branch--dialog .buttonus--mark,
.context-menu--container .buttonus--mark,
.buttonus--submenu .buttonus--mark,
.portal-target-container .buttonus--mark {
  color: var(--context-menu--active--color);
}
.branch--dialog kbd,
.context-menu--container kbd,
.buttonus--submenu kbd,
.portal-target-container kbd {
  border-color: var(--context-menu--color);
}
.context-menu--container {
  position: absolute;
  overflow: auto;
  z-index: 10;
}
.portal-target-container {
  margin-left: -1px;
  z-index: 11;
}
.context-menu--container .buttonus--button,
.portal-target-container .buttonus--button {
  font-size: 0.9rem;
  padding: 5px;
}
.context-menu--container .buttonus--submenu-block,
.portal-target-container .buttonus--submenu-block {
  margin-top: -1px;
  border: 1px solid var(--platform--background);
  background: var(--context-menu--background);
}
.context-menu--container .buttonus--sub,
.portal-target-container .buttonus--sub {
  position: absolute;
  padding: 1px;
  right: auto;
  bottom: auto;
}
.context-menu--container .buttonus--sub .buttonus--button,
.portal-target-container .buttonus--sub .buttonus--button {
  font-size: 0.9rem;
}
.context-menu--container .buttonus:hover > .buttonus--sub,
.portal-target-container .buttonus:hover > .buttonus--sub {
  display: block;
}
.menubar-submenu .buttonus--submenu-block {
  margin-top: 0;
  border: none;
  background: var(--menubar--submenu--background);
  color: var(--menubar--color);
}
.menubar-submenu .buttonus--button {
  color: var(--menubar--color);
}
.menubar-submenu kbd {
  border-color: var(--menubar--color);
}
.moving--item--over-platform .context-menu--container {
  display: none;
}
.context-menu--small .buttonus--icon {
  font-size: 16px;
}
.context-menu--row {
  display: flex;
}
.context-menu--row--1 > .buttonus--level {
  width: 100%;
}
@media (max-width: 768px) {
  kbd {
    display: none;
  }
}
.red {
  color: red;
}
.multiplayer--name-form > * {
  margin-bottom: 5px;
}
.multiplayer--name-form input {
  font-size: 14px;
}
.panel--theme {
  width: 150px;
  display: grid;
  grid-template-rows: auto 1fr;
}
.panel--theme .range--form {
  grid-template-columns: 31px 1fr 31px;
}
.panel--theme .scrollbar:after {
  display: none;
}
@media (max-width: 650px) {
  /* .subscribe--section .bracket-top:after {
    border-bottom: 6px solid var(--panel--main--background);
  } */
  .panel--container--right a {
    text-decoration: underline;
  }
}
.subscribe--section .center {
  position: relative;
  top: 4px;
}
.icon--size {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.icon--size .button-bg {
  stroke-dasharray: 6, 6;
}
.icon--size .button-big:not(:last-child) {
  margin-right: 15px;
}
.button-big {
  position: relative;
  width: 50px;
  height: 50px;
  fill: none;
  stroke: var(--panel--side--color);
  stroke-width: 1;
  opacity: 0.5;
  cursor: default;
}
.button-big:hover {
  fill: none;
}
.button-big:hover i {
  background-color: transparent;
}
.button-big i {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.icon-big--enabled {
  opacity: 1;
  cursor: pointer;
}
.icon-big--enabled:hover {
  fill: var(--panel--side--hover--background);
}
.icon-big--enabled:hover i {
  background-color: transparent;
}
.icon-big--enabled i {
  cursor: pointer;
}
.icon--size--selected,
.icon--size--selected:hover {
  stroke: var(--panel--side--active--color);
}
.icon--size--selected i,
.icon--size--selected:hover i {
  color: var(--panel--side--active--color);
}
.icon--size--small i {
  font-size: 1em;
}
.icon--size--big i {
  font-size: 2em;
}
.icon-link {
  cursor: pointer;
}
.file-catcher {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.button--comment {
  font-size: 0.8em;
  display: block;
  margin-top: 10px;
}
.branch--root .branch--loading {
  opacity: 1;
}
.branch--child .branch--loading {
  opacity: 0.3;
}
.button--comment--active {
  color: var(--panel--main--active--color);
}
.image {
  cursor: pointer;
  transition-duration: 0.15s;
}
.image:hover {
  transform: scale(1.03);
}
.image-img {
  object-fit: contain;
  border-radius: 10px;
}
.image-img--full {
  height: inherit;
}
.context-menu--select-file input,
.image-uploader input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
body .image-uploader {
  position: relative;
}
body .image-uploader i {
  font-size: 32px;
}
.overflow-hidden {
  overflow: hidden;
}
.panel--icons--head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -30px;
}
.panel--icons--head > * {
  margin-left: 30px;
}
.menubar--directory {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.menubar--directory--separator {
  position: relative;
  left: -5px;
}
@media (max-width: 750px) {
  .menubar--directory {
    display: none;
  }
}
.app-rounded-panels .app-rounded-panel {
  border-radius: 20px;
  overflow: hidden;
}
.button-connection {
  transform: rotate(75deg);
}
.disable-mouse {
  pointer-events: none;
}
.dialog--connection--content {
  padding: 0;
}
.connection-point {
  cursor: pointer;
}
.editable-buttons {
  display: flex;
  margin-left: 20px;
  align-items: center;
}
.editable-buttons > * {
  margin-left: 10px;
}
.editable-row {
  padding: 10px;
  display: flex;
  z-index: 1000;
}
.editable-row:nth-child(odd) {
  background: var(--dialog-body--table-color);
  border-radius: var(--border-radius);
}
.editable-list {
  margin-top: 30px;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.button-small,
.editable-button {
  cursor: pointer;
  padding: 10px;
}
.app .button-small {
  background: var(--button--background);
  color: var(--button--color);
  font-size: 16px;
  padding: 5px;
}
.app .button-small:focus,
.app .button-small:active {
  padding: 5px;
}
.app .button-small:hover {
  background: var(--button--hover--background);
  color: var(--button--hover--color);
}
.editable-row--script-name {
  width: 100%;
}
.editable-button {
  margin: -10px;
  margin-left: 10px;
}
.editable-button:active {
  margin: -10px;
  margin-left: 10px;
}
.editable-button:hover {
  opacity: 0.8;
}
.adaptive-flex {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  align-items: center;
}
.adaptive-flex > * {
  margin-left: 30px;
}
.panel--message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  z-index: 2;
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel--message > * {
  margin-left: 30px;
}
.panel--message > *:first-child {
  margin-left: 0;
}
.panel--message--text {
  padding: 10px;
}
.export--dialog .vm--container.scrollable {
  width: 0;
  overflow: visible;
}
.export--dialog .vm--overlay {
  width: 0;
}
.form--grid {
  display: grid;
  grid-template-columns: [start] auto 1fr [end];
  grid-gap: 20px;
  align-items: baseline;
}
.form--grid .form--label {
  text-align: right;
}
.form--full-width-column {
  grid-column-start: 2;
  grid-column-end: 3;
}
.form--column--element {
  display: inline-block;
  margin-right: 20px;
}
.input--100 {
  width: 100px;
}
body .drawning__panel .buttonus--button,
.dialog-header .buttonus--button {
  background: var(--dialog-header--background);
  color: var(--dialog-header--color);
  font-size: 24px;
}
body .drawning__panel .buttonus--button:hover,
.dialog-header .buttonus--button:hover {
  color: var(--dialog-header--hover--color);
}
body .drawning__panel .buttonus--button.buttonus--active,
.dialog-header .buttonus--button.buttonus--active {
  background: var(--dialog-header--active--background);
  color: var(--dialog-header--active--color);
}
body .drawning__panel .buttonus--button:hover,
.dialog-header .buttonus--button:hover {
  background: var(--dialog-header--hover--background);
}
body.vm--block-scroll {
  overflow-y: auto;
}
body .vm--container {
  position: absolute;
}
.vm--container .dialog-header {
  background: var(--dialog-header--background);
  color: var(--dialog-header--color);
}
.vm--container .dialog-title {
  padding: 15px 10px 15px 0;
}
.vm--container .dialog-close:before,
.vm--container .dialog-close:after {
  border-top: 1px solid var(--dialog-header--color);
}
.vm--container .dialog-close:hover {
  background-color: var(--dialog-header--hover--background);
}
.vm--container .dialog-content {
  background: var(--dialog-body--background);
  color: var(--dialog-body--color);
}
.vm--container .dialog-content .notice {
  background: var(--dialog-body--notice-background);
}
.vm--container .dialog-content .notice:before {
  color: var(--dialog-body--color);
  top: unset;
  transform: none;
}
.vm--container .dialog-content a,
.vm--container .dialog-content .a {
  color: var(--dialog-body--link-color);
}
.vm--container .dialog-content a:hover,
.vm--container .dialog-content .a:hover {
  color: var(--dialog-body--hover--link-color);
}
.vm--container .dialog-content .a-hovering:hover a,
.vm--container .dialog-content .a-hover a,
.vm--container .dialog-content .a-hovering:hover .a,
.vm--container .dialog-content .a-hover .a {
  color: var(--dialog-body--hover--link-color);
}
.vm--container .dialog-content .a {
  border-bottom-color: var(--dialog-body--link-color);
}
.vm--container .dialog-content .a:hover {
  border-bottom-color: var(--dialog-body--hover--link-color);
}
.vm--container .dialog-content .a-hovering:hover .a,
.vm--container .dialog-content .a-hover .a {
  border-bottom-color: var(--dialog-body--hover--link-color);
}
.vm--container .dialog-content .button,
.vm--container .dialog-content button,
.vm--container .dialog-content .button-small {
  background-color: var(--button--background);
  color: var(--button--color);
}
.vm--container .dialog-content .button:hover,
.vm--container .dialog-content button:hover,
.vm--container .dialog-content .button-small:hover {
  background-color: var(--button--hover--background);
  color: var(--button--hover--color);
}
.vm--container .dialog-content .button-small {
  padding: 10px;
}
.progressbar {
  background: var(--menubar--background);
  color: var(--menubar--color);
  border-radius: var(--border-radius);
}
.progressbar--fill {
  background: #e97f1c;
  color: white;
}
.export--progress {
  width: 250px;
  cursor: col-resize;
}
.w-resize {
  cursor: w-resize;
}
.e-resize {
  cursor: e-resize;
}
.scripts--list-add {
  position: relative;
}
.scripts--list-add input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.vm--overlay {
  display: none;
}
.vm--container.scrollable {
  width: 0;
  overflow: visible;
}
.branch--button--container {
  width: fit-content;
  width: -moz-fit-content;
}
.branch--button--container a {
  text-decoration: none;
}
.branch--button--container .buttonus--button {
  padding: 5px;
}
body .branch--button--container .buttonus,
body .branch--button--container .buttonus--button,
body .branch--button--container .buttonus--icon {
  position: static;
}
body .branch--button--container .buttonus--mark {
  right: 0;
  top: 0;
  position: fixed;
}
.branch--left .branch--button--container .buttonus--button {
  flex-direction: row-reverse;
}
.branch--left .branch--button--container .buttonus--with-label .buttonus--icon {
  margin-left: 7px;
  margin-right: 0;
}
.note--content {
  min-width: 200px;
  max-width: 500px;
  cursor: text;
  user-select: text;
}
.note--label {
  position: absolute;
  pointer-events: none;
  opacity: 0.5;
}
.panel--bottom--right {
  display: grid;
  grid-template-columns: repeat(auto-fill, auto);
  direction: rtl;
}
.panel--bottom--right > * {
  grid-row-start: 1;
  direction: ltr;
}
body .vm--modal {
  box-shadow: 0 20px 60px -2px #1b213a66;
}
.theme--octopusPro .dialog,
.theme--octopusDark .dialog,
.theme--octopusWatercolor .dialog,
.theme--octopusPro .vm--modal,
.theme--octopusDark .vm--modal,
.theme--octopusWatercolor .vm--modal {
  box-shadow: 0 0 60px #00000069;
}
.theme--octopusBlackCat .dialog,
.theme--octopusBlackCat .vm--modal {
  box-shadow: 0 0 60px #00000069;
}
.theme--octopusWatercolor .branch--child .branch--loading {
  opacity: 1;
}
.app .button,
.app button {
  background-color: var(--button--background);
  color: var(--button--color);
}
.app .button:hover,
.app button:hover {
  background-color: var(--button--hover--background);
  color: var(--button--hover--color);
}
.app--selection--disabled {
  user-select: none;
}
.loading {
  background-color: var(--panel--main--hover--background);
  border-radius: var(--border-radius);
  z-index: 1000;
}
.loading-contrasted {
  background-color: var(--loading-alert--background);
}
.loading-global--text:before {
  background-color: var(--panel--main--background);
}
.loading-global--text span {
  color: var(--panel--main--color);
}
.loading-global--ok {
  background-image: none;
}
body .loading-global--alert {
  background-image: none;
  background: var(--loading-alert--background);
  border: 1px solid var(--loading-alert--border-color);
  border-bottom: none;
  color: var(--loading-alert--color);
}
body .loading-global--alert .loading-global--text span {
  color: var(--loading-alert--color);
}
body .loading-global--alert .loading-global--text:before {
  background: none;
}
.export--loading,
.loading-maximized {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.export--loading .loading-global--text span,
.loading-maximized .loading-global--text span {
  justify-content: center;
  color: var(--menubar--color);
}
.export--loading .loading,
.loading-maximized .loading {
  width: 200px;
  height: 30px;
}
.export--loading .loading-global--progress,
.loading-maximized .loading-global--progress {
  position: absolute;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  padding: 0;
}
body .loading-maximized {
  align-items: center;
}
.multiplayer-connection {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--panel--side--color);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.multiplayer-connection div {
  display: block;
  padding: 10px;
  position: relative;
}
.multiplayer-connection div:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--panel--side--background);
  opacity: 0.75;
}
.multiplayer-connection span {
  position: relative;
  z-index: 2;
}
.app--export-process .multiplayer-connection {
  display: none;
}
.app--export-process .text--html {
  width: calc(100% + 1px);
  min-width: calc(100% + 1px);
}
.attention-text {
  color: var(--button--color);
  background: var(--button--background);
  padding: 5px;
  border-radius: var(--border-radius);
  display: inline-block;
}
.border-bottom-none {
  border-bottom: none;
}
.panel--tasks--info {
  max-width: 300px;
}
.tasks-context {
  padding: 0;
}
.tasks-context--reset,
.tasks-context--list {
  position: relative;
  overflow: hidden;
}
.tasks-context--reset .buttonus,
.tasks-context--list .buttonus {
  width: 100%;
  box-sizing: border-box;
}
.tasks-context--done {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tasks-context--info {
  padding: 10px;
}
.task-list-panel {
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  padding: 10px;
  position: absolute;
  right: 0;
  border-bottom-left-radius: var(--border-radius);
  display: grid;
  grid-template-rows: auto auto;
  grid-gap: 10px;
  min-width: 250px;
}
.task-list-panel--filter {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto auto;
  align-items: center;
  white-space: nowrap;
  width: fit-content;
}
.task-list-panel--filter label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.task-list-panel--filter input {
  margin-right: 5px;
}
.list-panel--task {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: center;
}
.task-list-panel--bg {
  border-radius: var(--border-radius);
  max-width: 320px;
  word-break: break-word;
  padding: 10px;
}
body .panel--zoom-button > .buttonus > a.buttonus--button.buttonus--active,
body .panel--zoom-button > .buttonus > a.buttonus--button:active {
  color: var(--panel--main--color);
}
.zoom--dialog {
  margin-top: 0;
}
.zoom--dialog .button--dialog--content {
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  padding: 5px;
}
.range--form {
  display: grid;
  grid-template-columns: 31px 100px 31px;
  grid-gap: 10px;
  align-items: center;
}
.range--form button {
  min-width: 0;
  padding: 0;
  width: 100%;
  background: none;
  border-radius: var(--border-radius);
  box-sizing: border-box;
  margin: 0;
  position: relative;
  display: flex;
  height: 25px;
}
.range--form button:hover,
.range--form button:active,
.range--form button:focus {
  background: none;
}
.range--minus:before,
.range--plus:before,
.range--minus:after,
.range--plus:after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  transform: translateY(calc(-50% - .5px)) translateX(calc(-50% + .5px));
}
.range--minus:before,
.range--plus:before {
  border-bottom: 1px solid var(--panel--main--color);
  width: 15px;
}
.range--plus:after {
  border-right: 1px solid var(--panel--main--color);
  height: 15px;
}
.range--container {
  position: relative;
  display: flex;
}
.range--container:before,
.range--container:after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
}
.range--container:before {
  left: 1px;
  width: calc(100% - 2px);
  transform: translateY(calc(-50% - .5px));
  border-bottom: 1px solid var(--panel--main--color);
  pointer-events: none;
}
.range--container:after {
  display: none;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  margin-left: 42px;
  border-radius: 50%;
  background: var(--panel--main--color);
  pointer-events: none;
}
.range {
  outline: none;
  -webkit-appearance: none;
  width: 100%;
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
  height: 24px;
  margin: 1px;
}
.range:active,
.range:focus {
  outline: none;
  border: none;
  background: transparent;
  box-shadow: none;
}
.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-right: 1px solid var(--panel--main--color);
  height: 15px;
  width: 0;
  margin-top: -7px;
  margin-bottom: 7px;
}
.range::-moz-range-thumb {
  -webkit-appearance: none;
  height: 15px;
  background: var(--panel--main--color);
  width: 0;
  margin-top: -7px;
  margin-bottom: 8px;
  box-shadow: none;
  outline: none;
  border: none;
  border-right: 1px solid var(--panel--main--color);
}
.range::-ms-thumb {
  border-right: 1px solid var(--panel--main--color);
  height: 15px;
  width: 0;
  margin-top: -7px;
  margin-bottom: 7px;
}
.range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0;
  margin-top: 9px;
  margin-bottom: 11px;
}
.range::-moz-range-track {
  width: 100%;
  height: 0;
  margin-top: 9px;
  margin-bottom: 11px;
}
.range::-ms-track {
  width: 100%;
  cursor: pointer;
}
.vm--modal .range--container:before {
  border-bottom-color: var(--dialog-header--color);
}
.vm--modal .range::-webkit-slider-thumb {
  border-right-color: var(--dialog-header--color);
}
.vm--modal .range::-moz-range-thumb {
  background: var(--dialog-header--color);
  border-right-color: var(--dialog-header--color);
}
.vm--modal .range::-ms-thumb {
  border-right-color: var(--dialog-header--color);
}
.zoom--dialog--100 {
  border: 7px solid transparent;
  border-top: 7px solid var(--panel--main--color);
  left: 91px;
  transform: translateX(-50%);
  position: absolute;
  cursor: pointer;
  margin-top: -5px;
}
.zoom--dialog--100:hover {
  border-top-color: var(--panel--main--active--color);
}
@media (max-width: 768px) {
  .range--form {
    grid-template-columns: 50px 50px;
  }
  .range--form button {
    height: 50px;
  }
  .zoom--dialog .range--container {
    display: none;
  }
}
body .vm--modal {
  background: none;
}
.m0 {
  margin: 0;
}
.branch--comments--form {
  padding: 10px;
}
.branch--comments--form .input {
  display: grid;
  grid-template-columns: 1fr 30px;
  align-items: center;
  grid-gap: 10px;
  padding: 5px;
}
.branch--comments--form div[contenteditable] {
  padding: 10px;
  cursor: text;
  word-break: break-word;
}
.comment--message {
  word-break: break-word;
  cursor: text;
}
.comments--dialog {
  display: flex;
  padding: 0;
}
.app .input--send {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--menubar--background);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--input--color);
  font-size: 16px;
  padding: 0;
  min-width: 0;
  margin: 0;
}
.app .input--send:hover {
  background: var(--menubar--active--background);
  color: var(--input--color);
}
.dialog--comments {
  width: 300px;
  display: grid;
  user-select: text;
}
.branch--comments--list {
  max-height: 300px;
  overflow: auto;
  padding: 10px;
}
.branch--comments--list.scrollbar {
  margin: 0;
  padding: 10px;
}
.branch--comments--list > div {
  overflow: hidden;
}
.comment {
  display: grid;
  grid-template-columns: 50px minmax(100px, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}
.comment--unuser {
  grid-template-columns: 1fr;
}
.comment--user {
  text-align: right;
}
.comment--content {
  margin-top: 7px;
}
.comment--new {
  color: var(--panel--main--active--color);
}
.comment--content--info {
  display: flex;
  margin-left: -20px;
  font-size: 0.7em;
}
.comment--content--info > * {
  margin-left: 20px;
}
.comment--content--info--1 {
  display: none;
}
.comment--content--info--2 {
  bottom: 4px;
  right: 6px;
  margin-top: 0;
}
.dialog--comments--no-comments {
  text-align: center;
  opacity: 0.7;
}
.panel--comments--no-comments {
  overflow: hidden;
  padding: 0 20px;
}
.panel--comments {
  border-bottom-left-radius: var(--border-radius);
}
.panel--comments.scrollbar:after {
  display: none;
}
.speech {
  background: var(--chat--background);
  color: var(--chat--color);
  border-radius: var(--border-radius);
  padding: 10px;
  white-space: break-spaces;
  width: fit-content;
  width: -moz-fit-content;
  position: static;
  display: inline-block;
  transition-duration: 2s;
}
.speech img {
  border-radius: var(--border-radius);
  max-width: 100%;
  margin: 5px 0;
}
.speech:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid var(--chat--background);
  background: none;
  margin-left: -24px;
  margin-top: 3.2px;
  margin-bottom: -12px;
  position: static;
  transition-duration: 2s;
}
.branch--comments--button .buttonus--with-label .buttonus--icon {
  margin-right: 3px;
}
.branch--comments--button .buttonus--button {
  align-items: flex-start;
}
.branch--comments--button .buttonus--label {
  font-size: 0.7em;
}
.buttonus--mark {
  color: var(--panel--main--active--color);
}
.share--dialog .scrollbar {
  overflow: auto;
  max-height: calc(100vh - 130px);
  margin: 0;
  padding: 10px;
}
.icon-switcher--icon {
  position: relative;
}
.icon-pin {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--panel--main--color);
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 10;
}
.icon-pin:hover {
  transform: scale(1.3);
}
.icon-pin:hover i {
  background: transparent;
}
.icon-pin i {
  font-size: 10px;
  width: 10px;
  height: 10px;
}
.icon-switcher--last .icon-switcher--icon {
  opacity: 0.5;
}
.icon-switcher--last .icon-switcher--icon:hover,
.icon-switcher--last .icon-switcher--icon.icon-switcher--list--selected,
.icon-switcher--last .icon-switcher--icon.icon-switcher--icon--pinned {
  opacity: 1;
}
.icon-switcher--icon--pinned .icon-pin i,
.icon-switcher--icon--pinned .icon-pin i:hover {
  color: var(--panel--main--active--color);
}
.standard-dialogs .vm--container.scrollable {
  height: 0;
  width: 0;
  overflow: visible;
}
body #svg.platform--mode-cutter {
  cursor: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2220%22%0A%20%20%20height%3D%2220%22%0A%20%20%20viewBox%3D%220%200%204.0572221%204.05667%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg5%22%0A%20%20%20sodipodi%3Adocname%3D%22cutter-cursor-cat.svg%22%0A%20%20%20inkscape%3Aversion%3D%220.92.5%20%282060ec1f9f%2C%202020-04-08%29%22%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata10%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs8%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221%22%0A%20%20%20%20%20objecttolerance%3D%2210%22%0A%20%20%20%20%20gridtolerance%3D%2210%22%0A%20%20%20%20%20guidetolerance%3D%2210%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221920%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%22987%22%0A%20%20%20%20%20id%3D%22namedview6%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20inkscape%3Azoom%3D%2222.627417%22%0A%20%20%20%20%20inkscape%3Acx%3D%2210.149754%22%0A%20%20%20%20%20inkscape%3Acy%3D%2213.502969%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%220%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%220%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22g845%22%20%2F%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22g845%22%3E%0A%20%20%20%20%3Ccircle%0A%20%20%20%20%20%20%20style%3D%22opacity%3A1%3Bvector-effect%3Anone%3Bfill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%3Bstroke-width%3A0.4057222%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A0%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke%20fill%20markers%22%0A%20%20%20%20%20%20%20id%3D%22path847%22%0A%20%20%20%20%20%20%20cx%3D%222.0286109%22%0A%20%20%20%20%20%20%20cy%3D%222.0283351%22%0A%20%20%20%20%20%20%20r%3D%222.0286109%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20id%3D%22path828%22%0A%20%20%20%20%20%20%20d%3D%22M%200.79339053%2C2.5207843%20C%201.1123602%2C2.1864783%201.7039976%2C2.7933722%201.5084999%2C3.0453874%201.3130024%2C3.2974027%200.53615691%2C2.8910923%200.79339053%2C2.5207843%20Z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A0.4057222%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke%20fill%20markers%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20id%3D%22path830%22%0A%20%20%20%20%20%20%20d%3D%22M%201.0155125%2C1.4372247%20C%201.3653503%2C1.16978%201.9289559%2C1.8678646%201.7128796%2C2.1198799%201.4968035%2C2.3718951%200.72226622%2C1.8126761%201.0155125%2C1.4372247%20Z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A0.4057222%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke%20fill%20markers%22%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22csc%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22csc%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20id%3D%22path832%22%0A%20%20%20%20%20%20%20d%3D%22M%201.7391141%2C0.79269162%20C%202.0683731%2C0.52524687%202.5966817%2C1.398287%202.3513301%2C1.5997668%202.0632284%2C1.8363525%201.4304337%2C1.1269976%201.7391141%2C0.79269162%20Z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A0.4057222%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke%20fill%20markers%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22csc%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20id%3D%22path834%22%0A%20%20%20%20%20%20%20d%3D%22M%202.8784848%2C0.81179374%20C%203.370202%2C0.62362883%203.4342002%2C1.5938819%203.1201712%2C1.66913%202.8141588%2C1.7424573%202.4951029%2C0.9878292%202.8784848%2C0.81179374%20Z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A0.4057222%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke%20fill%20markers%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20id%3D%22path836%22%0A%20%20%20%20%20%20%20d%3D%22M%202.075592%2C1.9725403%20C%202.2556554%2C1.8233884%202.6878079%2C1.9211088%202.8730161%2C1.9108226%203.0582244%2C1.9005363%203.2279985%2C1.9365387%203.3257473%2C2.0856902%203.4071212%2C2.2098558%203.5277141%2C2.3732293%203.2185668%2C2.7241717%203.1563567%2C2.7947922%202.9756426%2C2.7880992%202.8748074%2C2.8751196%202.7170981%2C3.0112218%202.6820345%2C3.194455%202.5640809%2C3.2620314%202.2318427%2C3.4523729%202.0440951%2C3.3987704%201.9263964%2C3.2583324%201.7669116%2C3.0680352%201.8440817%2C2.8725947%201.8698051%2C2.7697314%201.8955284%2C2.666868%201.8132137%2C2.1731238%202.075592%2C1.9725403%20Z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A0.4057222%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke%20fill%20markers%22%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22csssssssc%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), crosshair;
}
.cutter-word {
  position: relative;
  left: 0;
  top: 0;
  margin: -5px;
  padding: 5px;
}
.cutter-after-cursor {
  left: -0.3em;
  top: -0.1em;
}
.cutter-after-cursor {
  left: 0.3em;
  top: 0.1em;
}
.cutter-letter {
  position: relative;
  letter-spacing: 0;
}
.cutter-clone {
  position: absolute;
  z-index: 100;
  transform-origin: top left;
}
.cutter-move-original .cutter-after-cursor {
  opacity: 0;
}
.cutter-clone {
  pointer-events: none;
}
.cutter-clone .cutter-after-cursor {
  opacity: 1;
}
.cutter-clone .cutter-before-cursor {
  opacity: 0;
}
.cutter-after-cursor {
  left: 5px;
  top: 5px;
}
.hide-cutter-clone .cutter-clone {
  display: none;
}
.cutter-cursor {
  --color: red;
  display: none;
  width: 0;
  height: 1em;
  background: var(--color);
  transform: translateY(-100%);
}
.app--safari .cutter-word {
  position: static;
}
.app--safari .cutter-before-cursor {
  text-shadow: -0.3em -0.1em 0 var(--over-text-color);
  color: transparent;
}
.app--safari .cutter-after-cursor {
  text-shadow: 0.3em 0.1em 0 var(--over-text-color);
  color: transparent;
}
.w800 .vm--modal {
  width: 800px !important;
}
.button--shortcodes .button--dialog--content {
  padding: 0;
}
.theme--octopusGrey #path863,
.theme--octopusGrey #path890,
.theme--octopusGrey #path892 {
  fill: #878787 !important;
}
.branch-original-pos {
  fill: var(--branch-original-pos-background);
}
.app-moving {
  user-select: none;
  -moz-user-select: none;
}
.branch--text-editor {
  margin-top: 10px;
}
body .button--connection--hidden {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
font[size='5'] {
  font-size: 1.3em;
}
font[size='4'] {
  font-size: 1em;
}
font[size='3'] {
  font-size: 0.8em;
}
.fa-text-smaller {
  font-size: 0.6em;
}
.app--compact {
  /*.branch--child*/
}
.app--compact .text--html {
  letter-spacing: -1px;
}
.font-loader {
  position: absolute;
  left: -10000px;
  font-size: 1px;
  width: 1px;
  background: white;
}
.paste-text-in-field textarea {
  width: 100%;
  height: 100px;
}
.export-form {
  align-items: center;
}
.export-form textarea {
  width: 100%;
}
.plugin-elements {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  border-bottom: 1px solid var(--platform--background);
}
.paw--context--content {
  padding: 0;
}
.panel--comments {
  max-height: 100%;
  max-width: 300px;
}
.branch--dialog .comments--branches {
  background: var(--context-menu--background);
  color: var(--context-menu--color);
}
.comments--branches .branch--comments--list {
  max-height: none;
}
.comments--branch--line {
  height: 5px;
  border-radius: 5px;
  display: none;
}
.comments--branch-name {
  padding: 0;
  margin: 0 10px;
  cursor: pointer;
  display: inline-flex;
  border-radius: var(--border-radius);
}
.comments--branch-name i {
  margin-right: 7px;
  color: var(--panel--side--color);
  position: relative;
  transition-duration: 0.3s;
}
.comments--branch-name span {
  color: var(--panel--side--color);
  padding-bottom: 5px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
}
.comments--branch-name:hover {
  background: var(--context-menu--hover--background);
  color: var(--context-menu--hover--color);
}
.comments--branch-name:hover span,
.comments--branch-name:hover i {
  color: var(--context-menu--hover--color);
}
.panel--comments--no-comments--img {
  padding: 5px;
}
.panel--comments--no-comments--img img {
  max-width: 100%;
  display: block;
  border-radius: var(--border-radius);
}
.panel--comments {
  max-height: 100%;
  max-width: 300px;
}
.branch--dialog .comments--branches {
  background: var(--context-menu--background);
  color: var(--context-menu--color);
}
.comments--branches .branch--comments--list {
  max-height: none;
}
.comments--branch--line {
  height: 5px;
  border-radius: 5px;
  display: none;
}
.comments--branch-name {
  padding: 0;
  margin: 0 10px;
  cursor: pointer;
  display: inline-flex;
  border-radius: var(--border-radius);
}
.comments--branch-name i {
  margin-right: 7px;
  color: var(--panel--side--color);
  position: relative;
  transition-duration: 0.3s;
}
.comments--branch-name span {
  color: var(--panel--side--color);
  padding-bottom: 5px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
}
.comments--branch-name:hover {
  background: var(--context-menu--hover--background);
  color: var(--context-menu--hover--color);
}
.comments--branch-name:hover span,
.comments--branch-name:hover i {
  color: var(--context-menu--hover--color);
}
.panel--comments--no-comments--img {
  padding: 5px;
}
.panel--comments--no-comments--img img {
  max-width: 100%;
  display: block;
  border-radius: var(--border-radius);
}
.drawning-canvas {
  height: 0;
  overflow: hidden;
  position: relative;
}
.drawning-canvas__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.drawning__sensor {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: crosshair;
}
.drawning__img {
  height: 100%;
}
.drawning-line {
  stroke-linejoin: round;
  stroke-linecap: round;
}
.drawning-image-element-selectable {
  cursor: cell;
}
.file-history--item {
  border-radius: var(--border-radius);
}
.file-history--button {
  border-radius: var(--border-radius);
  padding: 10px;
  cursor: pointer;
}
.file-history--button:hover {
  background: var(--panel--side--hover--background);
  color: var(--panel--side--hover--color);
}
.file-history--selected {
  border: 1px solid var(--panel--side--active--color);
  position: relative;
}
.file-history--selected:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 1px solid var(--panel--side--active--color);
  border-left: 1px solid var(--panel--side--active--color);
  background: var(--panel--side--background);
  top: 50%;
  position: absolute;
  left: -6px;
}
.file-history--selected .file-history--button {
  background: var(--panel--side--active--background);
  color: var(--panel--side--active--color);
}
.file-history--info {
  padding: 10px;
}
.file-history--info p:first-child {
  margin-top: 0;
}
.file-history--info p:last-child {
  margin-bottom: 0;
}
.file-history--info li {
  margin-bottom: 10px;
}
.file-history--header {
  display: flex;
  justify-content: space-between;
}
.file-history--header h2 {
  margin: 0;
}
.file-history-panel {
  height: 100%;
  width: 300px;
}
.file-history--loading {
  height: 20px;
  border-radius: var(--border-radius);
}
.file-history--search {
  display: grid;
  grid-template-columns: 1fr 40px;
}
.file-history--search button {
  width: auto;
  min-width: 0;
  padding: 0;
  margin: 0;
  border-radius: var(--border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.file-history--search input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gpt-root-button-p {
  color: var(--platform--color);
  padding: 5px;
  text-align: center;
}
.gpt-root-button-p .a {
  color: var(--platform--color);
  border-bottom-color: var(--platform--color);
}
.gpt-root-button-p .a:hover {
  color: var(--platform--hover--color);
  border-bottom-color: var(--platform--hover--color);
}
.gpt-root-button-info {
  display: inline-block;
  margin-top: 5px;
}
.gpt-root-button-close {
  display: block;
  margin-top: 10px;
  width: fit-content;
  width: -moz-fit-content;
  margin-left: auto;
  margin-right: auto;
}
.search--container {
  position: relative;
}
.search--button--left {
  margin-left: 10px;
}
.search {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--panel--main--background);
  color: var(--panel--main--color);
  padding: 5px;
  z-index: 2;
  border-bottom-left-radius: calc(4px + var(--border-radius));
  display: grid;
  grid-template-columns: 180px auto auto auto auto;
  align-items: center;
}
.search input {
  width: 100%;
}
.search .dialog-close {
  grid-area: auto;
  margin: 0;
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.search .dialog-close:before,
.search .dialog-close:after {
  border-color: var(--panel--main--color);
  width: 20px;
}
.search .buttonus--button {
  color: var(--panel--main--color);
  padding: 2px;
}
.search .buttonus--button i {
  font-size: 1em;
}
.search--info {
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  min-width: 40px;
}
.search-hightlight {
  background: var(--search-hightlight--background);
  color: var(--search-hightlight--color);
  border-radius: var(--border-radius);
  padding: 3px 0;
}
@media (max-width: 400px) {
  .search {
    grid-template-columns: 140px auto auto auto auto;
  }
}
.speech-panel {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 400px;
  height: 50px;
  border-radius: 100px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  background: var(--menubar--background);
  color: var(--menubar--color);
}
.speech-text {
  white-space: nowrap;
}
.speech-text input {
  padding: 10px 20px 10px 0;
  width: 100%;
  font-size: 22px;
  border: none;
  background: none;
  color: var(--menubar--color);
}
.speech-text input:focus {
  color: var(--menubar--color);
  border: none;
  background: none;
  outline: none;
  box-shadow: none;
}
.speech-buttons {
  display: flex;
  gap: 10px;
}
.speech-buttons .buttonus--button {
  border-radius: 100px;
  height: 30px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px 8px;
  color: var(--menubar--color);
}
.speech-buttons i {
  font-size: 20px;
}
.text-editor {
  width: fit-content;
  width: -moz-fit-content;
}
.text-editor .context-menu--container {
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
  border-radius: 5px;
  position: static;
  margin-top: 5px;
}
.drawning {
  position: absolute;
  background: white;
  width: 0;
  top: 0;
}
.drawning div.vm--container.scrollable {
  overflow: visible;
}
.drawning .dialog-close {
  width: 50px;
  height: 50px;
  min-width: 50px;
}
.drawning .dialog-close:before,
.drawning .dialog-close:after {
  width: 34px;
}
.drawning__dialog {
  background: var(--dialog-header--background);
  border-radius: calc(var(--border-radius) + 1px);
  overflow: hidden;
}
.drawning__panel {
  color: var(--dialog-header--color);
  display: grid;
  grid-template-columns: 112px auto auto auto auto 60px;
  grid-template-areas: 'preview save tools size colors close';
  grid-gap: 20px;
  align-items: center;
  justify-items: baseline;
}
.drawning__delete {
  grid-area: delete;
  display: none;
}
.app--mobile-or-tablet .drawning__panel {
  grid-template-columns: 112px auto auto auto auto auto 60px;
  grid-template-areas: 'preview save tools size delete colors close';
}
.app--mobile-or-tablet .drawning__delete {
  display: block;
}
.drawning__preview--container {
  grid-area: preview;
}
.drawning__save {
  grid-area: save;
}
.drawning__tools {
  grid-area: tools;
  display: flex;
}
.drawning__size {
  grid-area: size;
  min-width: 80px;
}
.drawning__size .range {
  height: 46px;
}
.drawning__colors {
  grid-area: colors;
  display: grid;
  grid-template-columns: 30px 30px auto;
  grid-template-areas: 'auto white branches' '.    black branches';
}
.drawning__colors .color-switcher--icon {
  width: 18px;
  height: 18px;
}
.drawning__colors .color-switcher--item {
  width: 30px;
  height: 30px;
}
.drawning__colors .color-switcher--item:hover .color-switcher--icon {
  width: 22px;
  height: 22px;
}
.drawning__colors .color-switcher--selected .color-switcher--icon,
.drawning__colors .color-switcher--selected:hover .color-switcher--icon {
  width: 28px;
  height: 28px;
}
.drawning__colors--grid {
  grid-area: branches;
}
.drawning__colors--grid-row {
  display: flex;
}
.drawning__colors--grid-row > * {
  width: 30px;
}
.drawning__colors--white {
  grid-area: white;
}
.drawning__colors--black {
  grid-area: black;
}
.drawning__canvas {
  position: relative;
  background: var(--platform--background);
}
.drawning__preview--container {
  background: var(--platform--background);
}
.drawning__canvas__container {
  position: relative;
  z-index: 2;
}
body .vm--modal {
  border: none;
}
@media (max-width: 960px) {
  .drawning__preview--container {
    display: none;
  }
  .drawning__panel {
    grid-template-columns: auto auto auto auto 60px;
    grid-template-areas: 'save tools size colors close';
  }
  .app--mobile-or-tablet .drawning__panel {
    grid-template-columns: auto auto auto auto auto 60px;
    grid-template-areas: 'save tools size delete colors close';
  }
}
@media (max-width: 600px) {
  .drawning__panel {
    grid-template-columns: auto auto auto 60px;
    grid-template-areas: 'save tools size close' 'colors colors colors colors';
    grid-gap: 10px 20px;
  }
  .app--mobile-or-tablet .drawning__panel {
    grid-template-columns: auto auto auto auto 60px;
    grid-template-areas: 'save tools size delete close' 'colors colors colors colors colors';
  }
  .drawning__colors {
    justify-self: center;
  }
}
@media (max-width: 600px) and (min-width: 401px) {
  .drawning__colors--grid {
    display: flex;
  }
  .drawning__colors--grid-row--2 {
    flex-direction: row-reverse;
  }
  .drawning__colors {
    grid-template-columns: 30px 30px 30px auto;
    grid-template-areas: 'auto white black branches';
  }
}
@media (max-width: 400px) {
  .drawning__panel {
    grid-template-columns: auto auto 60px;
    grid-template-areas: 'save tools close' 'size size size' 'colors colors colors';
    justify-items: center;
  }
  .app--mobile-or-tablet .drawning__panel {
    grid-template-columns: auto auto auto 60px;
    grid-template-areas: 'save tools delete close' 'size size size size' 'colors colors colors colors';
  }
}
body div.ti-autocomplete[class] {
  max-height: none;
  background: var(--panel--main--background);
  border: none;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  position: static;
}
body div.vue-tags-input[class] {
  border: none;
  background: var(--panel--main--background);
  border-radius: var(--border-radius);
}
body div.vue-tags-input[class] input ::placeholder {
  color: var(--input--color);
}
body div.ti-input[class] {
  border: none;
}
body .ti-tag[tabindex] {
  border-radius: var(--border-radius);
}
.w100 {
  width: 100%;
}
.safari .simple--dialog--container .buttonus--icon,
.safari .simple--dialog--container .buttonus {
  position: static;
}