@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.mux_header {
  font-size: var(--mux-header-size-normal);
  font-weight: var(--mux-header-weight);
  color: var(--mux-header-color);
  margin-top: var(--mux-edge-offset);
}

.mux_header:first-of-type {
  margin-top: 0px;
}

.mux_header.mux_big {
  font-size: var(--mux-header-size-big);
  font-weight: 400;
}

.mux_header.mux_normal {
  font-size: var(--mux-header-size-normal);
}

.mux_header.mux_small {
  font-size: var(--mux-header-size-small);
}

.mux_header.mux_tiny {
  font-size: var(--mux-header-size-tiny);
}

.mux_header.mux_header-bm {
  margin-bottom: var(--edge-offset-small);
}

.mux_text {
  font-size: var(--mux-text-size-normal);
  font-weight: var(--mux-text-weight);
  color: var(--mux-text-color);
}

.mux_text.mux_big {
  font-size: var(--mux-text-size-big);
  font-weight: 200;
}

.mux_text.mux_medium {
  font-size: var(--mux-text-size-medium);
}

.mux_text.mux_normal {
  font-size: var(--mux-text-size-normal);
}

.mux_text.mux_small {
  font-size: var(--mux-text-size-small);
}

.mux_text.mux_tiny {
  font-size: var(--mux-text-size-tiny);
}

.mux_button {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--mux-edge-offset);
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
  cursor: pointer;
  border-radius: var(--mux-rounding);
  user-select: none;
  color: white;
  text-decoration: none;
}

.mux_button:hover {
  border: var(--mux-border-hovering);
}

.mux_button.mux_normal {
  border: 1px solid var(--mux-secondary-color);
}

.mux_button.mux_normal:hover {
  background: var(--mux-secondary-color);
}

.mux_button.mux_highlight {
  background: var(--mux-primary-color);
}

.mux_button.mux_highlight:hover {
  filter: brightness(0.7);
}

.mux_button.mux_secondary {
  background: var(--mux-secondary-color);
}

.mux_button.mux_secondary:hover {
  filter: brightness(0.7);
}

.mux_button.mux_disabled {
  background: var(--mux-disabled-color);
  cursor: not-allowed;
}

.mux_button.mux_disabled:hover {
  border: var(--mux-border-transparent);
}

.mux_button.mux_disabled .mux_text {
  font-style: italic;
  opacity: 0.5;
}

.mux_group.mux_group-open .mux_group-header .mux_group-fold {
  transform: rotate(90deg);
}

.mux_group.mux_group-open .mux_group-contentwrapper {
  grid-template-rows: 1fr;
}

.mux_group.mux_group-singular .mux_group-header {
  display: none;
}

.mux_group.mux_group-singular .mux_group-contentwrapper {
  grid-template-rows: 1fr;
}

.mux_group.mux_group-singular .mux_group-contentwrapper .mux_list-item-content {
  padding-left: var(--mux-edge-offset) !important;
}

.mux_group .mux_group-header {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
  padding: var(--mux-edge-offset) 0px;
}

.mux_group .mux_group-header .material-symbols-outlined {
  font-size: 16px;
  margin-right: var(--mux-edge-offset);
}

.mux_group .mux_group-header .mux_header {
  text-transform: capitalize;
}

.mux_group .mux_group-header .mux_text {
  margin-left: calc(var(--mux-edge-offset) / 2);
  color: #b0b0b0;
  font-style: italic;
}

.mux_group .mux_group-header .mux_group-fold {
  transition-duration: var(--mux-transition-animation);
}

.mux_group .mux_group-header .mux_group-actions {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--mux-edge-offset-tiny);
}

.mux_group .mux_group-header .mux_group-actions .mux_group-action {
  width: 25px;
  height: 25px;
  transition-duration: var(--mux-transition-hover);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px 0px;
  border-radius: var(--mux-rounding);
  box-sizing: border-box;
  border: var(--mux-border-transparent);
  transition-duration: 0.1s;
  cursor: pointer;
  margin-left: var(--mux-edge-offset-tiny);
}

.mux_group .mux_group-header .mux_group-actions .mux_group-action:hover {
  border: var(--mux-border-hovering);
}

.mux_group .mux_group-header .mux_group-actions .mux_group-action:first-child {
  margin-left: var(--mux-edge-offset);
}

.mux_group .mux_group-header .mux_group-actions .mux_group-action span {
  font-size: 20px;
}

.mux_group .mux_group-contentwrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition-duration: var(--mux-transition-animation);
}

.mux_group .mux_group-contentwrapper .mux_group-content {
  width: 100%;
  overflow: hidden;
}

.mux_list {
  width: 100%;
  overflow: hidden;
}

.mux_list.mux_list-dragging .mux_list-item .mux_list-item-content:hover {
  border: var(--mux-border-transparent) !important;
}

.mux_list .mux_list-group.mux_list-group-open .mux_list-group-header span {
  transform: rotate(90deg);
}

.mux_list .mux_list-group.mux_list-group-open .mux_list-group-contentwrapper {
  grid-template-rows: 1fr;
}

.mux_list .mux_list-group.mux_list-group-singular .mux_list-group-header {
  display: none;
}

.mux_list .mux_list-group.mux_list-group-singular .mux_list-group-contentwrapper {
  grid-template-rows: 1fr;
}

.mux_list .mux_list-group.mux_list-group-singular .mux_list-group-contentwrapper .mux_list-item-content {
  padding-left: var(--mux-edge-offset) !important;
}

.mux_list .mux_list-group .mux_list-group-header {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  user-select: none;
  padding: 0px var(--mux-edge-offset);
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
  cursor: pointer;
}

.mux_list .mux_list-group .mux_list-group-header:hover span {
  opacity: 0.5;
}

.mux_list .mux_list-group .mux_list-group-header span {
  transition-duration: var(--mux-transition-hover);
}

.mux_list .mux_list-group .mux_list-group-header .mux_list-group-icon {
  width: 16px;
  height: 16px;
  margin-right: var(--mux-edge-offset);
}

.mux_list .mux_list-group .mux_list-group-header .mux_header {
  text-transform: capitalize;
}

.mux_list .mux_list-group .mux_list-group-header .mux_list-group-indicator {
  margin-left: 5px;
  color: #b0b0b0;
  font-style: italic;
}

.mux_list .mux_list-group .mux_list-group-contentwrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition-duration: 0.5s;
}

.mux_list .mux_list-group .mux_list-group-contentwrapper .mux_list-group-content {
  width: 100%;
  overflow: hidden;
}

.mux_list .mux_list-group .mux_list-group-contentwrapper .mux_list-group-content .mux_list-item-content {
  padding-left: calc(var(--mux-edge-offset) * 3);
}

.mux_list .mux_group.mux_list-group-singular .mux_list-item-content {
  padding-left: 0px !important;
}

.mux_list .mux_group .mux_group-header {
  box-sizing: border-box;
  padding-left: 10px;
}

.mux_list .mux_group .mux_list-item-content {
  padding-left: calc(var(--mux-edge-offset) * 3) !important;
}

.mux_list .mux_list-item {
  width: 100%;
  border-radius: var(--mux-rounding);
  color: #fff;
  display: block;
}

.mux_list .mux_list-item:hover .mux_list-item-action {
  opacity: 1 !important;
}

