#cc-main {
    --cc-font-family: inherit;

    --cc-bg: #ffffff;
    --cc-primary-color: #10233d;
    --cc-secondary-color: #5f6f80;

    --cc-btn-primary-bg: #10233d;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #10233d;
    --cc-btn-primary-hover-bg: #17385f;
    --cc-btn-primary-hover-border-color: #17385f;

    --cc-btn-secondary-bg: #eef3f8;
    --cc-btn-secondary-color: #10233d;
    --cc-btn-secondary-border-color: #dce5ee;
    --cc-btn-secondary-hover-bg: #e2eaf2;
    --cc-btn-secondary-hover-border-color: #cbd7e3;

    --cc-toggle-on-bg: #10233d;

    --cc-modal-border-radius: 16px;
    --cc-btn-border-radius: 10px;
    --cc-modal-margin: 18px;
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid #dce5ee;
    box-shadow:
        0 20px 45px rgba(16, 35, 61, 0.14),
        0 4px 12px rgba(16, 35, 61, 0.06);
}

#cc-main .cm__title {
    letter-spacing: -0.015em;
}

@media (max-width: 640px) {
    #cc-main {
        --cc-modal-margin: 10px;
        --cc-modal-border-radius: 14px;
    }
}