.cc-window {
    background-color: var(--windowBg, #fff);
    box-sizing: border-box;
    z-index: 99999;
    border: var(--windowBorder, 0);
    overflow: auto;
    filter: drop-shadow(0 1px 3px rgba(60, 64, 67, .3))
}



.cc-window.cc-content-right {
    text-align: right
}

.cc-window.cc-content-left {
    text-align: left
}

.cc-window.cc-content-center {
    text-align: center
}

#cc-btn-dismiss, .cc-window.cc-pos-bottom, .cc-window.cc-pos-bottom-center, .cc-window.cc-pos-bottom-left, .cc-window.cc-pos-bottom-right, .cc-window.cc-pos-top, .cc-window.cc-pos-top-center, .cc-window.cc-pos-top-left, .cc-window.cc-pos-top-right {
    position: fixed
}

.cc-window.cc-pos-top {
    --windowMarginTop: 0;
    top: var(--windowMarginTop);
    left: 0;
    width: 100%
}

.cc-window.cc-pos-top-center {
    top: var(--windowMarginTop, 24px);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.cc-window.cc-pos-bottom-center, .cc-window.cc-pos-bottom-left, .cc-window.cc-pos-bottom-right, .cc-window.cc-pos-top-center, .cc-window.cc-pos-top-left, .cc-window.cc-pos-top-right {
    border-radius: var(--windowRadius, 24px);
    width: var(--windowWidth, 500px)
}

#cc-btn-dismiss.cc-pos-top-left, #cc-btn-dismiss.cc-pos-top-right, .cc-window.cc-pos-top-left, .cc-window.cc-pos-top-right {
    top: var(--windowMarginTop, 24px)
}

#cc-btn-dismiss.cc-pos-top-left, .cc-window.cc-pos-top-left {
    left: var(--windowMarginLeft, 48px)
}

#cc-btn-dismiss.cc-pos-top-right, .cc-window.cc-pos-top-right {
    right: var(--windowMarginRight, 48px)
}

.cc-window.cc-pos-bottom {
    --windowMarginBottom: 0;
    bottom: var(--windowMarginBottom);
    left: 0;
    width: 100%
}

.cc-window.cc-pos-bottom-center {
    bottom: var(--windowMarginBottom, 24px);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#cc-btn-dismiss.cc-pos-bottom-left, #cc-btn-dismiss.cc-pos-bottom-right, .cc-window.cc-pos-bottom-left, .cc-window.cc-pos-bottom-right {
    bottom: var(--windowMarginBottom, 24px)
}

#cc-btn-dismiss.cc-pos-bottom-left, .cc-window.cc-pos-bottom-left {
    left: var(--windowMarginLeft, 48px)
}

#cc-btn-dismiss.cc-pos-bottom-right, .cc-window.cc-pos-bottom-right {
    right: var(--windowMarginRight, 24px)
}

.cc-window .cc-window-title {
    font-size: var(--titleFontSize, 16px);
    font-weight: var(--titleFontWeight, 600);
    color: var(--titleTextColor, #001d35);
    padding: var(--titlePadding, 12px 24px 0 24px);
}

.cc-window .cc-window-message {
    padding: var(--messagePadding, 8px 24px 8px 24px);
    line-height: var(--messageLineHeight, 1.2rem)
}

.cc-window .cc-window-message, .cc-window .cc-window-message a, .cc-window .cc-window-message p {
    font-size: var(--messageFontSize, 14px);
    font-weight: var(--messageFontWeight, 400);
    color: var(--messageTextColor, #000);
    line-height: var(--messageLineHeight, 1.2rem)
}

.cc-window .cc-window-message p {
    padding: 0 0 .5rem 0
}

.cc-window .cc-window-message a, .cc-window .cc-window-message a:hover, .cc-window .cc-window-message a:visited {
    color: var(--messageLinkColor, #01579b);
    text-decoration: var(--messageLinkDecoration, underline);
    font-weight: var(--messageLinkFontWeight, 600)
}

#cc-window-settings .cc-window-settings-header {
    margin-bottom: 2rem
}

#cc-window-settings .cc-window-settings-footer {
    margin-top: 2rem
}

#cc-window-settings .cc-window-settings-cookie {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;
    padding: 16px 0
}

#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-content {
    width: 100%
}

