2652 lines
62 KiB
CSS
2652 lines
62 KiB
CSS
@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;
|
|
}
|
|
|
|
.mux_menubar .mux_menubar-locater:not(.mux_menubar-visible) .mux_menubar-item {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.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;
|
|
min-width: 120px;
|
|
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: #919191;
|
|
}
|
|
|
|
.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: -2px;
|
|
height: 16px;
|
|
border-radius: var(--mux-rounding);
|
|
}
|
|
|
|
.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-materialicon {
|
|
margin-right: -2px;
|
|
color: var(--mux-contextmenu-iconcolor);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-content {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
gap: var(--mux-edge-offset-tiny);
|
|
padding-right: calc(var(--mux-edge-offset) * 2);
|
|
}
|
|
|
|
.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-content .mux_contextmenu-item-arrow {
|
|
font-size: 16px;
|
|
margin-left: calc(var(--mux-edge-offset-tiny) * -1);
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
.mux_contextmenu .mux_contextmenu-item .mux_contextmenu-item-content .mux_contextmenu-shortcut {
|
|
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;
|
|
}
|
|
|
|
|
|
.ntsh_dashboard {
|
|
position: absolute;
|
|
inset: 0px;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(600px, 100%), 1fr));
|
|
grid-auto-rows: min-content;
|
|
align-items: stretch;
|
|
justify-items: stretch;
|
|
align-content: start;
|
|
overflow-y: auto;
|
|
gap: var(--mux-edge-offset);
|
|
box-sizing: border-box;
|
|
padding: var(--mux-edge-offset);
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-box {
|
|
background: var(--mux-selected-color);
|
|
box-sizing: border-box;
|
|
padding: var(--mux-edge-offset);
|
|
border-radius: var(--mux-rounding);
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-box .ntsh_dashboard-box-header {
|
|
padding-bottom: var(--mux-edge-offset-tiny);
|
|
border-bottom: 1px solid #979797;
|
|
margin-bottom: var(--mux-edge-offset-tiny);
|
|
font-size: 18px;
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-box .mux_header:not(.ntsh_dashboard-box-header) {
|
|
margin-bottom: var(--mux-edge-offset-tiny);
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-unity-parameters .ntsh_dashboard-unity-parameters-loading {
|
|
text-align: center;
|
|
color: #9d9d9d;
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-unity-advancedparameters .ntsh_dashboard-unity-advancedparameters-loading {
|
|
text-align: center;
|
|
color: #9d9d9d;
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-unity-sensors .ntsh_dashboard-unity-sensors-loading {
|
|
text-align: center;
|
|
color: #9d9d9d;
|
|
}
|
|
.ntsh_dashboard table {
|
|
width: 100%;
|
|
}
|
|
.ntsh_dashboard table.ntsh_vertical tr td {
|
|
height: 24px;
|
|
}
|
|
.ntsh_dashboard table.ntsh_vertical tr td:first-child {
|
|
width: min(150px, 20vw);
|
|
}
|
|
.ntsh_dashboard table.ntsh_center tr td {
|
|
text-align: center;
|
|
}
|
|
.ntsh_dashboard table.ntsh_center tr td .ntsh_status {
|
|
margin: 0 auto;
|
|
}
|
|
.ntsh_dashboard table tr td:has(.ntsh_status) {
|
|
width: 30px;
|
|
}
|
|
.ntsh_dashboard .ntsh_dashboard-error {
|
|
display: none;
|
|
box-sizing: border-box;
|
|
padding: var(--mux-edge-offset-tiny);
|
|
border-radius: var(--mux-rounding);
|
|
margin-top: var(--mux-edge-offset-tiny);
|
|
background: #721e1e;
|
|
}
|
|
.ntsh_dashboard .ntsh_progress {
|
|
position: relative;
|
|
background: #2f2f2f;
|
|
width: 100%;
|
|
height: 20px;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
.ntsh_dashboard .ntsh_progress .ntsh_progress-value {
|
|
height: 100%;
|
|
background: #777777;
|
|
}
|
|
.ntsh_dashboard .ntsh_progress .ntsh_progress-value.ntsh_progress-smooth {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
.ntsh_dashboard .ntsh_progress .ntsh_progress-value.mux_resizer {
|
|
transition-duration: 0s;
|
|
}
|
|
.ntsh_dashboard .ntsh_progress .ntsh_progress-value.mux_resizer .mux_resizer-grab {
|
|
background: var(--mux-primary-color);
|
|
border-radius: 4px;
|
|
height: 100%;
|
|
}
|
|
.ntsh_dashboard .ntsh_progress .ntsh_progress-label {
|
|
position: absolute;
|
|
z-index: 101;
|
|
inset: 0px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
pointer-events: none;
|
|
}
|
|
.ntsh_dashboard .ntsh_status {
|
|
width: 24px;
|
|
height: 24px;
|
|
background: #868686;
|
|
border: 4px solid rgba(0, 0, 0, 0.4431372549);
|
|
border-radius: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.ntsh_dashboard .ntsh_status.ntsh_status-green {
|
|
background: #149214;
|
|
}
|
|
.ntsh_dashboard .ntsh_status.ntsh_status-yellow {
|
|
background: #ffbf00;
|
|
}
|
|
.ntsh_dashboard .ntsh_status.ntsh_status-red {
|
|
background: #ff0000;
|
|
}
|
|
.ntsh_dashboard .ntsh_status.ntsh_status-gray {
|
|
background: #868686;
|
|
}
|
|
.ntsh_dashboard .ntsh_buttons {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
flex-wrap: wrap;
|
|
gap: var(--mux-edge-offset-tiny);
|
|
}
|
|
.ntsh_dashboard .ntsh_buttons .ntsh_button {
|
|
min-width: 30px;
|
|
height: 30px;
|
|
box-sizing: border-box;
|
|
padding: 0px 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #787878;
|
|
cursor: pointer;
|
|
transition: background 0.2s;
|
|
}
|
|
.ntsh_dashboard .ntsh_buttons .ntsh_button:hover {
|
|
background: #5a5a5a;
|
|
}
|
|
|
|
.ntsh_callanchor {
|
|
width: 100%;
|
|
background: #202020;
|
|
margin-bottom: calc(var(--mux-edge-offset) * -1);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 30px;
|
|
padding: var(--mux-edge-offset) 0px;
|
|
color: #fff;
|
|
font-family: monospace;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
.ntsh_tabs {
|
|
position: absolute;
|
|
inset: 50px 0 0 0;
|
|
}
|
|
.ntsh_tabs .ntsh_tab {
|
|
position: absolute;
|
|
inset: 0px;
|
|
display: none;
|
|
}
|
|
.ntsh_tabs .ntsh_tab.ntsh_tab-visible {
|
|
display: block;
|
|
}
|
|
|
|
.ntsh_calibration {
|
|
position: absolute;
|
|
inset: 0px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
padding: var(--mux-edge-offset);
|
|
}
|
|
.ntsh_calibration .ntsh_calibration-fullscreen {
|
|
position: absolute;
|
|
top: var(--mux-edge-offset);
|
|
right: var(--mux-edge-offset);
|
|
transition-duration: 0.2s;
|
|
cursor: pointer;
|
|
}
|
|
.ntsh_calibration .ntsh_calibration-fullscreen:hover {
|
|
opacity: 0.7;
|
|
}
|
|
.ntsh_calibration .ntsh_calibration-fullscreen span {
|
|
font-size: 24px;
|
|
}
|
|
.ntsh_calibration img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
:root {
|
|
--mux-primary-color: #247476;
|
|
--mux-primary-off-color: #1d5253;
|
|
}
|
|
|
|
body:not(.ntsh_service) .ntsh_buttons {
|
|
display: none;
|
|
}
|
|
body:not(.ntsh_service) .mux_menubar-locater.mux_left .mux_menubar-item:not([uid=restart_installation], [uid=shutdown_installation]) {
|
|
display: none;
|
|
}
|
|
body:not(.ntsh_service) .only-service {
|
|
display: none;
|
|
}
|
|
body.ntsh_service .no-service {
|
|
display: none;
|
|
}
|
|
|
|
.sn {
|
|
position: absolute;
|
|
inset: 0px;
|
|
overflow: hidden;
|
|
}
|
|
.sn .ntsh_menubar {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
height: 100%;
|
|
}
|
|
.sn .ntsh_menubar .mux_menubar .mux_menubar-item.mux_menubar-item-selected {
|
|
background: var(--mux-primary-off-color);
|
|
}
|
|
.sn .ntsh_logs {
|
|
position: absolute;
|
|
inset: 0px;
|
|
box-sizing: border-box;
|
|
padding: var(--mux-edge-offset);
|
|
font-family: monospace;
|
|
background: black;
|
|
overflow-y: auto;
|
|
}
|
|
.sn .ntsh_logs .ntsh_log.ntsh_log-fill {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #939393;
|
|
}
|
|
.sn .ntsh_logs .ntsh_log.ntsh_log-normal {
|
|
color: #c7c7c7;
|
|
}
|
|
|
|
.ntsh_shutdown {
|
|
position: absolute;
|
|
inset: 0px;
|
|
z-index: 10000;
|
|
background: var(--mux-bg-color);
|
|
display: none;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: var(--mux-edge-offset);
|
|
}
|
|
.ntsh_shutdown .material-symbols-outlined {
|
|
margin-bottom: var(--mux-edge-offset);
|
|
font-size: 60px;
|
|
color: #919191;
|
|
}
|
|
|
|
/*# sourceMappingURL=style.css.map */
|