#cc-main {
    --cc-btn-primary-bg: #405d88;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-hover-bg: #354f76;
    --cc-btn-primary-hover-color: #fff;

    --cc-btn-secondary-bg: #e9eef2;
    --cc-btn-secondary-color: #30363c;
    --cc-btn-secondary-hover-bg: #dce3e8;
    --cc-btn-secondary-hover-color: #30363c;

    --cc-overlay-bg: rgba(0, 0, 0, 0.42);
}

#cc-main .cm__desc {
    font-size: 0.7em;
    line-height: 1.4;
    max-height: 8vh;
}

#cc-main table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

#cc-main table th,
#cc-main table td {
    vertical-align: top;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    #cc-main table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #cc-main table th,
    #cc-main table td {
        min-width: 6rem;
        white-space: normal;
    }
}