configurator-css-tweaks.css

/* Fix the focus state on the choices */
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li ul > li > button:hover, .mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li ul > li > button:focus {
    border-radius: 6px !important;
}

/* Improve the "loader" */

.mkl_pc.loading .loader {
    background: #ffffff73;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
}

.mkl_pc .loader .header {
    margin-left: 1em;
    text-shadow: 0 3px 14px rgb(0 0 0 / 62%);
    background: #000;
    padding: 2px 20px;
    border-radius: 50px;
    /* display: inline-block; */
    font-size: 1rem;
    text-transform: uppercase;
}

.mkl_pc .loader .spinner {
    display: none;
}

/* Make the sidebar wider on larger screens */
@media (min-width: 800px) {
    .mkl_pc {
        --toolbar_width: 540px;
    }
}