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

.cc-window *,
.cc-modal-window * {
    font-family: var(--cc-font-family, "Inter", sans-serif)
}

.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-window.cc-pos-top,
.cc-window.cc-pos-top-left,
.cc-window.cc-pos-top-right,
.cc-window.cc-pos-bottom,
.cc-window.cc-pos-bottom-left,
.cc-window.cc-pos-bottom-right,
.cc-window.cc-pos-bottom-center,
.cc-window.cc-pos-top-center,
#cc-btn-dismiss {
    position: fixed
}

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

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

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

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

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

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

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

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

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

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

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

.cc-window .cc-window-title {
    font-size: var(--cc-title-font-size, 16px);
    font-weight: var(--cc-title-font-weight, 600);
    color: var(--cc-title-text-color, #001D35);
    padding: var(--cc-title-padding, 24px 24px 0 24px);
    margin-bottom: var(--cc-title-margin-bottom, 16px)
}

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

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

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

.cc-window .cc-window-message a,
.cc-window .cc-window-message a:hover,
.cc-window .cc-window-message a:visited {
    color: var(--cc-message-link-color, #01579B);
    -webkit-text-decoration: var(--cc-message-link-decoration, underline);
    text-decoration: var(--cc-message-link-decoration, underline);
    font-weight: var(--cc-message-link-font-weight, 600)
}

#cc-window-settings .cc-window-settings-header {
    margin-bottom: var(--cc-settings-margin-bottom, 2rem)
}

#cc-window-settings .cc-window-settings-footer {
    margin-top: var(--cc-settings-margin-top, 2rem)
}

#cc-window-settings .cc-window-settings-cookie {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid var(--cc-settings-separator-color, #eee);
    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(--cc-settings-title-size, 14px);
    font-weight: var(--cc-settings-title-weight, 600);
    margin-bottom: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    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(--cc-settings-font-size, 14px)
}

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

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

.cc-window .cc-window-buttons button,
.cc-modal-window .cc-window-settings-buttons button {
    display: initial !important;
    font-size: 14px;
    font-weight: 400;
    margin: var(--cc-btn-margin, 24px 2px 0 2px);
    padding: var(--cc-btn-padding, 6px 6px);
    border-radius: 0;
    cursor: pointer;
    outline: none;
    letter-spacing: .010714em
}

