@import "/static/js/cookiesconsent/3.0.0/cookieconsent.css";
@import "/static/js/cookiesconsent/3.0.0/light-funky.css";

#cc-main .cm {
    max-width: 80vw;
}
#cc-main .cm__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
#cc-main .cm__title__logo {
    width: 40px;
}
/*#cc-main .cm__desc {*/
/*    text-align: center;*/
/*    font-size: 20px;*/
/*}*/
#cc-main .cm__btns {
    gap: 15px;
}
#cc-main .cm__btn-group {
    display: flex;
    gap: 10px;
    align-items: center;
}
#cc-main .cm__btn {
    width: 100%;
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
    margin-top: 0;
}
#cc-main .cm__link-group {
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#cc-main .cm__settings__icon {
    width: 20px;
}
.btn-cc-edit {
    appearance: none;
    cursor: pointer;
    font-family: var(--cc-font-family) !important;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden;
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    font-size: 1em;
    font-weight: 600 !important;
    min-height: 42px;
    padding: .5em 1em;
    text-align: center;
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color);
    width: 100%;
    transition: background-color .15s ease,border-color .15s ease,color .15s ease;
}
.btn-cc-edit > span {
    pointer-events: none;
}
.btn-cc-edit .cm__settings__icon {
    width: 20px;
}
.btn-cc-edit:hover {
    background: var(--cc-btn-secondary-hover-bg) !important;
    border-color: var(--cc-btn-secondary-hover-border-color) !important;
    color: var(--cc-btn-secondary-hover-color) !important;
}
.btn-cc-edit.btn-cc-in-title {
    display: inline-block;
    width: auto;
    padding: 13px;
}

.cc--custom-light-funky {
    color-scheme: light;

    --cc-bg: #ffffff;
    --cc-primary-color: #4d4d4d;
    --cc-secondary-color: #4d4d4d;

    --cc-btn-primary-bg: #00a1de;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: #00719b;
    --cc-btn-primary-hover-color: #fff;

    --cc-btn-secondary-bg: #dfe7f9;
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: #c6d1ea;
    --cc-btn-secondary-hover-color: #000;

    --cc-cookie-category-block-bg: #ebeff9;
    --cc-cookie-category-block-border: #ebeff9;
    --cc-cookie-category-block-hover-bg: #dbe5f9;
    --cc-cookie-category-block-hover-border: #dbe5f9;
    --cc-cookie-category-expanded-block-hover-bg: #ebeff9;
    --cc-cookie-category-expanded-block-bg: #ebeff9;

    --cc-overlay-bg: rgba(219, 232, 255, 0.85)!important;

    --cc-toggle-readonly-bg: #cbd8f1;
    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-off-bg: #8fa8d6;
    --cc-toggle-readonly-knob-bg: var(--cc-bg);

    --cc-separator-border-color: #f1f3f5;

    --cc-footer-border-color: #f1f3f5;
    --cc-footer-bg: var(--cc-bg);

    --cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem;
    --cc-modal-border-radius: var(--cc-btn-border-radius);
    --cc-pm-toggle-border-radius: var(--cc-btn-border-radius);
}

.cc--custom-light-funky #cc-main .toggle__icon:after {
    border-radius: var(--cc-btn-border-radius);
}

.cc--custom-light-funky #cc-main .cm__btn--close {
    border-radius: var(--cc-btn-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}