#cc-main {
    --cc-font-family: "Open Sans", Arial, sans-serif;
    --cc-bg: #ffffff;
    --cc-primary-color: #2f3743;
    --cc-secondary-color: #5f6875;
    --cc-btn-primary-bg: #1768ff;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-hover-bg: #0752dc;
    --cc-btn-secondary-bg: #edf1f5;
    --cc-btn-secondary-color: #27313f;
    --cc-btn-secondary-hover-bg: #dfe6ee;
    --cc-toggle-on-bg: #1768ff;
    --cc-toggle-off-bg: #778292;
    --cc-cookie-category-block-bg: #f5f7fa;
    --cc-cookie-category-block-hover-bg: #edf2f7;
    --cc-separator-border-color: #e0e5ec;
    --cc-footer-border-color: #e0e5ec;
    --cc-overlay-bg: rgba(12, 22, 37, .63);
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid rgba(37, 52, 74, .09);
    box-shadow: 0 20px 55px rgba(18, 37, 64, .18);
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-weight: 700;
    letter-spacing: -.02em;
}

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

#cc-main a {
    color: #0752dc;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    border-radius: 7px;
    font-weight: 700;
}

.surix-cookie-settings {
    display: block;
    margin: 12px auto 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    opacity: .82;
}

.surix-cookie-settings:hover,
.surix-cookie-settings:focus-visible {
    opacity: 1;
}

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