.cc-window .cc-window-buttons button.cc-btn-accept {
    background-color: var(--cc-btn-accept-background, #388E3C);
    color: var(--cc-btn-accept-text-color, #ffffff);
    border: var(--cc-btn-accept-border, 0)
}

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

.cc-window .cc-window-buttons button.cc-btn-reject {
    background-color: var(--cc-btn-reject-background, transparent);
    color: var(--cc-btn-reject-text-color, #C62828);
    border: var(--cc-btn-reject-border, 0)
}

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

.cc-window .cc-window-buttons button.cc-btn-info {
    background-color: var(--cc-btn-info-background, transparent);
    color: var(--cc-btn-info-text-color, #424242);
    border: var(--cc-btn-info-border, 0)
}

.cc-window .cc-window-buttons button.cc-btn-info:hover {
    background-color: var(--cc-btn-info-background-hover, #E0E0E0)
}

.cc-window .cc-window-buttons button.cc-btn-settings {
    background-color: var(--cc-btn-settings-background, #9E9E9E);
    color: var(--cc-btn-settings-text-color, #ffffff);
    border: var(--cc-btn-settings-border, 0)
}

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

.cc-window-settings-buttons button.cc-btn-settings-select {
    background-color: var(--cc-btn-settings-select-background, transparent);
    color: var(--cc-btn-settings-select-text-color, #424242);
    border: var(--cc-btn-settings-select-border, 0)
}

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

.cc-window-settings-buttons button.cc-btn-settings-accept {
    background-color: var(--cc-btn-settings-accept-background, #388E3C);
    color: var(--cc-btn-settings-accept-text-color, #ffffff);
    border: var(--cc-btn-settings-accept-border, 0)
}

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

#cc-btn-dismiss {
    font-family: var(--cc-font-family, "Open Sans", Arial, sans-serif);
    background-color: var(--cc-btn-dismiss-background, #ddd);
    color: var(--cc-btn-dismiss-text-color, #000);
    border: var(--cc-btn-dismiss-border, 0);
    font-size: var(--cc-btn-dismiss-font-size, 14px);
    font-weight: var(--cc-btn-dismiss-font-weight, 400);
    margin: 2rem .3rem 0;
    padding: var(--cc-btn-dismiss-padding, 12px 16px);
    border-radius: var(--cc-btn-dismiss-radius, 24px);
    cursor: pointer;
    outline: none;
    z-index: 99999;
    filter: drop-shadow(0px 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: #0006
}

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

.cc-modal-content {
    color: var(--cc-popup-text-color, #001D35);
    padding: var(--cc-title-padding, 0 24px 24px 24px);
    font-size: var(--cc-message-font-size, 14px);
    font-weight: var(--cc-message-font-weight, 400);
    line-height: var(--cc-message-line-height, 1.2rem);
    margin-top: 24px;
    margin-bottom: 24px
}

.cc-modal-window .cc-modal-content h2 {
    font-size: var(--cc-title-font-size, 16px);
    font-weight: var(--cc-title-font-weight, 600);
    color: var(--cc-title-text-color, #001D35);
    margin-bottom: 1rem
}

.cc-modal-window .cc-modal-content p {
    padding: 0 0 .5rem;
    font-size: var(--cc-message-font-size, 14px);
    line-height: var(--cc-message-line-height, 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;
    transition: .4s
}

.cc-modal-window .cc-modal-content .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    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 {
    transform: translate(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: var(--cc-btn-close-color, #aaa);
    padding: 0 12px 12px 0;
    text-align: right;
    font-size: 22px;
    font-weight: 700
}

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

@media screen and (max-width: 768px) {

    .cc-window.cc-pos-top-left,
    .cc-window.cc-pos-top-right,
    .cc-window.cc-pos-bottom-left,
    .cc-window.cc-pos-bottom-right,
    .cc-window.cc-pos-bottom-center,
    .cc-window.cc-pos-top-center {
        width: 100%;
        min-width: 100%;
        left: 0;
        right: 0;
        border-radius: 0
    }

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

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

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

@keyframes cc-window-animation-in-top {
    0% {
        top: -80vh;
        visibility: visible
    }

    to {
        top: var(--cc-window-margin-top, 24px);
        visibility: visible
    }
}

@keyframes cc-window-animation-out-top {
    0% {
        top: var(--cc-window-margin-top, 24px)
    }

    to {
        top: -120vh
    }
}

@keyframes cc-window-animation-in-bottom {
    0% {
        bottom: -80vh;
        visibility: visible
    }

    to {
        bottom: var(--cc-window-margin-bottom, 24px);
        visibility: visible
    }
}

@keyframes cc-window-animation-out-bottom {
    0% {
        bottom: var(--cc-window-margin-bottom, 24px)
    }

    to {
        bottom: -120vh
    }
}

.cc-window.cc-animation-in.cc-pos-top,
.cc-window.cc-animation-in.cc-pos-top-left,
.cc-window.cc-animation-in.cc-pos-top-right,
.cc-window.cc-animation-in.cc-pos-top-center {
    animation-name: cc-window-animation-in-top;
    visibility: hidden;
    animation-duration: var(--cc-animation-duration, 1s);
    animation-delay: var(--cc-animation-delay, .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-left,
.cc-window.cc-animation-out.cc-pos-top-right,
.cc-window.cc-animation-out.cc-pos-top-center {
    animation-name: cc-window-animation-out-top;
    animation-duration: var(--cc-animation-duration, 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-left,
.cc-window.cc-animation-in.cc-pos-bottom-right,
.cc-window.cc-animation-in.cc-pos-bottom-center {
    animation-name: cc-window-animation-in-bottom;
    visibility: hidden;
    animation-duration: var(--cc-animation-duration, 1s);
    animation-delay: var(--cc-animation-delay, .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-left,
.cc-window.cc-animation-out.cc-pos-bottom-right,
.cc-window.cc-animation-out.cc-pos-bottom-center {
    animation-name: cc-window-animation-out-bottom;
    animation-duration: var(--cc-animation-duration, 1s);
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}