body.dark {
    --bgColor: var(--color-base-darker);
    --fgColor: var(--color-base-light);
    --shadowColor: hsl(from var(--color-base) h s 40% / .4);
    --borderColor: hsl(from var(--color-base) h s 16%);

    --buttonBgColor: transparent;
    --buttonFgColor: var(--color-base-fainter);
    --buttonFgColorHover: #fff;
    --buttonBorderColor: var(--buttonFgColor);
    --buttonFgColorActive: var(--color-base-faintest);
}

body:not(.dark) {
    --bgColor: #fff;
    --fgColor: var(--color-base);
    --shadowColor: hsl(from var(--color-base) h s 60% / .5);
    --borderColor: hsl(from var(--color-base) h s 90%);

    --buttonBgColor: transparent;
    --buttonFgColor: var(--color-base-faint);
    --buttonFgColorHover: var(--color-base-dark);
    --buttonBorderColor: var(--buttonFgColor);
    --buttonFgColorActive: var(--color-base-faint);

}

#freeprivacypolicy-com---nb {
    --margin: 20px;

    background: var(--bgColor);
    left: auto;
    right: var(--margin);
    width: max-content;
    max-width: calc(100% - (var(--margin) * 2));

    overflow: visible;

    border-top-left-radius: var(--border-radius-bezel-outer);
    border-top-right-radius: var(--border-radius-bezel-outer);

    box-shadow: 0 0 50px var(--shadowColor);
    border: solid var(--borderColor) 1px;
    border-bottom: none;

    font-size: var(--font-size-small);

    & > .cc-nb-main-container {
        padding: var(--base-gap) calc(var(--base-gap) * 1.5);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--base-gap);
        flex-wrap: wrap;
    }

    & .cc-nb-title-container {
        display: none;
    }

    & .cc-nb-text-container {
        color: var(--fgColor);

        & a {
            color: var(--color-accent);
        }
    }

    & .cc-nb-buttons-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--base-gap);
    }

    & button {
        width: max-content;

        background-color: var(--buttonBgColor);
        color: var(--buttonFgColor);
        border: solid var(--buttonBorderColor) 1px;

        margin: 0 !important;

        font-family: var(--button-font-family) !important;
        letter-spacing: normal !important;
        font-style: normal !important;
        font-size: var(--fontSize) !important;
        font-weight: var(--fontWeight) !important;
        -webkit-font-smoothing: auto !important;

        padding: 0 calc(var(--button-height) / 3);

        height: var(--button-height);
	    line-height: 1.5em !important;

        border-radius: var(--button-border-radius);

        &:hover {
            --buttonFgColor: var(--buttonFgColorHover);
            --buttonBorderColor: var(--buttonFgColorHover);
        }

        &:active,
        &:focus,
        &:focus-visible {
            outline: none;
            box-shadow: none;
            --buttonFgColor: var(--buttonFgColorActive);
            --buttonBorderColor: var(--buttonFgColorActive);
        }
    }
}

.freeprivacypolicy-com---nb-simple {
        height: auto !important;
    }

button.cc-nb-okagree {
}

button.cc-nb-reject {
}

button.cc-nb-changep {
}