@import "_stepper.css";
@import "_section-panel.css";
@import "_timeline.css";
@import "_dialog.css";
@import "_typography.css";
@import "_tabs.css";
@import "_icon.css";
@import "_input.css";
@import "_collapse.css";

html, body {
    height: 100%;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.mud-main-content {
    height: 100vh;
    overflow: hidden;
}

.mud-main-content.timeline-expanded {
    padding-bottom: 154.75px;
}

.mud-drawer-close-persistent-right .mud-main-content{
    margin-right: var(--mud-drawer-width-mini-right);
}

.swatch-queue-container .mud-list-item.mud-selected-item .mud-input {
    color: var(--mud-palette-primary);
}

.mud-main-content.timeline-expanded .swatch-queue-container {
    bottom: 167px;
}

.flex-basis-0 {
    flex-basis: 0 !important;
}

.rotate-icon-y-180 {
    transform: rotateY(180deg);
}

.rotate-icon-z-90 {
    transform: rotateZ(90deg);
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.h-50 {
    height: 50%;
}

.layout-info-text {
    color: #666b7e;
}

.default-border > .mud-input-control-input-container > .mud-input.mud-input-outlined > input:focus ~ .mud-input-outlined-border{
    border-color: var(--mud-palette-text-primary);
}

.mud-icon-root.darker-stroke {
    -webkit-text-stroke: #0000005c 1px;
}

body .pwa-updater[b-pwa-updater] {
    --pwa-updater-bar-backcolor: var(--mud-palette-secondary);
    --pwa-updater-bar-height: 48px;
    --pwa-updater-bar-z-index: 9999;
    justify-content: center;
    gap: 16px;
}

.left-menu .mud-nav-item.left-menu-item-active {
    background: var(--mud-palette-secondary);
}