.mux_list .mux_list-item.mux_list-item-dragging {
  background: var(--mux-disabled-color);
}

.mux_list .mux_list-item.mux_list-item-hover {
  cursor: pointer;
  transition-duration: var(--mux-transition-hover);
}

.mux_list .mux_list-item.mux_list-item-hover:hover .mux_list-item-content {
  border: var(--mux-border-hovering);
}

.mux_list .mux_list-item.mux_list-item-separator {
  border-bottom: 1px solid var(--mux-disabled-color);
}

.mux_list .mux_list-item.mux_list-item-separator:last-child {
  border-bottom: 0px;
}

.mux_list .mux_list-item.mux_list-item-selected {
  background: var(--mux-selected-color);
  cursor: default !important;
}

.mux_list .mux_list-item.mux_list-item-selected .mux_list-item-content {
  border: var(--mux-border-width) solid var(--mux-selected-color) !important;
}

.mux_list .mux_list-item.mux_list-item-selected:hover {
  background: var(--mux-selected-color);
}

.mux_list .mux_list-item.mux_list-item-disabled .mux_list-item-text .mux_text {
  color: #6e6e6e;
  font-style: italic;
}

.mux_list .mux_list-item .mux_list-item-content {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  user-select: none;
  padding: var(--mux-edge-offset-tiny) var(--mux-edge-offset);
  border: var(--mux-border-transparent);
  border-radius: var(--mux-rounding);
  transition-duration: var(--mux-transition-hover);
}

.mux_list .mux_list-item .mux_list-item-content span.mux_list-item-icon {
  font-size: 16px;
}

.mux_list .mux_list-item .mux_list-item-content img.mux_list-item-icon {
  width: 16px;
  height: 16px;
}

