.app-brand {
    transition: padding 0.15s ease-in-out;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(
        .layout-menu-fixed-offcanvas
    )
    .layout-menu
    .app-brand {
    padding-left: 0;
    padding-right: 0;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(
        .layout-menu-fixed-offcanvas
    )
    .layout-menu
    .app-brand-text {
    display: none;
}

.threejs {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#threejs-canvas {
    width: 100%;
    height: 100%;
}

#threejs-canvas .canvas {
    width: 100%;
    height: 100%;
}

.layout-menu-collapsed .app-brand-logo {
    display: none !important;
}
.layout-menu-collapsed .app-brand-logo.minimized {
    display: block !important;
    padding: 0 0.5rem;
}

.layout-menu-hover .app-brand-logo {
    display: block !important;
}
.layout-menu-hover .app-brand-logo.minimized {
    display: none !important;
}


.dark-style .modal {
    background-color: rgba(30, 31, 34, 0.5);
}