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

    --cc-bg: #ffffff;
    --cc-primary-color: #202020;
    --cc-secondary-color: #5f5f5f;

    --cc-btn-primary-bg: #202020;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-hover-bg: #3a3a3a;
    --cc-btn-primary-hover-color: #ffffff;

    --cc-btn-secondary-bg: #eeeeeb;
    --cc-btn-secondary-color: #202020;
    --cc-btn-secondary-hover-bg: #deded9;
    --cc-btn-secondary-hover-color: #202020;

    --cc-cookie-category-block-bg: #f5f5f2;
    --cc-cookie-category-block-border: #e4e4df;
    --cc-cookie-category-block-hover-bg: #efefeb;
    --cc-cookie-category-block-hover-border: #d8d8d2;
    --cc-cookie-category-expanded-block-bg: #fafaf8;
    --cc-cookie-category-expanded-block-hover-bg: #fafaf8;

    --cc-toggle-on-bg: #202020;
    --cc-toggle-off-bg: #777777;
    --cc-toggle-readonly-bg: #b8b8b3;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-readonly-knob-bg: #ffffff;

    --cc-separator-border-color: #e3e3df;
    --cc-footer-border-color: #e3e3df;
    --cc-footer-bg: #fafaf8;
    --cc-overlay-bg: rgba(0, 0, 0, 0.45);

    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 4px;
    --cc-pm-toggle-border-radius: 4px;
}

#cc-main .cm {
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18);
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
    line-height: 1.55;
}

#cc-main a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 640px) {
    #cc-main .cm {
        max-width: calc(100% - 24px);
        margin: 12px;
    }
}