/* === Generated CSS (dynamic theme css) === */

:root {
    --cc-main: #000000;
    --cc-main-lighter: #0c0c0c;
    --cc-main-hover: #262626;
    --cc-secondary: #d4dae0;
    --cc-secondary-hover: #eaeaea;

    --cc-text-on-main: #ffffff;
    --cc-text-on-main-hover: #ffffff;
    --cc-text-on-secondary: #000000;
    --cc-text-on-secondary-hover: #000000;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    background: var(--cc-main);
    border: 1px solid var(--cc-main);
    color: var(--cc-text-on-main);
}

#cc-main .cm__btn[data-role="necessary"] {
    background: var(--cc-secondary);
    border: 1px solid var(--cc-secondary);
    color: var(--cc-text-on-secondary);
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
    background: var(--cc-main-hover);
    border: 1px solid var(--cc-main-hover);
    color: var(--cc-text-on-main-hover);
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
    background: var(--cc-secondary);
    border: 1px solid var(--cc-secondary);
    color: var(--cc-text-on-secondary);
}

#cc-main .cm__btn--secondary:hover,
#cc-main .pm__btn--secondary:hover {
    background: var(--cc-secondary-hover);
    border: 1px solid var(--cc-secondary-hover);
    color: var(--cc-text-on-secondary-hover);
}

#cc-main .pm__service-counter {
    background: var(--cc-main);
    color: var(--cc-text-on-main);
}