#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-title {
    font-size: var(--settingsTitleSize, 14px);
    font-weight: var(--settingsTitleWidth, 600);
    margin-bottom: .5rem;
    user-select: none
}

#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-title-dropdown {
    cursor: pointer;
    display: flex;
    gap: 1rem
}

#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-desc {
    width: 100%
}

#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-desc * {
    font-size: var(--settingsFontSize, 14px)
}

#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-desc p {
    margin-bottom: .5rem
}

.cc-modal-window .cc-window-settings-buttons, .cc-window .cc-window-buttons {
    text-align: var(--buttonsAlign, right);
    padding: var(--buttonsPadding, 0 16px 4px 0)
}

.cc-modal-window .cc-window-settings-buttons button, .cc-window .cc-window-buttons button {

    background: #182834;
    padding: 10px 20px;
    margin: 5px;
    color: white;
    font-size: 13px;
}

.cc-window .cc-window-buttons button.cc-btn-accept {
    background-color: var(--btnAcceptBg, #388e3c);
    color: var(--btnAcceptTextColor, #fff);
    border: var(--btnAcceptBorder, 0)
}

.cc-window .cc-window-buttons button.cc-btn-accept:hover {
    background-color: var(--btnAcceptBgHover, #1b5e20)
}

.cc-window .cc-window-buttons button.cc-btn-reject {
    background-color: var(--btnRejectBg, transparent);
    color: var(--btnRejectTextColor, #c62828);
    border: var(--btnRejectBorder, 0)
}

.cc-window .cc-window-buttons button.cc-btn-reject:hover {
    background-color: var(--btnRejectBgHover, #ffebee)
}

.cc-window .cc-window-buttons button.cc-btn-info {
    color: white;
    border: var(--btnInfoBorder, 0)
}



.cc-window .cc-window-buttons button.cc-btn-settings {
    background-color: var(--btnSettingsBg, #9e9e9e);
    color: var(--btnSettingsTextColor, #fff);
    border: var(--btnSettingsBorder, 0)
}

.cc-window .cc-window-buttons button.cc-btn-settings:hover {
    background-color: var(--btnSettingsBgHover, #424242)
}

.cc-window-settings-buttons button.cc-btn-settings-select {
    background-color:#182834 ;
    color: white;
    border: var(--btnSettingsSelectBorder, 0)
}



.cc-window-settings-buttons button.cc-btn-settings-accept {
    background-color: var(--btnSettingsAcceptBg, #388e3c);
    color: var(--btnSettingsAcceptTextColor, #fff);
    border: var(--btnSettingsAcceptBorder, 0)
}

.cc-window-settings-buttons button.cc-btn-settings-accept:hover {
    background-color: var(--btnSettingsAcceptBgHover, #1b5e20)
}

#cc-btn-dismiss {
    background-color: var(--btnDismissBg, #ddd);
    color: var(--btnDismissTextColor, #000);
    border: var(--btnDismissBorder, 0);
    font-size: var(--btnDismissFontSize, 12px);
    font-weight: var(--btnDismissFontWeight, 400);
    margin: 2rem .3rem 0 .3rem;
    padding: var(--btnDismissPadding, 12px 16px);
    border-radius: var(--btnDismissRadius, 24px);
    cursor: pointer;
    outline: 0;
    z-index: 99999;
    filter: drop-shadow(0 1px 3px rgba(60, 64, 67, .3));
    opacity: .5
}

#cc-btn-dismiss:hover {
    opacity: 1
}

.cc-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.cc-modal-window {
    background-color: var(--popupBg, #fff);
    color: var(--popupTextColor, #333);
    margin: 10vh auto;
    border: var(--windowBorder, 0);
    filter: drop-shadow(0 1px 3px rgba(60, 64, 67, .3));
    width: var(--popupWidth, 600px);
    padding: 0
}

.cc-modal-content {
    color: var(--popupTextColor, #001d35);
    padding: var(--titlePadding, 0px 12px 4px 12px);
    font-size: var(--messageFontSize, 12px);
    font-weight: var(--messageFontWeight, 400);
    line-height: var(--messageLineHeight, 1.2rem);
}

.cc-modal-window .cc-modal-content h2 {
    font-size: var(--titleFontSize, 16px);
    font-weight: var(--titleFontWeight, 600);
    color: var(--popupTextColor);
    margin-bottom: 1rem
}

.cc-modal-window .cc-modal-content p {
    padding: 0 0 .5rem 0;
    font-size: var(--messageFontSize, 14px);
    line-height: var(--messageLineHeight, 1.2rem)
}

.cc-modal-window .cc-modal-content .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 26px
}

.cc-modal-window .cc-modal-content .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.cc-modal-window .cc-modal-content .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c62828;
    -webkit-transition: .4s;
    transition: .4s
}

.cc-modal-window .cc-modal-content .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.cc-modal-window .cc-modal-content input:checked + .slider {
    background-color: #1b5e20
}

.cc-modal-window .cc-modal-content input:disabled + .slider {
    background-color: #ccc
}

.cc-modal-window .cc-modal-content input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

.cc-modal-window .cc-modal-content .slider.round {
    border-radius: 34px
}

.cc-modal-window .cc-modal-content .slider.round:before {
    border-radius: 50%
}

.cc-modal-close {
    color: black;
    padding: 0 12px 12px 0;
    text-align: right;
    font-size: 22px;
    font-weight: 700
}

.cc-modal-close:focus, .cc-modal-close:hover {
    color: var(--btnCloseColorHover, #000);
    text-decoration: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .cc-window.cc-pos-bottom-center, .cc-window.cc-pos-bottom-left, .cc-window.cc-pos-bottom-right, .cc-window.cc-pos-top-center, .cc-window.cc-pos-top-left, .cc-window.cc-pos-top-right {
        width: 100%;
        min-width: 100%;
        left: 0;
        right: 0;
        border-radius: 0
    }

    .cc-window.cc-pos-top-center, .cc-window.cc-pos-top-left, .cc-window.cc-pos-top-right {
        top: 0;
        --windowMarginTop: 0
    }

    .cc-window.cc-pos-bottom-center, .cc-window.cc-pos-bottom-left, .cc-window.cc-pos-bottom-right {
        bottom: 0;
        --windowMarginBottom: 0
    }

    .cc-modal-window {
        margin: 0;
        padding: 0;
        width: 100%;
        border-radius: 0
    }
}

@keyframes cc-window-animation-in-top {
    from {
        top: -80vh;
        visibility: visible
    }
    to {
        top: var(--windowMarginTop, 24px);
        visibility: visible
    }
}

@keyframes cc-window-animation-out-top {
    from {
        top: var(--windowMarginTop, 24px)
    }
    to {
        top: -120vh
    }
}

@keyframes cc-window-animation-in-bottom {
    from {
        bottom: -80vh;
        visibility: visible
    }
    to {
        bottom: var(--windowMarginBottom, 24px);
        visibility: visible
    }
}

@keyframes cc-window-animation-out-bottom {
    from {
        bottom: var(--windowMarginBottom, 24px)
    }
    to {
        bottom: -120vh
    }
}

.cc-window.cc-animation-in.cc-pos-top, .cc-window.cc-animation-in.cc-pos-top-center, .cc-window.cc-animation-in.cc-pos-top-left, .cc-window.cc-animation-in.cc-pos-top-right {
    animation-name: cc-window-animation-in-top;
    visibility: hidden;
    animation-duration: var(--animationDuration, 1s);
    animation-delay: var(--animationDelay, .1s);
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

.cc-window.cc-animation-out.cc-pos-top, .cc-window.cc-animation-out.cc-pos-top-center, .cc-window.cc-animation-out.cc-pos-top-left, .cc-window.cc-animation-out.cc-pos-top-right {
    animation-name: cc-window-animation-out-top;
    animation-duration: var(--animationDuration, 1s);
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

.cc-window.cc-animation-in.cc-pos-bottom, .cc-window.cc-animation-in.cc-pos-bottom-center, .cc-window.cc-animation-in.cc-pos-bottom-left, .cc-window.cc-animation-in.cc-pos-bottom-right {
    animation-name: cc-window-animation-in-bottom;
    visibility: hidden;
    animation-duration: var(--animationDuration, 1s);
    animation-delay: var(--animationDelay, .1s);
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

.cc-window.cc-animation-out.cc-pos-bottom, .cc-window.cc-animation-out.cc-pos-bottom-center, .cc-window.cc-animation-out.cc-pos-bottom-left, .cc-window.cc-animation-out.cc-pos-bottom-right {
    animation-name: cc-window-animation-out-bottom;
    animation-duration: var(--animationDuration, 1s);
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}