.maintenance-signal{
    font-size: 2em;
    color: var(--grey-sec-color);
    text-align: center;
    padding-top: 70px;
}

.maintenance-signal i{
    color: #fabc20;
    font-size: 3em;
}

@media (prefers-color-scheme: dark) {
    .sidebar-title {
        color: white !important;
    }
    .configurator {
        color: white !important;
        background-color: rgb(23, 30, 49) !important;
    }
    .configurator .summary, .configurator .selection, .configurator .description {
        border-color: #121326 !important;
    }
    .card {
        background-color: #121326 !important;
        color: white !important;
    }
    .pageTitle h2 {
        color: white !important;
    }
    .card-header {
        background-color: var(--main-color) !important;
    }
    .page.active .card-header{
        background-color: var(--sec-color) !important;
    }
    .expanded .card-header {
        background-color: rgb(0, 48, 83);
    }

    .price, .price span {
        color: white !important;
    }
    .price.sum {
        background-color: var(--main-color) !important;
    }
    .box.category {
        background-color: var(--main-color) !important;
        position: relative;
    }
    .box.category.selected {
        background: rgb(0, 44, 84) !important;
        box-shadow: inset 0 -3px black;
    }
}