.mux_list .mux_list-item .mux_list-item-content .mux_header {
  margin-bottom: var(--mux-edge-offset);
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-index {
  margin-right: var(--mux-edge-offset);
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--mux-disabled-color);
  border-radius: var(--mux-rounding);
  font-size: 12px;
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-icon {
  margin-right: var(--mux-edge-offset);
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-text {
  width: 100%;
  white-space: normal;
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-text .mux_text.mux_small {
  color: #979797;
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-actions {
  position: absolute;
  right: var(--mux-edge-offset);
  display: flex;
  align-items: center;
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-actions .mux_list-item-action {
  width: 22px;
  height: 22px;
  transition-duration: var(--mux-transition-hover);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--mux-rounding);
  box-sizing: border-box;
  border: var(--mux-border-transparent);
  opacity: 0;
  transition-duration: 0.1s;
  cursor: pointer;
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-actions .mux_list-item-action:hover {
  border: var(--mux-border-hovering);
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-actions .mux_list-item-action img {
  width: 14px;
  height: 14px;
  margin: 0px;
  pointer-events: none;
}

.mux_list .mux_list-item .mux_list-item-content .mux_list-item-actions .mux_list-item-action span {
  font-size: 18px;
  pointer-events: none;
}

.mux_input {
  width: 100%;
  border: var(--mux-border-transparent);
  background: inherit;
  color: var(--mux-text-color);
  padding: var(--mux-edge-offset);
  font-size: 11px;
  border-radius: var(--mux-rounding);
  transition-duration: var(--mux-transition-hover);
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
}

.mux_input:hover {
  border: var(--mux-border-hovering);
}

.mux_input:focus {
  outline: none;
  border: var(--mux-border-active);
}

.mux_input[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.mux_input.mux_input-alwaysborder {
  border: var(--mux-border-hovering);
}

.mux_input.mux_input-alwaysborder:focus {
  outline: none;
  border: var(--mux-border-active);
}

.mux_input.mux_input-noborder:hover, .mux_input.mux_input-noborder:focus {
  border: var(--mux-border-transparent);
}

.mux_select {
  position: relative;
  width: 100%;
  cursor: pointer;
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
  border-radius: var(--mux-rounding);
  box-sizing: border-box;
}

.mux_select:hover {
  border: var(--mux-border-hovering);
}

.mux_select:hover .mux_select-arrow {
  margin-top: 1px;
}

.mux_select.mux_select-alwaysborder {
  border: var(--mux-border-hovering);
}

.mux_select.mux_select-noborder:hover {
  border: var(--mux-border-transparent);
}

.mux_select.mux_select-open {
  border: var(--mux-border-active);
}

.mux_select .mux_input {
  box-sizing: border-box;
  width: 100%;
  pointer-events: none;
}

.mux_select .mux_select-arrow {
  position: absolute;
  right: var(--mux-edge-offset-tiny);
  font-size: 16px;
  padding: var(--mux-edge-offset) 0px;
  transition-duration: var(--mux-transition-hover);
}

.mux_select .mux_select-content {
  position: absolute;
  inset: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 0px var(--mux-edge-offset);
}

.mux_select .mux_select-content .mux_select-none {
  color: gray;
}

.mux_select .mux_select-content .material-symbols-outlined {
  margin-right: var(--mux-edge-offset-tiny);
  font-size: 20px;
}

.mux_mobilemenu {
  position: fixed;
  inset: 0px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 500;
  opacity: 0;
}

.mux_mobilemenu .mux_mobilemenu-inner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: min(100% - var(--mux-edge-offset), 200px);
  transform: translateX(100%);
  background: var(--mux-primary-color);
}

.mux_mobilemenu .mux_mobilemenu-inner .mux_menubar-image {
  display: none;
}

.mux_menubar {
  position: relative;
  user-select: none;
  background: var(--mux-primary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.mux_menubar.mux_menubar-direction-horizontal {
  width: 100%;
  height: 50px;
  flex-direction: row;
}

.mux_menubar.mux_menubar-direction-horizontal .mux_menubar-locater {
  height: 100%;
  flex-direction: row;
}

.mux_menubar.mux_menubar-direction-horizontal .mux_menubar-locater .mux_menubar-item {
  justify-content: center;
}

.mux_menubar.mux_menubar-direction-vertical {
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.mux_menubar.mux_menubar-direction-vertical .mux_menubar-locater {
  width: 100%;
  flex-direction: column;
}

.mux_menubar.mux_menubar-direction-vertical .mux_menubar-locater .mux_menubar-item {
  width: 100%;
}

.mux_menubar .mux_menubar-locater {
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}

.mux_menubar .mux_menubar-locater.mux_menubar-visible {
  opacity: 1;
  pointer-events: auto;
}

.mux_menubar .mux_menubar-locater.mux_left {
  justify-content: flex-start;
}

.mux_menubar .mux_menubar-locater.mux_right {
  justify-content: flex-end;
}

.mux_menubar .mux_menubar-mobile {
  position: absolute;
  inset: 0px;
  display: none;
}

.mux_menubar .mux_menubar-mobile.mux_menubar-visible {
  display: block;
}

.mux_menubar .mux_menubar-mobile .mux_menubar-mobile-logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  padding: var(--mux-edge-offset);
}

.mux_menubar .mux_menubar-mobile .mux_menubar-mobile-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mux_menubar .mux_menubar-mobile .mux_menubar-mobile-items {
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}

.mux_menubar .mux_menubar-mobile .mux_menubar-mobile-items.mux_left {
  left: 0px;
}

.mux_menubar .mux_menubar-mobile .mux_menubar-mobile-items.mux_right {
  right: 0px;
}

.mux_menubar .mux_menubar-mobile .mux_menubar-mobile-items .mux_menubar-item-icon {
  justify-content: center;
}

.mux_menubar .mux_menubar-image {
  height: 100%;
  box-sizing: border-box;
  padding: var(--mux-edge-offset);
}

.mux_menubar .mux_menubar-image img {
  height: 100%;
}

.mux_menubar .mux_menubar-item {
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  transition-duration: var(--mux-transition-hover);
  border: var(--mux-border-transparent);
  cursor: pointer;
  pointer-events: auto;
  text-decoration: none;
}

.mux_menubar .mux_menubar-item:hover {
  border: var(--mux-border-hovering);
}

.mux_menubar .mux_menubar-item:hover .mux_menubar-item-arrow {
  margin-top: 5px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-selected {
  background: var(--mux-primary-off-color);
  border: var(--mux-border-width) solid var(--mux-selected-color);
}

.mux_menubar .mux_menubar-item.mux_menubar-item-selected .mux_menubar-item-arrow {
  margin-top: 5px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-disabled:hover {
  border: var(--mux-border-transparent);
}

.mux_menubar .mux_menubar-item.mux_menubar-item-disabled:hover .mux_menubar-item-arrow {
  margin-top: 0px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-icon {
  width: 50px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-icon .mux_menubar-item-icon-img {
  width: 20px;
  height: 20px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-icon .mux_menubar-item-materialicon {
  font-size: 26px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-icon .mux_menubar-item-arrow {
  position: absolute;
  bottom: 3px;
  right: 3px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-normal {
  padding: 0px 15px;
}

.mux_menubar .mux_menubar-item.mux_menubar-item-normal .mux_menubar-item-icon-img {
  width: 16px;
  height: 16px;
  margin-right: var(--mux-edge-offset-tiny);
}

.mux_menubar .mux_menubar-item.mux_menubar-item-normal .mux_menubar-item-materialicon {
  font-size: 20px;
  color: white;
  margin-right: var(--mux-edge-offset-tiny);
}

.mux_menubar .mux_menubar-item.mux_menubar-item-normal p {
  margin: 0px;
}

.mux_menubar .mux_menubar-item .mux_menubar-item-arrow {
  margin-left: var(--mux-edge-offset-tiny);
  transition-duration: var(--mux-transition-hover);
  font-size: 16px;
  color: #fff;
}

.mux_menubar a.mux_menubar-item .mux_menubar-item-materialicon {
  color: #fff;
}

.mux_menubar.mux_menubar-small {
  height: 40px;
}

.mux_menubar.mux_menubar-small .mux_menubar-item {
  height: 40px;
}

.mux_menubar.mux_menubar-small .mux_menubar-item.mux_menubar-item-icon {
  width: 40px;
}

.mux_menubar.mux_menubar-small .mux_menubar-item.mux_menubar-item-icon .mux_menubar-item-materialicon {
  font-size: 21px;
}

.mux_contextmenu {
  position: absolute;
  z-index: 1101;
  border-radius: var(--mux-rounding);
  background: var(--mux-panel-color);
  box-shadow: var(--mux-panel-shadow);
  border: 1px solid var(--mux-border-color);
  overflow-y: auto;
  transform-origin: 50% 0%;
  transform: scale(0);
  user-select: none;
  --mux-contextmenu-iconcolor: var(--mux-text-color);
}

.mux_contextmenu .mux_contextmenu-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border: var(--mux-border-transparent);
  padding: 5px var(--mux-edge-offset);
  cursor: pointer;
  text-decoration: none;
  color: var(--mux-text-color);
}

.mux_contextmenu .mux_contextmenu-item:hover {
  border: var(--mux-border-hovering);
}

.mux_contextmenu .mux_contextmenu-item.mux_contextmenu-item-selected {
  border: var(--mux-border-hovering);
  background: var(--mux-selected-color);
}

.mux_contextmenu .mux_contextmenu-item.mux_contextmenu-item-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  border: var(--mux-border-transparent);
}

.mux_contextmenu .mux_contextmenu-item.mux_contextmenu-item-disabled:hover {
  background: transparent;
}

.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-icon {
  margin-right: var(--mux-edge-offset-tiny);
  height: 20px;
  border-radius: var(--mux-rounding);
}

.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-arrow {
  font-size: 16px;
  margin-right: -5px;
  color: #fff;
}

.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-materialicon {
  margin-right: var(--mux-edge-offset);
  color: var(--mux-contextmenu-iconcolor);
  font-size: 20px;
}

.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-shortcut {
  margin-left: var(--mux-edge-offset);
  color: #b3b3b3;
}

.mux_contextmenu .mux_contextmenu-item .mux_text {
  white-space: nowrap;
}

.mux_contextmenu .mux_contextmenu-separator {
  width: 100%;
  min-height: 1px;
  background: var(--mux-border-color);
  display: flex;
}

.mux_contextmenu .mux_contextmenu-separator span {
  font-size: 8px;
  font-weight: 500;
  padding: 4px 0px 3px 0px;
  margin-left: var(--mux-edge-offset-tiny);
}

.mux_dialogcontainer {
  position: fixed;
  inset: 0px;
  background: rgba(0, 0, 0, 0.3098039216);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
  opacity: 0;
}

.mux_dialogcontainer .mux_dialog {
  position: relative;
  padding: var(--mux-edge-offset);
  border-radius: var(--mux-rounding);
  background: var(--mux-panel-color);
  box-sizing: border-box;
  box-shadow: var(--mux-panel-shadow);
  border: 1px solid var(--mux-border-color);
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  transition-timing-function: ease-in;
  transition-duration: var(--mux-transition-hover);
  opacity: 0;
  transform-origin: 50% 50%;
  transform: scale(0.8);
}

.mux_dialogcontainer .mux_dialog.mux_w-big {
  width: 900px;
}

.mux_dialogcontainer .mux_dialog.mux_w-medium {
  width: 600px;
}

.mux_dialogcontainer .mux_dialog.mux_w-small {
  width: 300px;
}

.mux_dialogcontainer .mux_dialog.mux_w-tiny {
  width: 150px;
}

.mux_dialogcontainer .mux_dialog.mux_h-big {
  height: 900px;
}

.mux_dialogcontainer .mux_dialog.mux_h-medium {
  height: 600px;
}

.mux_dialogcontainer .mux_dialog.mux_h-small {
  height: 300px;
}

.mux_dialogcontainer .mux_dialog.mux_h-tiny {
  height: 150px;
}

.mux_dialogcontainer .mux_dialog.mux_h-auto .mux_dialog-content {
  position: unset;
  width: 100%;
  margin: 30px calc(var(--mux-edge-offset) * -1) 45px calc(var(--mux-edge-offset) * -1);
}

.mux_dialogcontainer .mux_dialog .mux_dialog-titlebar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: var(--mux-edge-offset);
  height: 20px;
  border-bottom: 1px solid var(--mux-border-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-titlebar .mux_dialog-title {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-titlebar .mux_dialog-titlesettings {
  width: 100%;
  height: 100%;
  margin-right: calc(15px + var(--mux-edge-offset));
  margin-left: var(--mux-edge-offset);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-titlebar .mux_dialog-close {
  width: 20px;
  height: 20px;
  border-radius: var(--mux-rounding);
  border: var(--mux-border-transparent);
  position: absolute;
  right: var(--mux-edge-offset);
  top: var(--mux-edge-offset);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition-duration: var(--mux-transition-hover);
}

.mux_dialogcontainer .mux_dialog .mux_dialog-titlebar .mux_dialog-close:hover {
  border: var(--mux-border-hovering);
}

.mux_dialogcontainer .mux_dialog .mux_dialog-titlebar .mux_dialog-close span {
  font-size: 18px;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-content {
  position: absolute;
  top: 41px;
  bottom: 56px;
  left: 0px;
  right: 0px;
  padding: var(--mux-edge-offset);
  overflow-y: auto;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-content.mux_dialog-content-nobuttons {
  bottom: 0px;
  margin-bottom: 0px;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-content .mux_dialog-searchbar {
  width: 100%;
  height: 35px;
  border-radius: var(--mux-rounding);
}

.mux_dialogcontainer .mux_dialog .mux_dialog-content .mux_dialog-searchbar .mux_input {
  width: 100%;
  height: 100%;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-content .mux_properties {
  padding: var(--mux-edge-offset) 0px;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-actionbar {
  position: absolute;
  bottom: var(--mux-edge-offset);
  left: var(--mux-edge-offset);
  right: var(--mux-edge-offset);
  border-top: 1px solid var(--mux-border-color);
  height: 45px;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-actionbar .mux_dialog-buttons {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.mux_dialogcontainer .mux_dialog .mux_dialog-actionbar .mux_dialog-buttons .mux_button {
  margin-left: var(--mux-edge-offset);
}

.mux_dialogcontainer .mux_dialog .mux_row {
  box-sizing: border-box;
  padding: 0px var(--mux-edge-offset);
}

.mux_cards {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.mux_cards.mux_cards-dragging .mux_cards-item {
  border: var(--mux-border-transparent) !important;
}

.mux_cards.mux_cards-oneperrow {
  display: flex;
  flex-direction: column;
}

.mux_cards .mux_cards-item-dragging {
  position: relative;
  height: 100px;
  background: #3d3d3d;
}

.mux_cards .mux_cards-item {
  position: relative;
  height: 100px;
  user-select: none;
  box-sizing: border-box;
  padding: var(--mux-edge-offset);
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
  border-radius: var(--mux-rounding);
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--mux-edge-offset);
  color: white;
  text-decoration: none;
}

.mux_cards .mux_cards-item:hover {
  border: var(--mux-border-hovering);
}

.mux_cards .mux_cards-item:hover .mux_cards-item-buttons {
  opacity: 1;
}

.mux_cards .mux_cards-item.mux_cards-item-disabled {
  cursor: default;
}

.mux_cards .mux_cards-item.mux_cards-item-disabled .mux_cards-item-thumbnail,
.mux_cards .mux_cards-item.mux_cards-item-disabled .mux_cards-item-info {
  opacity: 0.7;
}

.mux_cards .mux_cards-item .mux_cards-item-thumbnail {
  height: 100%;
  border-radius: var(--mux-rounding);
  border: none;
  overflow: hidden;
  pointer-events: none;
  flex-shrink: 0;
}

.mux_cards .mux_cards-item .mux_cards-item-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--mux-edge-offset-tiny);
}

.mux_cards .mux_cards-item .mux_cards-item-info span.highlight {
  color: var(--mux-primary-color);
}

.mux_cards .mux_cards-item .mux_cards-item-buttons {
  position: absolute;
  right: var(--mux-edge-offset-tiny);
  height: calc(100% - 10px);
  margin: -5px 0px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  transition-duration: var(--mux-transition-hover);
  opacity: 0;
}

.mux_cards .mux_cards-item .mux_cards-item-buttons .mux_cards-item-button {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: var(--mux-rounding);
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
  color: white;
  cursor: pointer;
}

.mux_cards .mux_cards-item .mux_cards-item-buttons .mux_cards-item-button:hover {
  border: var(--mux-border-hovering);
  opacity: 1;
}

.mux_cards .mux_cards-item .mux_cards-item-buttons .mux_cards-item-button span {
  font-size: 20px;
}

.mux_icongrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.mux_icongrid.mux_icongrid-dragging .mux_icongrid-item:hover {
  border: var(--mux-border-transparent) !important;
}

.mux_icongrid .mux_icongrid-item {
  width: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: var(--mux-rounding);
  border: var(--mux-border-transparent);
  padding: var(--mux-edge-offset);
  transition-duration: 0.1s;
  margin: calc(var(--mux-edge-offset) / 2);
  user-select: none;
}

.mux_icongrid .mux_icongrid-item:hover {
  border: var(--mux-border-hovering);
}

.mux_icongrid .mux_icongrid-item.mux_icongrid-item-dragging {
  background: var(--mux-disabled-color);
  border: var(--mux-border-transparent) !important;
}

.mux_icongrid .mux_icongrid-item.mux_icongrid-item-dragging:hover {
  border: var(--mux-border-transparent) !important;
}

.mux_icongrid .mux_icongrid-item .mux_icongrid-item-icon {
  width: calc(75px - var(--mux-edge-offset));
}

.mux_icongrid .mux_icongrid-item .mux_text {
  margin-top: var(--mux-edge-offset-tiny);
  max-width: 100%;
  text-align: center;
  word-break: break-all;
}

.mux_row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--mux-edge-offset);
  margin-bottom: var(--mux-edge-offset);
  transition-duration: 0.2s;
}

.mux_row:last-child {
  margin-bottom: 0px;
}

.mux_row.mux_spread .mux_row-label,
.mux_row.mux_spread .mux_row-content {
  width: 50%;
}

.mux_row.mux_disabled {
  opacity: 0.3;
  filter: grayscale(0.5);
  cursor: not-allowed;
}

.mux_row.mux_disabled .mux_row-content {
  pointer-events: none;
}

.mux_row.mux_indent {
  margin-left: 10px;
  width: calc(100% - 10px);
}

.mux_row .mux_row-content {
  width: 100%;
}

.mux_palette {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4196078431);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transition-duration: var(--mux-transition-hover);
  opacity: 0;
  box-sizing: border-box;
  padding-top: 20px;
}

.mux_palette .mux_palette-inner {
  width: 400px;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition-timing-function: ease-in;
  transition-duration: var(--mux-transition-hover);
  opacity: 0;
  transform-origin: 50% 50%;
  transform: scale(0.8);
  padding: 10px;
  background: var(--mux-panel-color);
  box-shadow: 0 0 20px #000;
  border-radius: var(--mux-rounding);
  overflow: hidden;
}

.mux_palette .mux_palette-inner .mux_palette-input {
  border: 1px solid var(--mux-border-color);
  border-radius: var(--mux-rounding);
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
  background: var(--mux-panel-sub-color);
  color: white;
  font-size: 12px;
}

.mux_palette .mux_palette-inner .mux_palette-input:active, .mux_palette .mux_palette-inner .mux_palette-input:focus {
  outline: none;
}

.mux_palette .mux_palette-inner .mux_palette-results {
  width: 100%;
  max-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-header,
.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-label {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #c7c7c7;
  gap: var(--mux-edge-offset-tiny);
  text-shadow: 0 0 8px #000;
  height: 20px;
  margin-top: var(--mux-edge-offset);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-header span.material-symbols-outlined,
.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-label span.material-symbols-outlined {
  font-size: 16px;
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-header {
  margin-top: 0px;
  margin-bottom: var(--mux-edge-offset);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--mux-edge-offset);
  box-sizing: border-box;
  padding: var(--mux-edge-offset);
  color: #fff;
  border: var(--mux-border-transparent);
  cursor: pointer;
  transition-duration: var(--mux-transition-hover);
  text-decoration: none;
  border-radius: var(--mux-rounding);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item:hover {
  border: var(--mux-border-hovering);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item:first-child {
  margin-top: var(--mux-edge-offset);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item.mux_palette-results-item-selected {
  border: var(--mux-border-active);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item.mux_palette-results-item-selected .mux_palette-results-item-selectedtext {
  opacity: 1;
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item.mux_palette-results-item-separator {
  border-top: 2px solid var(--separator-color) !important;
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item .mux_palette-results-item-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--mux-edge-offset-tiny);
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item .mux_palette-results-item-text .mux_palette-results-item-text-sub {
  color: #a5a5a5;
}

.mux_palette .mux_palette-inner .mux_palette-results .mux_palette-results-item .mux_palette-results-item-selectedtext {
  position: absolute;
  right: var(--mux-edge-offset);
  color: #8b8b8b;
  background: var(--background);
  padding: 2px 5px;
  border-radius: var(--mux-rounding);
  transition-duration: var(--mux-transition-hover);
  pointer-events: none;
  opacity: 0;
}

.mux_palette .material-symbols-outlined {
  font-size: 20px;
  margin: -2px 0px;
}

.mux_palette .mux_palette-results-item-icon {
  width: 20px;
  height: 20px;
  margin: -2px 0px;
  object-fit: contain;
}

.mux_palette.mux_palette-checkboxes .mux_palette-results-item.mux_palette-results-item-checked .mux_palette-results-item-checkbox span {
  display: block;
}

.mux_palette.mux_palette-checkboxes .mux_palette-results-item .mux_palette-results-item-checkbox {
  width: 20px;
  height: 20px;
  margin: -2px 0;
  background: var(--mux-selected-color);
  border-radius: var(--mux-rounding);
}

.mux_palette.mux_palette-checkboxes .mux_palette-results-item .mux_palette-results-item-checkbox span {
  display: none;
}

.mux_imageviewer {
  position: relative;
  width: 100%;
  height: 100%;
  user-select: none;
  overflow: hidden;
}

.mux_imageviewer.mux_imageviewer-galleryopen .mux_imageviewer-wrapper {
  bottom: 100px;
}

.mux_imageviewer.mux_imageviewer-galleryopen .mux_imageviewer-gallery {
  pointer-events: auto;
  opacity: 1;
}

.mux_imageviewer .mux_imageviewer-wrapper {
  position: absolute;
  inset: 0px;
  overflow: hidden;
  transition-duration: var(--mux-transition-hover);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-loader {
  position: absolute;
  inset: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--mux-edge-offset);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-loader .mux_imageviewer-loader-dot {
  width: 30px;
  height: 30px;
  border-radius: var(--mux-rounding);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-loader .mux_imageviewer-loader-dot:nth-child(1) {
  animation: MuxImageViewerLoader 1s 0ms linear infinite;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-loader .mux_imageviewer-loader-dot:nth-child(2) {
  animation: MuxImageViewerLoader 1s 250ms linear infinite;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-loader .mux_imageviewer-loader-dot:nth-child(3) {
  animation: MuxImageViewerLoader 1s 500ms linear infinite;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-loader .mux_imageviewer-loader-dot:nth-child(4) {
  animation: MuxImageViewerLoader 1s 750ms linear infinite;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-image {
  position: absolute;
  z-index: 1;
  object-fit: contain;
  pointer-events: none;
  transform-origin: top left;
  opacity: 0;
  transition: opacity 0.3s;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-unsupported {
  position: absolute;
  inset: 0px;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(var(--mux-edge-offset) * 2);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-unsupported .mux_imageviewer-unsupported-icon {
  font-size: 60px;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-unsupported .mux_button {
  gap: var(--mux-edge-offset);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-unsupported .mux_button span.material-symbols-outlined {
  color: #fff;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation {
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  opacity: 0.7;
  padding: 0px var(--mux-edge-offset);
  cursor: pointer;
  text-shadow: 0px 0px 10px black;
  transition-duration: var(--mux-transition-hover);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation:hover {
  opacity: 1;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation.disabled {
  opacity: 0.2;
  cursor: unset;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation.disabled:hover {
  opacity: 0.2;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation.mux_imageviewer-navigation-right {
  right: 0px;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation.mux_imageviewer-navigation-left {
  left: 0px;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-navigation span {
  font-size: 50px;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer {
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px var(--mux-edge-offset) var(--mux-edge-offset) var(--mux-edge-offset);
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls {
  background: var(--mux-panel-color);
  border-radius: var(--mux-rounding);
  box-shadow: var(--mux-panel-shadow);
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
  transition-duration: var(--mux-transition-hover);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls:hover {
  opacity: 1;
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls .mux_imageviewer-control {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls .mux_imageviewer-control:hover {
  border: var(--mux-border-hovering);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls .mux_imageviewer-control:first-child {
  border-top-left-radius: var(--mux-rounding);
  border-bottom-left-radius: var(--mux-rounding);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls .mux_imageviewer-control:last-child {
  border-top-right-radius: var(--mux-rounding);
  border-bottom-right-radius: var(--mux-rounding);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls .mux_imageviewer-control.mux_active {
  background: rgba(255, 255, 255, 0.0392156863);
}

.mux_imageviewer .mux_imageviewer-wrapper .mux_imageviewer-controlscontainer .mux_imageviewer-controls .mux_imageviewer-control .mux_imageviewer-control-badge {
  position: absolute;
  bottom: 3px;
  right: 3px;
  background: var(--mux-selected-color);
  padding: 1px 3px;
  border-radius: var(--mux-rounding);
}

.mux_imageviewer .mux_imageviewer-gallery {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100px;
  background: var(--mux-panel-color);
  z-index: 1;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  box-sizing: border-box;
  padding: var(--mux-edge-offset) 0px;
  pointer-events: none;
  opacity: 0;
  transition-duration: var(--mux-transition-hover);
}

.mux_imageviewer .mux_imageviewer-gallery .mux_imageviewer-gallery-thumb {
  height: 100%;
  margin-right: var(--mux-edge-offset);
  border-radius: var(--mux-rounding);
  box-sizing: border-box;
  border: var(--mux-border-transparent);
  transition-duration: var(--mux-transition-hover);
  cursor: pointer;
}

.mux_imageviewer .mux_imageviewer-gallery .mux_imageviewer-gallery-thumb:hover {
  border: var(--mux-border-hovering);
  opacity: 0.7;
}

.mux_imageviewer .mux_imageviewer-gallery .mux_imageviewer-gallery-thumb:first-child {
  margin-left: 40%;
}

.mux_imageviewer .mux_imageviewer-gallery .mux_imageviewer-gallery-thumb:last-child {
  margin-right: 40%;
}

.mux_imageviewer .mux_imageviewer-gallery .mux_imageviewer-gallery-thumb.active {
  border: var(--mux-border-active);
  opacity: 0.4;
  cursor: unset;
}

@keyframes MuxImageViewerLoader {
  0% {
    background: var(--mux-border-color);
  }
  10% {
    background: var(--mux-primary-color);
  }
  30% {
    background: var(--mux-primary-color);
  }
  40% {
    background: var(--mux-border-color);
  }
  100% {
    background: var(--mux-border-color);
  }
}
.mux_resizer {
  position: absolute;
}

.mux_resizer.mux_resizer-block {
  transition-duration: 0.1s;
}

.mux_resizer.mux_resizer-closed .mux_resizer-grab-handle {
  display: none !important;
}

.mux_resizer.mux_resizer-closed .mux_resizer-grab-open {
  display: block !important;
}

.mux_resizer.mux_resizer-closed .mux_resizer-grab span {
  font-size: 34px !important;
}

.mux_resizer.mux_resizer-closed.mux_resizer-direction-right .mux_resizer-grab {
  margin-left: 10px;
  border-radius: 0px var(--mux-rounding) var(--mux-rounding) 0px;
}

.mux_resizer.mux_resizer-closed.mux_resizer-direction-left .mux_resizer-grab {
  margin-right: 10px;
  border-radius: var(--mux-rounding) 0px 0px var(--mux-rounding);
}

.mux_resizer.mux_resizer-closed.mux_resizer-direction-up .mux_resizer-grab {
  margin-bottom: 22px;
  border-radius: 0px 0px var(--mux-rounding) var(--mux-rounding);
}

.mux_resizer.mux_resizer-closed.mux_resizer-direction-up .mux_resizer-grab {
  margin-top: 10px;
  border-radius: var(--mux-rounding) var(--mux-rounding) 0px 0px;
}

.mux_resizer.mux_resizer-moving {
  user-select: none;
}

.mux_resizer.mux_resizer-moving * {
  pointer-events: none;
}

.mux_resizer .mux_resizer-area {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  pointer-events: auto;
}

.mux_resizer .mux_resizer-area .mux_resizer-grab {
  background: var(--mux-border-color);
  border-radius: var(--mux-rounding);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.mux_resizer .mux_resizer-area .mux_resizer-grab:hover span {
  opacity: 1;
}

.mux_resizer .mux_resizer-area .mux_resizer-grab span {
  opacity: 0.7;
  font-size: 18px;
  pointer-events: none;
}

.mux_resizer .mux_resizer-area .mux_resizer-grab .mux_resizer-grab-handle {
  display: block;
}

.mux_resizer .mux_resizer-area .mux_resizer-grab .mux_resizer-grab-open {
  display: none;
}

.mux_resizer.mux_resizer-direction-right .mux_resizer-area, .mux_resizer.mux_resizer-direction-left .mux_resizer-area {
  height: 100%;
  width: 7px;
  top: 0px;
  cursor: ew-resize;
}

.mux_resizer.mux_resizer-direction-right .mux_resizer-area .mux_resizer-grab, .mux_resizer.mux_resizer-direction-left .mux_resizer-area .mux_resizer-grab {
  width: 12px;
  height: 30px;
}

.mux_resizer.mux_resizer-direction-up .mux_resizer-area, .mux_resizer.mux_resizer-direction-down .mux_resizer-area {
  width: 100%;
  height: 7px;
  left: 0px;
  cursor: ns-resize;
}

.mux_resizer.mux_resizer-direction-up .mux_resizer-area .mux_resizer-grab, .mux_resizer.mux_resizer-direction-down .mux_resizer-area .mux_resizer-grab {
  width: 30px;
  height: 12px;
}

.mux_resizer.mux_resizer-direction-left .mux_resizer-area {
  left: -4px;
}

.mux_resizer.mux_resizer-direction-right .mux_resizer-area {
  right: -4px;
}

.mux_resizer.mux_resizer-direction-up .mux_resizer-area {
  top: -4px;
}

.mux_resizer.mux_resizer-direction-down .mux_resizer-area {
  bottom: -4px;
}

.mux_table {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.mux_table.mux_nopointer {
  cursor: ew-resize;
}

.mux_table.mux_nopointer * {
  pointer-events: none !important;
}

.mux_table table {
  padding: 0px;
  border-radius: 0px;
  border-collapse: collapse;
  user-select: none;
  --row-even-color: #282828;
  --row-odd-color: #222222;
  --row-child-even-color: #181818;
  --row-child-odd-color:#1c1c1c;
}

.mux_table table.mux_table-dragging tr {
  opacity: 0.4;
}

.mux_table table.mux_table-dragging tr:first-child {
  opacity: 1;
}

.mux_table table tr {
  width: unset;
  height: unset;
  border: 0px;
  background: transparent;
  box-sizing: border-box;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  outline: 2px solid transparent;
  background: var(--row-even-color);
  display: none;
}

.mux_table table tr:first-child {
  display: table-row;
  border: 0px;
  background: transparent;
}

.mux_table table tr.mux_table-row-visible {
  display: table-row;
}

.mux_table table tr.mux_table-row-odd {
  background: var(--row-odd-color);
}

.mux_table table tr.mux_table-row-dragging {
  opacity: 1;
}

.mux_table table tr.mux_table-row-selected {
  background: #696969 !important;
}

.mux_table table tr.mux_table-row-selected .mux_text {
  font-weight: 700;
  font-style: italic;
}

.mux_table table tr.mux_table-row-active {
  background: var(--highlight-border-color) !important;
}

.mux_table table tr.mux_table-row-active.mux_table-row-child {
  background: var(--highlight-offset-color) !important;
}

.mux_table table tr.mux_table-row-outline {
  border-left: 2px solid var(--highlight-color);
  border-right: 2px solid var(--highlight-color);
  outline: 2px solid var(--highlight-color);
}

.mux_table table tr.mux_table-row-child {
  background: var(--row-child-even-color);
}

.mux_table table tr.mux_table-row-child.mux_table-row-odd {
  background: var(--row-child-odd-color);
}

.mux_table table tr.mux_table-row-child td {
  padding: 0px 5px;
}

.mux_table table tr.mux_table-row-child .mux_text {
  color: #9d9d9d;
  font-weight: 400 !important;
}

.mux_table table tr.mux_table-row-hidden {
  display: none;
}

.mux_table table tr th,
.mux_table table tr td {
  padding: 2px 5px;
  overflow: hidden;
}

.mux_table table tr th:first-child,
.mux_table table tr td:first-child {
  padding-left: var(--edge-offset);
}

.mux_table table tr th {
  white-space: nowrap;
  pointer-events: none;
}

.mux_table table tr th.mux_table-noborder, .mux_table table tr th:first-child {
  border-left: 0px;
}

.mux_table table tr th .mux_table-center {
  justify-content: center;
}

.mux_table table tr td .mux_table-edit-input {
  position: absolute;
  inset: 0px;
  z-index: 2;
  display: none;
  justify-content: flex-start;
  align-items: center;
}

.mux_table table tr td .mux_table-edit-input .mux_text {
  padding: 0px !important;
}

.mux_table table tr td .mux_table-edit-input .mux_table-edit-input-prefix {
  position: unset !important;
  margin-left: 5px;
  margin-right: -2px;
}

.mux_table table tr td .mux_table-edit-input input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}

.mux_table table tr td .mux_table-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mux_table table tr td .mux_table-image span {
  font-size: 20px;
}

.mux_table table tr td .mux_table-text {
  position: relative;
  width: calc(100% + 10px);
  height: 24px;
  margin-left: -5px;
  display: flex;
  align-items: center;
}

.mux_table table tr td .mux_table-text.mux_table-center {
  text-align: center;
}

.mux_table table tr td .mux_table-text .mux_text {
  position: absolute;
  inset: 0px;
  z-index: 1;
  padding: 0px 5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 600;
}

.mux_table table tr td .mux_table-text .mux_text span {
  margin-right: 3px;
}

.mux_table table tr td .mux_table-text .mux_text span:last-child {
  margin-right: 0px;
}

.mux_table table tr td .mux_table-text .mux_text .highlight {
  color: var(--highlight-color);
}

.mux_table table tr td .mux_table-textsuggestions {
  position: relative;
}

.mux_table table tr td .mux_table-textsuggestions span.material-symbols-outlined {
  position: absolute;
  right: 3px;
}

.mux_table table tr td .mux_table-textsuggestions .mux_input {
  height: 24px;
}

.mux_table table tr td .mux_table-subtext {
  margin-left: 5px;
  color: #c9c9c9;
  margin-top: -5px;
  margin-bottom: 5px;
  font-style: italic;
}

.mux_table table tr td .mux_table-number .mux_text {
  justify-content: center;
}

.mux_table table tr td .mux_table-number input {
  text-align: center;
}

.mux_table table tr td .mux_table-button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.mux_table table tr td .mux_table-button .mux_table-button-btn {
  font-size: 10px;
  border: 1px solid var(--separator-color);
  padding: 2px 4px;
  border-radius: var(--rounding);
  background: var(--panel-color);
  cursor: pointer;
  transition-duration: 0.2s;
}

.mux_table table tr td .mux_table-button .mux_table-button-btn:hover {
  background: var(--separator-color);
}

.mux_table table tr td .mux_table-duration .mux_text {
  justify-content: center;
}

.mux_table table tr td .mux_table-duration input {
  text-align: center;
}

.mux_table table tr td .mux_table-select {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.mux_table table tr td .mux_table-select:hover .mux_table-select-arrow {
  margin-top: 3px;
}

.mux_table table tr td .mux_table-select span {
  font-size: 24px;
}

.mux_table table tr td .mux_table-select .mux_table-select-arrow {
  font-size: 16px;
  transition-duration: 0.1s;
}

.mux_table table tr td .mux_table-icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  gap: 2px;
}

.mux_table table tr td .mux_table-icons .mux_table-icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.0588235294);
  border-radius: var(--rounding);
  border: var(--clickable-border-transparent);
  transition-duration: 0.2s;
}

.mux_table table tr td .mux_table-icons .mux_table-icon:hover {
  border: var(--clickable-border-hovering);
}

.mux_table table tr td .mux_table-icons .mux_table-icon span {
  font-size: 20px;
}

.mux_table table tr td .mux_table-property .mux_property-value {
  height: 35px;
}

.mux_textarea {
  width: 100%;
  border: var(--mux-border-transparent);
  background: inherit;
  color: var(--mux-text-color);
  padding: var(--mux-edge-offset);
  font-size: 11px;
  border-radius: var(--mux-rounding);
  transition-duration: var(--mux-transition-hover);
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
}

.mux_textarea:hover {
  border: var(--mux-border-hovering);
}

.mux_textarea:focus {
  outline: none;
  border: var(--mux-border-active);
}

.mux_textarea[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.mux_textarea.mux_textarea-alwaysborder {
  border: var(--mux-border-hovering);
}

.mux_textarea.mux_textarea-noborder:hover, .mux_textarea.mux_textarea-noborder:focus {
  border: var(--mux-border-transparent);
}

.mux_notifications {
  position: fixed;
  bottom: var(--mux-edge-offset);
  right: var(--mux-edge-offset);
  width: 400px;
  max-width: calc(100% - var(--mux-edge-offset) * 2);
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--mux-edge-offset-tiny);
  pointer-events: none;
}

.mux_notifications .mux_notification {
  width: 100%;
  box-sizing: border-box;
  padding: var(--mux-edge-offset);
  background: var(--mux-panel-color);
  box-shadow: var(--mux-panel-shadow);
  border-radius: var(--mux-rounding);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--mux-edge-offset);
  opacity: 0;
  transform: translateX(100%);
  transition-duration: var(--mux-transition-animation);
  pointer-events: auto;
}

.mux_notifications .mux_notification.mux_notification-info .mux_notification-icon {
  color: #fff;
}

.mux_notifications .mux_notification.mux_notification-error .mux_notification-icon {
  color: var(--mux-color-red);
}

.mux_notifications .mux_notification.mux_notification-warning .mux_notification-icon {
  color: var(--mux-color-yellow);
}

.mux_notifications .mux_notification.mux_notification-success .mux_notification-icon {
  color: var(--mux-color-green);
}

.mux_notifications .mux_notification .mux_text {
  width: 100%;
}

.mux_notifications .mux_notification .mux_notification-action {
  background: var(--mux-selected-color);
  padding: 4px;
  font-size: 18px;
  border-radius: var(--mux-rounding);
  transition-duration: var(--mux-transition-hover);
  cursor: pointer;
}

.mux_notifications .mux_notification .mux_notification-action:hover {
  opacity: 0.5;
}

.mux_loader {
  position: fixed;
  inset: 0px;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6196078431);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(var(--mux-edge-offset) * 2);
}

.mux_loader .material-symbols-outlined {
  font-size: 100px;
  clip-path: polygon(0px 0px, 100% 0px, 100% 80%, 0px 80%);
  animation: MuxLoader 2s linear infinite;
  font-weight: 900;
}

.mux_loader .mux_loader-progress {
  width: 150px;
  height: 12px;
  background: rgba(255, 255, 255, 0.0705882353);
  border-radius: var(--mux-rounding);
  overflow: hidden;
}

.mux_loader .mux_loader-progress .mux_loader-progress-value {
  position: relative;
  width: var(--progress);
  height: 100%;
  background: #fff;
  transition-duration: var(--mux-transition-hover);
  transition-timing-function: linear;
}

.mux_loader .mux_loader-progress .mux_loader-progress-value .mux_loader-progress-label {
  position: absolute;
  inset: 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: black;
  padding-right: 3px;
  font-family: monospace;
  font-size: 12px;
}

@keyframes MuxLoader {
  0% {
    transform: rotate(0deg);
    clip-path: polygon(0px 0px, 100% 0px, 100% 40%, 0px 40%);
  }
  50% {
    clip-path: polygon(0px 0px, 100% 0px, 100% 60%, 0px 60%);
  }
  100% {
    transform: rotate(360deg);
    clip-path: polygon(0px 0px, 100% 0px, 100% 40%, 0px 40%);
  }
}
/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.0588235294);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b8b8b8;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d6d6d6;
}

:root {
  --mux-bg-color: #1e1e1e;
  --mux-primary-color: #d73125;
  --mux-primary-off-color: #ad271d;
  --mux-secondary-color: #4b4b4b;
  --mux-disabled-color: #2d2d2d;
  --mux-selected-color: #434343;
  --mux-panel-color: #2c2c2c;
  --mux-panel-shadow: 0px 0px 4px #121212;
  --mux-panel-sub-color: #313131;
  --mux-border-width: 1px;
  --mux-border-color: #444444;
  --mux-border-transparent: var(--mux-border-width) solid transparent;
  --mux-border-hovering: var(--mux-border-width) solid var(--mux-border-color);
  --mux-border-active: var(--mux-border-width) solid var(--mux-primary-color);
  --mux-header-size: 14px;
  --mux-text-color: #ececec;
  --mux-text-size-tiny: 10px;
  --mux-text-size-small: 11px;
  --mux-text-size-normal: 12px;
  --mux-text-size-medium: 16px;
  --mux-text-size-big: 20px;
  --mux-text-weight: 400;
  --mux-header-color: #ffffff;
  --mux-header-size-tiny: 10px;
  --mux-header-size-small: 12px;
  --mux-header-size-normal: 14px;
  --mux-header-size-big: 20px;
  --mux-header-weight: 600;
  --mux-transition-hover: .2s;
  --mux-transition-animation: .4s;
  --mux-edge-offset: 10px;
  --mux-edge-offset-tiny: 5px;
  --mux-rounding: 6px;
  --mux-color-red: #d73125;
  --mux-color-green: #4caf50;
  --mux-color-blue: #2196f3;
  --mux-color-yellow: #ffde3b;
  --mux-color-orange: #ff9800;
  --mux-color-purple: #673ab7;
}

body {
  position: absolute;
  inset: 0px;
  margin: 0px;
  border: 0px;
  background: var(--mux-bg-color);
  color: #fff;
  font-family: "Montserrat", sans-serif;
}


body {
  background: #000;
  font-family: sans-serif;
  position: absolute;
  inset: 0px;
  margin: 0px;
  padding: 0px;
  user-select: none;
}

.mux_loader .mux_text {
  font-size: 20px;
}

.sq_container {
  position: absolute;
  inset: 0px;
  overflow: hidden;
}
.sq_container .sq_page {
  position: absolute;
  inset: 0px;
  display: none;
}
.sq_container .sq_start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.sq_container .sq_start .sq_start-title {
  transform: translateY(-100%);
}
.sq_container .sq_start .sq_start-logo {
  position: absolute;
  top: 50px;
  left: 50px;
  width: min(400px, 80%);
}
.sq_container .sq_start .sq_start-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sq_container .sq_start .sq_start-button.clickable {
  cursor: pointer;
  transition-duration: 0.2s;
}
.sq_container .sq_start .sq_start-button.clickable:hover {
  transform: scale(1.05);
  opacity: 0.8;
}
.sq_container .sq_questions {
  overflow: hidden;
}
.sq_container .sq_questions .sq_question {
  position: absolute;
  inset: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  box-sizing: border-box;
  padding: 30px;
}
.sq_container .sq_questions .sq_question .sq_question-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--title-text-size);
  color: var(--title-text-color);
}
.sq_container .sq_questions .sq_question .sq_answers {
  width: calc(100% - 100px);
  height: 100%;
  margin: 0px 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.sq_container .sq_questions .sq_question .sq_answers .sq_answer {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--button-background-color);
  color: var(--button-text-color);
  font-size: var(--button-text-size);
  border-radius: var(--button-rounding);
  padding: var(--button-padding);
  transition-duration: 0.5s;
}
.sq_container .sq_questions .sq_question .sq_answers .sq_answer.notselected {
  height: 33%;
  font-size: calc(var(--button-text-size) / 2);
  opacity: 0.3;
}
.sq_container .sq_questions .sq_question .sq_answers .sq_answer.clickable {
  cursor: pointer;
  transition-duration: 0.2s;
}
.sq_container .sq_questions .sq_question .sq_answers .sq_answer.clickable:hover {
  transform: scale(1.05);
  opacity: 0.8;
}
.sq_container .sq_name {
  position: absolute;
  inset: 0px;
  z-index: 2;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  box-sizing: border-box;
  padding: 30px;
}
.sq_container .sq_name .sq_name-input {
  box-sizing: border-box;
  padding: 20px;
}
.sq_container .sq_name .sq_name-finish {
  box-sizing: border-box;
  padding: 20px;
  cursor: pointer;
  transition-duration: 0.2s;
}
.sq_container .sq_name .sq_name-finish:hover {
  transform: scale(1.05);
  opacity: 0.8;
}
.sq_container .sq_result {
  position: absolute;
  inset: 0px;
  z-index: 3;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  box-sizing: border-box;
  padding: 30px;
}
.sq_container .sq_result .sq_result-restart {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 60px;
  color: #484848;
  padding: 20px;
  cursor: pointer;
  transition-duration: 0.2s;
}
.sq_container .sq_result .sq_result-restart:hover {
  transform: scale(1.05);
  opacity: 0.8;
}
.sq_container .sq_result img {
  width: 100px;
  height: 100px;
  margin-top: -65px;
}
.sq_container .sq_result .sq_results-questions {
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: calc(100% - 300px);
  margin-bottom: -140px;
  margin-top: 0px;
  overflow-y: auto;
  box-sizing: border-box;
  padding-bottom: 20px;
}
.sq_container .sq_result .sq_results-questions .sq_results-question {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  opacity: 0;
}
.sq_container .sq_result .sq_results-questions .sq_results-question .sq_results-question-title {
  font-weight: 600;
}
.sq_container .sq_result .sq_results-questions .sq_results-question .sq_results-question-answer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.sq_container .sq_result .sq_results-questions .sq_results-question .sq_results-question-answer.sq_results-question-correct .sq_results-question-answer-given {
  color: green;
  text-align: center;
}
.sq_container .sq_result .sq_results-questions .sq_results-question .sq_results-question-answer.sq_results-question-correct .sq_results-question-answer-correct {
  display: none;
}
.sq_container .sq_result .sq_results-questions .sq_results-question .sq_results-question-answer.sq_results-question-incorrect .sq_results-question-answer-given {
  color: red;
  text-decoration: line-through;
}
.sq_container .sq_result .sq_results-questions .sq_results-question .sq_results-question-answer .sq_results-question-answer-correct {
  font-style: italic;
  color: #4f4f4f;
  text-align: center;
}
.sq_container .sq_result .sq_result-progress {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 50px;
  background: rgba(0, 0, 0, 0.0901960784);
}
.sq_container .sq_result .sq_result-progress .sq_result-progress-bar {
  height: 100%;
  background: rgba(0, 0, 0, 0.3019607843);
}

.sq_stillthere {
  position: absolute;
  inset: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 30px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.9411764706);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.5s;
}
.sq_stillthere.active {
  opacity: 1;
  pointer-events: all;
}
.sq_stillthere .sq_stillthere-title {
  max-width: calc(100% - 200px);
  text-align: center;
  position: absolute;
  top: 30px;
  color: var(--title-color);
  font-size: var(--title-size);
}
.sq_stillthere .sq_stillthere-countdown {
  max-width: calc(100% - 200px);
  text-align: center;
  position: absolute;
  top: 30px;
  right: 30px;
  color: var(--title-color);
  font-size: calc(var(--title-size) * 2);
}
.sq_stillthere .sq_stillthere-continue {
  box-sizing: border-box;
  padding: 20px;
  cursor: pointer;
  transition-duration: 0.2s;
}
.sq_stillthere .sq_stillthere-continue:hover {
  transform: scale(1.05);
  opacity: 0.8;
}

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