:root {
    --prebanner-btn-bg-colour: #e50071;
    --prebanner-btn-bg-colour-hover: #fff;
    --prebanner-buttontext-colour: #fff;
    --prebanner-buttontext-colour-hover: #111;
    --prebanner-bg-colour: #111;
    --prebanner-text-colour: #fff;
    --slider-background-colour-unchecked: #888;
    --slider-background-colour-checked: #0178aa;
    --cookie-or-group-name-h-colour: #0178aa;
    --accept-all-cookies-text: #0178aa;
    --body-text-colour: #525c5f;
    --view-hide-cookies-colour: #2c2d31;
    --scroll-bar-colour: #a0dae6;
    --footer-link-color: #0178aa;
    --prebanner-secondary-color: #4f4f50;
    --prebanner-accept-all-button-color: #e50071;
    --prebanner-accept-all-button-text-color: #fff;
    --prebanner-reject-all-button-color: #e50071;
    --prebanner-reject-all-button-text-color: #fff;
    --prebanner-customise-all-button-color: #2e2e37;
    --prebanner-customise-all-button-text-color: #fff;
    --banner-background-color: #111;
    --banner-secondary-color: #111;
    --banner-text-color: #fff;
    --banner-submit-preferences-button-color: #e50071;
    --banner-submit-preferences-button-text-color: #fff;
    --banner-slider-background-off: #292929;
    --banner-slider-background-on: #e50071;
    --banner-slider-toggle: #fff;
    --prebanner-background-color: #111;
    --prebanner-border-color: #111;
    --prebanner-text-color: #fff;
    --accept-all-button-background-color: #e50071;
    --accept-all-button-border-color: #e50071;
    --accept-all-button-text-color: #fff;
    --reject-all-button-background-color: #111;
    --reject-all-button-border-color: #e50071;
    --reject-all-button-text-color: #fff;
    --view-all-button-background-color: #111;
    --view-all-button-border-color: #e50071;
    --view-all-button-text-color: #fff;
    --view-all-button-icon-color: #fff;
    --cookie-modal-background-color: #111;
    --cookie-modal-border-color: #111;
    --cookie-modal-text-color: #fff;
    --close-modal-button-color: #fff;
    --header-content-top-border-color: #111;
    --main-content-border-colour: #111;
    --tab-button-background-color: #111;
    --tab-button-text-color: #fff;
    --tab-button-border-color: #4f4f50;
    --active-button-border-color: #fff;
    --cookie-group-bottom-border-colour: #4f4f50;
    --expand-cookies-icon-color: #fff;
    --cookie-children-container-background-color: #fff;
    --cookie-children-container-text-color: #4f4f50;
    --save-preferences-button-background-color: #e50071;
    --save-preferences-button-text-color: #fff;
    --save-preferences-button-border-color: #e50071;
    --scrollbar-background-color: #4f4f50;
    --scrollbar-thumb-color: #fff;
    --slider-background-colour-unchecked: #4f4f50;
    --toggle-background-color: #fff;
    --slider-background-color-checked: #e50071;
    --manage-cookies-button-background-color: #111;
    --manage-cookies-button-text-color: #fff;
    --manage-cookies-button-border-color: #111
}

.theme-yellow {
    --prebanner-accept-all-button-color: #fdc300;
    --prebanner-accept-all-button-text-color: #111;
    --prebanner-reject-all-button-color: #fdc300;
    --prebanner-reject-all-button-text-color: #111;
    --prebanner-customise-all-button-color: #111;
    --slider-background-color-checked: #fdc300;
    --banner-submit-preferences-button-color: #fdc300;
    --banner-submit-preferences-button-text-color: #111;
    --banner-slider-background-on: #fdc300
}

.cassie-pre-banner {
    border-radius: 0!important;
    padding: 10px!important;
    align-items: center!important;
    height: 100%!important;
    overflow-y: auto!important
}

@media only screen and (min-width: 1023px) {
    .cassie-pre-banner {
        align-items:center!important;
        position: fixed!important;
        padding: 40px!important;
        bottom: 0!important;
        height: auto!important;
        margin: 0 auto!important;
        width: 100%!important
    }
}

.cassie-pre-banner--text {
    font-size: 16px!important;
    font-family: Ingra,arial,sans-serif!important;
    padding: 10px 0!important
}

@media(min-width: 768px) {
    .cassie-pre-banner--text {
        padding:0 60px!important
    }
}

@media(min-width: 1600px) {
    .cassie-pre-banner--text {
        flex:4
    }
}

.cassie-pre-banner--button {
    border-width: 2px!important;
    border-radius: 0!important;
    font-family: Ingra,arial,sans-serif!important;
    font-size: 20px!important;
    font-weight: 600!important;
    padding: 16px 25px!important;
    margin: 10px 0!important;
    transition: background-color .25s ease-out,color .25s ease-out
}

@media(min-width: 768px) {
    .cassie-pre-banner--button {
        margin:10px!important
    }
}

@media(min-width: 1600px) {
    .cassie-pre-banner--button {
        width:33%!important
    }
}

.cassie-pre-banner--button:hover {
    background-color: #fff!important;
    background-color: #fff!important;
    border-color: #fff!important;
    border-color: #fff!important;
    color: #111!important;
    opacity: 1!important
}

