/*
 * Copyright notice
 *
 * (c) sgalinski Internet Services (https://www.sgalinski.de)
 *
 * Commercial license
 * You can buy a license key on the following site:
 * https://www.sgalinski.de/en/typo3-produkte-webentwicklung/sgalinski-cookie-optin/
 */

/* This file includes basic styles for each template */
:root {
    --sg-cookie-optin-color-text: #373737;
    --sg-cookie-optin-color-text-opacity: #37373760;
    --sg-cookie-optin-color-box: #FFF;
    --sg-cookie-optin-banner-color-box: #DDD;
    --sg-cookie-optin-banner-color-text: #373737;
    --sg-cookie-optin-banner-color-link-text: #373737;
    --sg-cookie-optin-color-fingerprint-background: #143D59;
    --sg-cookie-optin-color-fingerprint-image: #FFF;
    --sg-cookie-optin-iframe-color-consent-box-background: #D6D6D6;
    --sg-cookie-optin-iframe-color-button-load-one-text: #FFF;
    --sg-cookie-optin-iframe-color-button-load-one: #143D59;
    --sg-cookie-optin-iframe-color-button-load-one-hover: #2E6B96;
    --sg-cookie-optin-iframe-color-open-settings: #373737;
    --sg-cookie-optin-color-confirmation-text: #208A20;
    --sg-cookie-optin-color-confirmation-background: #C9FFC9;
    --sg-cookie-optin-color-button-close-text: #373737;
    --sg-cookie-optin-color-button-close-hover-text: #373737;
    --sg-cookie-optin-color-button-close: #FFF;
    --sg-cookie-optin-color-button-close-hover: #FFF;
    --sg-cookie-optin-color-headline: #3c3637;
    --sg-cookie-optin-color-checkbox: #ff9a00;
    --sg-cookie-optin-color-checkbox-required: #A5A5A5;
    --sg-cookie-optin-color-button-all-text: #FFF;
    --sg-cookie-optin-color-button-all-hover-text: #FFF;
    --sg-cookie-optin-color-button-all: #ff9a00;
    --sg-cookie-optin-color-button-all-hover: #ff8003;
    --sg-cookie-optin-color-button-specific-text: #FFF;
    --sg-cookie-optin-color-button-specific-hover-text: #FFF;
    --sg-cookie-optin-color-button-specific-hover: #D7D7D7;
    --sg-cookie-optin-color-button-specific: #A5A5A5;
    --sg-cookie-optin-color-button-essential-text: #FFF;
    --sg-cookie-optin-color-button-essential-hover-text: #FFF;
    --sg-cookie-optin-color-button-essential-hover: #D7D7D7;
    --sg-cookie-optin-color-button-essential: #A5A5A5;
    --sg-cookie-optin-banner-color-button-settings-text: #FFF;
    --sg-cookie-optin-banner-color-button-settings-hover-text: #FFF;
    --sg-cookie-optin-banner-color-button-settings-hover: #D7D7D7;
    --sg-cookie-optin-banner-color-button-settings: #A5A5A5;
    --sg-cookie-optin-banner-color-button-accept-text: #FFF;
    --sg-cookie-optin-banner-color-button-accept-hover-text: #FFF;
    --sg-cookie-optin-banner-color-button-accept-hover: #2E6B96;
    --sg-cookie-optin-banner-color-button-accept: #143D59;
    --sg-cookie-optin-color-list: #A5A5A5;
    --sg-cookie-optin-color-list-text: #FFF;
    --sg-cookie-optin-color-table: #FFF;
    --sg-cookie-optin-color-table-header: #F3F3F3;
    --sg-cookie-optin-color-table-header-text: #373737;
    --sg-cookie-optin-color-table-data-text: #373737;
    --sg-cookie-optin-color-full-box: #143D59;
    --sg-cookie-optin-color-full-headline: #FFF;
    --sg-cookie-optin-color-full-text: #FFF;
    --sg-cookie-optin-color-full-button-close: #143D59;
    --sg-cookie-optin-color-full-button-close-text: #FFF;
    --sg-cookie-optin-color-full-button-close-hover: #143D59;
    --sg-cookie-optin-color-checkbox-box-shadow: #FFF
}

