.cm__blocked{
    position:fixed;
    bottom:0;
    left:0;
    width:100vw;
    height:100vh;
    content:'';
    background-color:rgba(0,0,0,0.35);
    z-index:999998;
    display:none;
    &.cm__active{
        display:block;
    }
}
.__cookiemng__{
        
    --cm_accent_color: #0e3da3;
    --cm_background_color-mid-light: rgba(125, 125, 125,0.15);
    --cm_background_color-light: rgba(125, 125, 125,0.075);
    --cm_background_color: white;
    --cm_button_color: white;
    --cm_text_color: black;
    --cm_text_color-light: rgb(39, 39, 39);
    --cm_inverted_button_background: white;
    --cm_inverted_button_text: black;

    --cm_inverted_button_background_outline: #0e3da3;
    --cm_inverted_button_text_outline: white;

    font-family: inherit;
    font-size:0.9rem;
    line-height:1.25;

    &.cm__rounded{
        .cm__button{
            border-radius:7px;
        }
        .cm__accordion{
            border-radius:10px;
        }
    }

    &.cm__corner{
        max-width:480px;
        right:0;
        left:initial;
        bottom:0;
        box-shadow:-5px -3px 5px rgba(0,0,0,0.25);
    }

    &.blue{
        --cm_accent_color: #0e3da3;
        --cm_accent_color-light: #3565cc;
        --cm_accent_color-dark: #0c3180;
        --cm_background_color: white;
        --cm_button_color: white;
        --cm_background_color-light: rgba(125, 125, 125,0.075);
        --cm_text_color: black;
        --cm_text_color-light: rgb(39, 39, 39);
        --cm_inverted_button_background: white;
        --cm_inverted_button_text: black;

        --cm_inverted_button_background_outline: #0e3da3;
        --cm_inverted_button_text_outline: white;
    }
    &.green{
        --cm_accent_color: #236510;
        --cm_accent_color-light: rgb(77, 184, 38);
        --cm_accent_color-dark: #1f650c;
        --cm_background_color: white;
        --cm_button_color: white;
        --cm_background_color-light: rgba(125, 125, 125,0.075);
        --cm_text_color: black;
        --cm_text_color-light: rgb(39, 39, 39);
        --cm_inverted_button_background: white;
        --cm_inverted_button_text: black;

        --cm_inverted_button_background_outline: #236510;
        --cm_inverted_button_text_outline: white;
    }
    &.red{
        --cm_accent_color: #a71c1c;
        --cm_accent_color-light: #c93434;
        --cm_accent_color-dark: #8f1111;
        --cm_background_color: white;
        --cm_button_color: white;
        --cm_background_color-light: rgba(125, 125, 125,0.075);
        --cm_text_color: black;
        --cm_text_color-light: rgb(39, 39, 39);
        --cm_inverted_button_background: white;
        --cm_inverted_button_text: black;

        --cm_inverted_button_background_outline: #a71c1c;
        --cm_inverted_button_text_outline: white;
    }
    &.yellow{
        --cm_accent_color: #ffd400;
        --cm_accent_color-light: #fdd923;
        --cm_accent_color-dark: #e1bc04;
        --cm_background_color: white;
        --cm_button_color: black;
        --cm_background_color-light: rgba(125, 125, 125,0.075);
        --cm_text_color: black;
        --cm_text_color-light: rgb(39, 39, 39);
        --cm_inverted_button_background: black;
        --cm_inverted_button_text: white;

        --cm_inverted_button_background_outline: #ffd400;
        --cm_inverted_button_text_outline: black;
    }
    &.purple{
        --cm_accent_color: #5b0c88;
        --cm_accent_color-light: #681598;
        --cm_accent_color-dark: #490b6d;
        --cm_background_color: white;
        --cm_button_color: white;
        --cm_background_color-light: rgba(125, 125, 125,0.075);
        --cm_text_color: black;
        --cm_text_color-light: rgb(39, 39, 39);
        --cm_inverted_button_background: white;
        --cm_inverted_button_text: black;

        --cm_inverted_button_background_outline: #5b0c88;
        --cm_inverted_button_text_outline: white;
    }
    &.black{
        --cm_accent_color: black;
        --cm_accent_color-light: rgb(39, 39, 39);
        --cm_accent_color-dark: black;
        --cm_background_color: white;
        --cm_button_color: white;
        --cm_background_color-light: rgba(125, 125, 125,0.075);
        --cm_text_color: black;
        --cm_text_color-light: rgb(39, 39, 39);
        --cm_inverted_button_background: white;
        --cm_inverted_button_text: black;        

        --cm_inverted_button_background_outline: black;
        --cm_inverted_button_text_outline: white;
    }

    position:fixed;
    box-sizing:border-box;
    left:0;
    bottom:0;
    width:100%;
    z-index:999999;
    background-color:var(--cm_background_color);
    &:not(.cm__corner){
        border-top:1px solid var(--cm_text_color);
    }
    color:var(--cm_text_color);
    max-height:100vh;
    overflow:auto;

    display:none;
    &.cm__active{
        display:block;
    }



    .cm__container{
        justify-content:space-between;
        align-items:center;
        padding:10px;
        max-width:780px;
        margin:auto;
        display:none;

        &.cm__active{
            display:flex;
        }
        
        &.cm__full{
            flex-direction:column;

        }
        @media screen and (max-width: 768px){
            flex-direction:column;

        }
        .cm__content{
            padding:20px;
            &.cm__full{
                width:100%;
            }
            .cm__checkbox{
                &:not(:first-child){
                    margin-top:10px;
                }
            }
            &:not(:last-child) {
                padding-bottom: 0 !important;
            }
            input[type="checkbox"]{
                position: relative !important;
                display:inline !important;
                opacity:1 !important;
                pointer-events: initial !important;
                padding: initial !important;
                margin: initial !important;
                cursor: pointer !important;
                visibility: visible !important;
                &:focus{
                    -webkit-appearance: auto !important;
                    -moz-appearance: auto !important;
                    appearance: auto !important;
                }
            }
            input[type="checkbox"] + label{
                cursor:pointer;
            
            }
        }
    }


    .cm__button{
        color:var(--cm_button_color);
        background-color: var(--cm_accent_color);
        cursor:pointer;
        padding:10px 15px;
        text-align: center;
        min-width: 140px;
        &:hover{
            background-color: var(--cm_accent_color-light);
        }

        &.cm__outline{
            border:1px solid;
            color:var(--cm_accent_color);
            border-color:var(--cm_accent_color);
            background-color:var(--cm_background_color);

            &:hover{
                border-color:var(--cm_accent_color-light);
                background-color: var(--cm_accent_color-light);
                color:var(--cm_button_color);
            }
        }
    
        &.cm__close{
            display:none;
            position:absolute;
            min-width:initial;
            align-self: center;
            right:10px;
            top:10px;
            width:30px;
            height:30px;
            &:after{
                position:absolute;
                display:block;
                width:100%;
                left:0;
                top:0;
                line-height:30px;
                content:'x';
            }
        }
    }
    .cm__accordion{
        padding:20px;
        border:1px solid rgba(125,125,125,0.35);
        display:inline-block;
        min-width:initial !important;
        padding: 15px 10px;
        display:flex;
        align-items:center;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color:var(--cm_background_color-light);

        .cm__acc-header{
            width:calc(100% - 80px);
            display:flex;
            cursor:pointer;
            label{
                cursor:pointer;
                flex-grow: 2;
                padding:5px;
                &:before, &:after{
                    display:none !important;
                }
            }
            input[type="checkbox"]{
                position: relative !important;
                display:inline !important;
                opacity:1 !important;
                pointer-events: initial !important;
                padding: initial !important;
                margin: initial !important;
                cursor: pointer !important;
                visibility: visible !important;
                &:focus{
                    -webkit-appearance: auto !important;
                    -moz-appearance: auto !important;
                    appearance: auto !important;
                }
            }
            input[type="checkbox"] + label{
                cursor:pointer;
            }
        }
        .cm__acc-trigger{
            position:relative;
            min-width:initial;
            align-self: center;
            width:30px;
            height:30px;
            &:after{
                position:absolute;
                display:block;
                width:100%;
                left:0;
                top:0;
                line-height:30px;
                content:'+';
            }
        }
        .cm__acc-panel{
            display:block;
            width: 100%;
            box-sizing: border-box;
            max-height:0;
            overflow:hidden;
            transition: max-height 0.15s ease-in-out;
            p{
                font-family: inherit;
                font-size:inherit;
                line-height:inherit;
                padding: 10px 10px 0;
            }
        }
        &.cm__active{
            background-color:var(--cm_background_color-mid-light);
            .cm__acc-trigger{
                &:after{
                    content:'-';
                }
            }
        }
    }
    &.cm__inverted{
        background-color:var(--cm_accent_color);
        color:var(--cm_button_color); 
        .cm__button{
            background-color: var(--cm_inverted_button_background);
            color: var(--cm_inverted_button_text);
            &:hover{
                background-color: var(--cm_accent_color-dark);
            }

            &.cm__outline{
                border-color: var(--cm_inverted_button_text_outline);
                color: var(--cm_inverted_button_text_outline);
                background-color:var(--cm_inverted_button_background_outline);    

                &:hover{
                    border-color: var(--cm_inverted_button_background);
                    background-color: var(--cm_inverted_button_background);
                    color: var(--cm_inverted_button_text);
                }       
            }

        }
    }

    .cm__inline-button{
        display:flex;
        .cm__button {
            margin-left:10px;
        }
        @media screen and (max-width: 768px){
            flex-direction:column;
            .cm__button {
                margin-left:0;
             
                &:not(:first-child){
                    margin-top:10px;
                }
            
            }
            
        }
    }
    &.cm__dismissable{
        .cm__button.cm__close{
            display:block !important;
        }
    }
    &.cm__corner{
        .cm__inline-button{
            @media screen and (max-width: 768px){
               flex-direction:row !important;
               .cm__button {
                    margin-left:10px;
             
                    &:not(:first-child){
                        margin-top:0;
                    }
                
                }
            }
        }
    }
}