.cassie-pre-banner--button--container {
    flex-wrap: nowrap!important;
    padding: 0!important;
    margin: 0!important
}

@media(min-width: 1600px) {
    .cassie-pre-banner--button--container {
        flex:3
    }
}

.cassie-cookie-children--container {
    background-color: #292929!important;
    padding: 20px!important
}

.cassie-cookie--child {
    margin: 0!important
}

.cassie-cookie--child--description,.cassie-cookie--child--heading {
    font-size: 16px!important;
    font-family: Ingra,arial,sans-serif!important;
    color: #fff!important;
    color: #fff!important
}

.cassie-cookie-modal {
    background-color: #111!important
}

.cassie-cookie-modal--header--content h1,.cassie-cookie-modal--header--content h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: #fff!important;
    font-family: #fff!important;
    color: #fff!important;
    color: #fff!important;
    line-height: 1.2!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

@media only screen and (min-width: 599px) {
    .cassie-cookie-modal--header--content h1,.cassie-cookie-modal--header--content h2 {
        font-size:26px;
        font-size: 1.625rem
    }
}

.cassie-cookie-modal--header--content--accept-all--text,.cassie-cookie-modal--header--content p {
    color: #fff!important;
    color: #fff!important;
    font-family: Ingra,arial,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5!important;
    margin-bottom: 10px
}

.cassie-cookie-modal--header--content--accept-all--text {
    font-family: Ingra,arial,sans-serif!important
}

.cassie-cookie-modal--footer-content {
    font-family: Ingra,arial,sans-serif!important
}

.cassie-cookie-modal--footer-content,.cassie-cookie-modal--footer-content a {
    color: #fff!important;
    color: #fff!important;
    font-size: 16px!important;
    line-height: 1.5!important
}

.cassie-cookie-modal--footer-content a {
    font-weight: 600!important;
    text-decoration: underline!important
}

.cassie-cookie-modal--footer-content a:hover {
    text-decoration-thickness: max(3px,.1875rem,.12em)!important
}

.cassie-cookie-modal--footer-content a:focus {
    outline: 3px solid transparent!important;
    color: #111!important;
    color: var(--focusText)!important;
    background-color: #fdc300!important;
    background-color: var(--yellow)!important;
    box-shadow: 0 -2px #fdc300,0 4px #111!important;
    box-shadow: 0 -2px var(--yellow),0 4px var(--bgInverse)!important;
    text-decoration: none!important
}

.cassie-cookie-modal--footer-extra {
    display: block!important
}

.cassie-cookie-modal--footer-image--container {
    display: block!important;
    padding: 10px 0;
    width: 100%!important
}

.cassie-cookie-modal--save-preferences--container {
    width: 100%!important
}

.cassie-cookie-modal--save-preferences {
    border-width: 2px!important;
    border-radius: 0!important;
    font-family: Ingra,arial,sans-serif!important;
    font-size: 20px!important;
    font-weight: 600!important;
    padding: 16px 25px!important;
    margin: 10px 0!important;
    transition: background-color .25s ease-out,color .25s ease-out
}

.cassie-cookie-modal--save-preferences:hover {
    background-color: #fff!important;
    background-color: #fff!important;
    border-color: #fff!important;
    border-color: #fff!important;
    color: #111!important;
    opacity: 1!important
}

.cassie-cookie-group--description,.cassie-cookie-group--heading {
    color: #fff!important;
    color: #fff!important;
    font-family: Ingra,arial,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5!important
}

.cassie-expand-cookies--icon {
    fill: #fff!important;
    fill: #fff!important
}

.cassie-toggle-switch--status {
    color: #fff!important;
    color: #fff!important;
    font-family: Ingra,arial,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5!important
}

.cassie-cookie-modal .cassie-toggle-switch--slider:before {
    bottom: 2px;
    left: 2px
}

.cassie-cookie-modal .cassie-toggle-switch--slider--active:before {
    left: 21px
}

.theme-yellow .cassie-toggle-switch--slider--active:before {
    --toggle-background-color: #111
}

.cassie-view-all {
    align-items: center!important;
    display: inline-flex!important;
    justify-content: center!important;
    border: 2px solid #fff!important;
    border: 2px solid #fff!important
}

.theme-yellow .cassie-view-all {
    border-color: #fdc300!important
}

.cassie-view-all:hover {
    background-color: #fff!important;
    background-color: #fff!important;
    color: #111!important
}

.cassie-view-all:hover .cassie-view-all--button--icon {
    fill: #111!important
}

.cassie-view-all--button--icon {
    height: 20px!important;
    margin-right: 10px!important
}

.cassie-child-cookie--toggle-switch:focus-within {
    outline: 3px dotted #fff!important;
    outline: 3px dotted #fff!important
}

.cassie-close-modal-button {
    background-color: transparent!important;
    color: #fff!important;
    color: #fff!important
}

.cassie-close-modal-button:hover {
    background-color: #fff!important;
    background-color: #fff!important;
    border-color: #fff!important;
    border-color: #fff!important;
    color: #111!important;
    opacity: 1!important
}

.cassie-close-modal-button:focus {
    outline: 3px dotted #fff!important;
    outline: 3px dotted #fff!important
}