#SgCookieOptin,#SgCookieOptin * table,#SgCookieOptin * tbody,#SgCookieOptin * tr,#SgCookieOptin * th,#SgCookieOptin * td,#SgCookieOptin * div,#SgCookieOptin * strong,#SgCookieOptin * p,#SgCookieOptin * a,#SgCookieOptin * ul,#SgCookieOptin * li,#SgCookieOptin * button,#SgCookieOptin * input,#SgCookieOptin * label,.sg-cookie-optin-plugin-cookie-list,.sg-cookie-optin-plugin-cookie-list * table,.sg-cookie-optin-plugin-cookie-list * tbody,.sg-cookie-optin-plugin-cookie-list * tr,.sg-cookie-optin-plugin-cookie-list * th,.sg-cookie-optin-plugin-cookie-list * td,.sg-cookie-optin-plugin-cookie-list * div,.sg-cookie-optin-plugin-cookie-list * strong,.sg-cookie-optin-plugin-cookie-list * p,.sg-cookie-optin-plugin-cookie-list * a,.sg-cookie-optin-plugin-cookie-list * ul,.sg-cookie-optin-plugin-cookie-list * li,.sg-cookie-optin-plugin-cookie-list * button,.sg-cookie-optin-plugin-cookie-list * input,.sg-cookie-optin-plugin-cookie-list * label {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    background: none;
    color: var(--sg-cookie-optin-color-text);
    line-height: 1.6
}

#SgCookieOptin {
    display: flex;
    justify-content: center;
    align-items: baseline;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    outline: 0;
    background: rgba(0,0,0,.6)
}

#SgCookieOptin .sg-cookie-optin-box,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box {
    position: relative;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 10px 20px 20px;
    margin: 25px 0;
    max-width: 500px;
    max-height: 95%;
    background: var(--sg-cookie-optin-color-box);
    border-radius: 5px;
    font-size: 14px;
    text-align: left
}

#SgCookieOptin .sg-cookie-optin-box::-webkit-scrollbar {
    display: none
}

