.cookiesjsr--app {
        --default-margin: 1.25em;
        --font-size-reset: 1rem;
        --btn-font-color: var(--bs-primary);
        --btn-border-color: var(--bs-primary);
        --btn-bg-color: #FFF;
        --btn-prime-font-color:  var(--bs-primary);
        --btn-prime-border-color: var(--bs-primary);
        --btn-prime-bg-color: #FFF;
        --btn-inv-font-color: var(--bs-primary);
        --btn-inv-border-color: var(--bs-primary);
        --btn-inv-bg-color: #FFF;
        --btn-prime-inv-font-color: #FFF;
        --btn-prime-inv-border-color: var(--bs-primary);
        --btn-prime-inv-bg-color: var(--bs-primary);
        --link-list-font-color: #0E6EB6;
        --link-list-separator-color: #FFF;
        --banner-logo-offset: 100px;
        --banner-bg-color: var(--bs-funda-gray-2);
        --banner-font-color: var(--bs-primary);
        --banner-box-shadow: none;
        --layer-header-height: 3.5em;
        --layer-header-bg-color: #F7F5F2;
        --layer-header-font-color: var(--bs-primary);
        --layer-body-bg-color: #F7F5F2;
        --layer-tab-bg-color: #F7F5F2;
        --layer-tab-font-color: #717171;
        --layer-tab-active-bg-color: #FFF;
        --layer-tab-active-font-color: var(--bs-primary);
        --layer-bg-dark: var(--bs-primary);
        --layer-font-light: var(--bs-primary);
        --layer-font-dark: #000f37;
        --layer-border-color: #e4e5e6;
        --layer-footer-bg-color: #FFF;
        --layer-footer-font-color: #000f37;
        --layer-footer-height: 4.5em;
        --switch-border-color: #e4e5e6;
        --switch-handle-color: #FFF;
        --switch-bg-off: #e4e5e6;
        --switch-bg-on: #0a0;
        --switch-width: 45px;
        --switch-height: 20px;
        --switch-always-on-font-color: #004E17;
        --switch-always-on-bg-color: #D0F5E1;
}

body:has(.cookiesjsr-banner) {
        overflow: hidden;
}

.cookiesjsr--app:has(.cookiesjsr-banner)::before {
        background: rgba(32, 44, 60, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        content: '';
        z-index: 4;
}

.cookiesjsr-banner {
        width: 100% !important;
        right: 0;
        bottom: 0;
        max-width: 100vw;
        box-shadow: unset;

        display: flex;
        flex-direction: row;
}

@media screen and (max-width: 767px) {
        .cookiesjsr-banner {
                flex-direction: column;
        }
}

.cookiesjsr-banner > * {
        flex-grow: 1;
}

.cookiesjsr-banner .cookiesjsr-banner--info {
        flex-grow: 2;
        width: unset;
        margin-right: 20px;
        margin-bottom: 0;
}

.cookiesjsr-banner--action {
        flex-wrap: nowrap;
}

.cookiesjsr-layer {
        border-radius: 8px;
}

.cookiesjsr-layer--close {
        background: transparent url("../images/svg/close.svg") no-repeat;
}

.cookiesjsr-btn {
        transition: unset;
        transform: unset;
        opacity: unset;
        font-weight: 700;
        border-radius: 5px;
        min-height: unset;
        white-space: nowrap !important;
        text-transform: unset;
        padding: 0.5em 1em !important;
}

.cookiesjsr-btn:hover {
        transform: unset;
}

.cookiesjsr-btn.important.allowAll {
        background-color: var(--bs-primary);
        color: white;
}

.cookiesjsr-layer--label-all {
        visibility: hidden;
}

.cookiesjsr-layer--title {
        font-weight: 700;
        font-size: 20px;
        text-transform: capitalize;
}

.cookiesjsr-service--description h3 {
        font-size: 16px;
        font-weight: 700;
}

.cookiesjsr-service--always-on {
        padding: 0.25rem 0.5rem;
}

.cookiesjsr-service--always-on span {

    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    display: block;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
}