.sg-cookie-optin-save-confirmation {
    max-width: 500px;
    margin: 0 0 5px;
    padding: 10px 20px;
    border: solid 1px var(--sg-cookie-optin-color-confirmation-text);
    border-radius: 5px;
    color: var(--sg-cookie-optin-color-confirmation-text);
    background-color: var(--sg-cookie-optin-color-confirmation-background)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-close-button {
    padding: 4px 11px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 800;
    font-size: 22px;
    cursor: pointer;
    color: var(--sg-cookie-optin-color-button-close-text);
    background-color: var(--sg-cookie-optin-color-button-close)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-close-button:hover {
    background-color: var(--sg-cookie-optin-color-button-close-hover);
    color: var(--sg-cookie-optin-color-button-close-hover-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-header,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-header,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-description,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-description {
    display: block
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-header,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-header {
    margin: 0;
    font-size: 22px;
    color: var(--sg-cookie-optin-color-headline)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-description,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-description {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.5
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list {
    display: block;
    list-style: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item {
    display: inline-block;
    padding: 0 10px 20px 0
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox {
    position: absolute;
    opacity: 0
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:focus+.sg-cookie-optin-checkbox-label::before {
    background-color: #E2E2E5
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:focus .sg-cookie-optin-checkbox:checked+.sg-cookie-optin-checkbox-label {
    border: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox+.sg-cookie-optin-checkbox-label::before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    content: "";
    border-radius: 5px;
    border: 2px solid var(--sg-cookie-optin-color-checkbox);
    background-color: #FFF;
    cursor: pointer
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:checked+.sg-cookie-optin-checkbox-label::before {
    box-shadow: inset 0 0 0 3px var(--sg-cookie-optin-color-checkbox-box-shadow);
    background-color: var(--sg-cookie-optin-color-checkbox)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:disabled+.sg-cookie-optin-checkbox-label::before {
    box-shadow: inset 0 0 0 3px var(--sg-cookie-optin-color-checkbox-box-shadow);
    border-color: var(--sg-cookie-optin-color-checkbox-required);
    background-color: var(--sg-cookie-optin-color-checkbox-required);
    cursor: default
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:disabled+.sg-cookie-optin-checkbox-label {
    cursor: default
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:disabled+.sg-cookie-optin-checkbox-label span {
    vertical-align: middle
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox-label {
    cursor: pointer
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-iframe-reject,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-banner-content .sg-cookie-optin-banner-button-settings,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-banner-content .sg-cookie-optin-banner-button-accept {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 10px 0;
    margin: 0 0 10px 0;
    color: var(--sg-cookie-optin-color-button-all-text);
    font-size: 16px;
    text-align: center;
    background-color: var(--sg-cookie-optin-color-button-all);
    border-radius: 5px
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-iframe-reject {
    color: var(--sg-cookie-optin-color-button-specific-text);
    background-color: var(--sg-cookie-optin-color-button-specific)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential {
    color: var(--sg-cookie-optin-color-button-essential-text);
    background-color: var(--sg-cookie-optin-color-button-essential)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-banner-content .sg-cookie-optin-banner-button-settings {
    color: var(--sg-cookie-optin-banner-color-button-settings-text);
    background-color: var(--sg-cookie-optin-banner-color-button-settings)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-banner-content .sg-cookie-optin-banner-button-accept {
    color: var(--sg-cookie-optin-banner-color-button-accept-text);
    background-color: var(--sg-cookie-optin-banner-color-button-accept)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all:hover {
    background-color: var(--sg-cookie-optin-color-button-all-hover);
    color: var(--sg-cookie-optin-color-button-all-hover-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific:hover,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-iframe-reject:hover {
    background-color: var(--sg-cookie-optin-color-button-specific-hover);
    color: var(--sg-cookie-optin-color-button-specific-hover-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential:hover {
    background-color: var(--sg-cookie-optin-color-button-essential-hover);
    color: var(--sg-cookie-optin-color-button-essential-hover-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-banner-content .sg-cookie-optin-banner-button-settings:hover {
    background-color: var(--sg-cookie-optin-banner-color-button-settings-hover);
    color: var(--sg-cookie-optin-banner-color-button-settings-hover-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-banner-content .sg-cookie-optin-banner-button-accept:hover {
    background-color: var(--sg-cookie-optin-banner-color-button-accept-hover);
    color: var(--sg-cookie-optin-banner-color-button-accept-hover-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-flash-message {
    padding: 0 0 10px
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list {
    max-height: 0;
    overflow: hidden;
    list-style: none;
    -moz-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    -webkit-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
    will-change: max-height
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list::-webkit-scrollbar {
    display: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list.sg-cookie-optin-visible,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list.sg-cookie-optin-visible {
    padding: 10px 0 0 0;
    border-top: 1px solid var(--sg-cookie-optin-color-list);
    max-height: 2000px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-list-item,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-list-item {
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--sg-cookie-optin-color-list);
    list-style: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-list-item a,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-list-item a {
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    color: var(--sg-cookie-optin-color-list-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-header,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-header,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description {
    display: block;
    color: var(--sg-cookie-optin-color-list-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-header,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-header {
    margin: 0;
    font-size: 18px
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1.5
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-open-more {
    padding: 0 0 10px;
    text-align: center
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist {
    height: 0;
    overflow: hidden;
    list-style: none;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
    will-change: height
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist::-webkit-scrollbar {
    display: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist.sg-cookie-optin-visible {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table {
    margin: 0 0 10px 0;
    width: 100%;
    background-color: var(--sg-cookie-optin-color-table)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table th,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table th,#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table td,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table td {
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid var(--sg-cookie-optin-color-list);
    color: var(--sg-cookie-optin-color-table-data-text)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table th,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table th {
    width: 25%;
    font-weight: 600;
    color: var(--sg-cookie-optin-color-table-header-text);
    background-color: var(--sg-cookie-optin-color-table-header);
    border-right: 1px solid var(--sg-cookie-optin-color-list)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table .divider,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table .divider {
    background-color: var(--sg-cookie-optin-color-list)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table .divider td,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table .divider td {
    line-height: 0
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer,.sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box .sg-cookie-optin-box-footer {
    padding: 10px 0 0;
    border-top: 1px solid var(--sg-cookie-optin-color-list)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-copyright {
    display: inline-block
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-copyright .sg-cookie-optin-box-copyright-link {
    color: var(--sg-cookie-optin-color-text-opacity)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-footer-user-hash-container {
    color: var(--sg-cookie-optin-color-text-opacity)
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-footer-links {
    float: right
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-copyright.sg-cookie-optin-box-copyright-link-hidden {
    display: none
}

#SgCookieOptin .sg-cookie-optin-box-copyright-link-hidden {
    display: none
}

.sg-cookie-optin-plugin #SgCookieOptin,.sg-cookie-optin-plugin .sg-cookie-optin-plugin-cookie-list {
    display: block;
    position: static;
    background: none;
    z-index: 10
}

.sg-cookie-optin-plugin #SgCookieOptin .sg-cookie-optin-box,.sg-cookie-optin-plugin .sg-cookie-optin-plugin-cookie-list .sg-cookie-optin-box {
    margin: 0;
    border: solid 1px var(--sg-cookie-optin-color-list);
    border-radius: 5px
}

.sg-cookie-optin-plugin-initialized .sg-cookie-optin-box-close-button {
    display: none
}

:root {
    --sg-cookie-optin-color-monochrome-light: #dbdbdb;
    --sg-cookie-optin-color-monochrome-light-dark: #e1e1e1;
    --sg-cookie-optin-color-monochrome-dark: #000;
    --sg-cookie-optin-color-monochrome-text: #fff;
    --sg-cookie-optin-color-monochrome-background: #343434
}

:root .sg-cookie-optin-dark-theme {
    --sg-cookie-optin-color-text: var(--sg-cookie-optin-color-monochrome-text);
    --sg-cookie-optin-color-text-opacity: var(--sg-cookie-optin-color-monochrome-text);
    --sg-cookie-optin-color-box: var(--sg-cookie-optin-color-monochrome-background);
    --sg-cookie-optin-color-full-box: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-headline: var(--sg-cookie-optin-color-monochrome-text);
    --sg-cookie-optin-color-checkbox: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-button-all: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-table: var(--sg-cookie-optin-color-monochrome-light-dark);
    --sg-cookie-optin-color-table-header: var(--sg-cookie-optin-color-monochrome-light-dark);
    --sg-cookie-optin-color-button-close-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-button-all-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-button-specific-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-button-essential-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-banner-color-button-settings-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
    --sg-cookie-optin-color-checkbox-box-shadow: var(--sg-cookie-optin-color-monochrome-light-dark);
    --sg-cookie-optin-color-button-all-hover: var(--sg-cookie-optin-color-button-specific-hover)
}

@media (prefers-color-scheme: dark) {
    :root {
        --sg-cookie-optin-color-text:var(--sg-cookie-optin-color-monochrome-text);
        --sg-cookie-optin-color-text-opacity: var(--sg-cookie-optin-color-monochrome-text);
        --sg-cookie-optin-color-box: var(--sg-cookie-optin-color-monochrome-background);
        --sg-cookie-optin-color-full-box: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-headline: var(--sg-cookie-optin-color-monochrome-text);
        --sg-cookie-optin-color-checkbox: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-all: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-table: var(--sg-cookie-optin-color-monochrome-light-dark);
        --sg-cookie-optin-color-table-header: var(--sg-cookie-optin-color-monochrome-light-dark);
        --sg-cookie-optin-color-button-close-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-all-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-specific-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-essential-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-banner-color-button-settings-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-checkbox-box-shadow: var(--sg-cookie-optin-color-monochrome-light-dark);
        --sg-cookie-optin-color-button-all-hover: var(--sg-cookie-optin-color-button-specific-hover)
    }
}

@media (prefers-contrast:more) {
    :root {
        --sg-cookie-optin-color-text: var(--sg-cookie-optin-color-monochrome-text);
        --sg-cookie-optin-color-text-opacity: var(--sg-cookie-optin-color-monochrome-text);
        --sg-cookie-optin-color-box: var(--sg-cookie-optin-color-monochrome-background);
        --sg-cookie-optin-color-full-box: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-headline: var(--sg-cookie-optin-color-monochrome-text);
        --sg-cookie-optin-color-checkbox: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-all: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-table: var(--sg-cookie-optin-color-monochrome-light-dark);
        --sg-cookie-optin-color-table-header: var(--sg-cookie-optin-color-monochrome-light-dark);
        --sg-cookie-optin-color-button-close-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-all-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-specific-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-button-essential-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-banner-color-button-settings-hover-text: var(--sg-cookie-optin-color-monochrome-dark);
        --sg-cookie-optin-color-checkbox-box-shadow: var(--sg-cookie-optin-color-monochrome-light-dark);
        --sg-cookie-optin-color-button-all-hover: var(--sg-cookie-optin-color-button-specific-hover)
    }
}