:root{
    --cookieconsent-background:#002C50;
    --cookieconsent-background-richer:#002C50;
    --cookieconsent-color:#F1F6F7;
    --cookieconsent-color-richer:#F1F6F7;
    --cookieconsent-red:#9B213E;
    --cookieconsent-green:#56771D
}
.cookiebanner,.cookienotice{
    font-family: 'SanukOT-Regular';
    font-size: 15px;
    line-height: 18px;
    visibility:hidden;
    position:fixed;
    z-index:20;
    bottom:20px;
    left:20px;
    opacity:0;
    background:var(--cookieconsent-background);
    /*border-radius: 10px;*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    color:var(--cookieconsent-color);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.cookiebanner.visible,.cookienotice.visible{
    visibility:visible;
    opacity:1
}
.cookiebanner{
    width:100%;
    max-width:450px;
    height:auto;
    padding:20px
}
.cookiebanner .info{
    margin-bottom:12px
}
.cookiebanner .info .title{
    font-family: 'SanukOT-RegularItalic';
    font-size:20px;
    margin-bottom:10px;
}
.cookiebanner .info .description{
    font-size:14px;
    color:var(--cookieconsent-color-richer)
}
.cookiebanner .choices{
    margin-bottom:18px
}
.cookiebanner .choice{
    display:grid;
    grid-auto-flow:row;
    grid-auto-rows:auto;
    grid-template-columns:auto 1fr;
    align-items:center;
    justify-content:center;
    margin-bottom:5px;
    padding:6px 0;
    -moz-column-gap:2px;
    column-gap:2px;
    border-radius:0px;
    background:var(--cookieconsent-background-richer);
    row-gap:3px
}
.cookiebanner .choice input{
    grid-row-start:1
}
.cookiebanner .choice .name{
    font-family: 'SanukOT-Regular';
    font-size:16px;
    line-height:22px;
    display:block;
    grid-column-start:2;
    grid-row-start:1;
    width:100%;
    margin-top:2px;
    margin-bottom:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer
}
.cookiebanner .choice .info{
    grid-area:info;
    grid-column-start:2;
    grid-row-start:2;
    margin-top:-2px;
    margin-bottom:0;
    color:var(--cookieconsent-color-richer);
    font-size:14px
}
.cookiebanner .buttons{
    display:grid;
    grid-template-areas:". .";
    grid-template-columns:1fr 1fr;
    -moz-column-gap:10px;
    column-gap:10px
}
.cookiebanner .buttons button{
    padding:10px 10px;
    border:0;
    border-radius:10px;
    color:var(--cookieconsent-color);
    font-size:15px;
    line-height:18px;
    font-family:'SanukOT-Regular';
    text-align:center;
    cursor:pointer
}
@media (prefers-reduced-motion:no-preference){
    .cookiebanner .buttons button{
        transition:opacity .14s ease-in
    }
}
.cookiebanner .buttons button:focus,.cookiebanner .buttons button:hover{
    opacity:.8
}
.cookiebanner .buttons .reject{
    background:var(--cookieconsent-red)
}
.cookiebanner .buttons .accept{
    background:var(--cookieconsent-green)
}
.cookiebanner a{
    /*color:var(--cookieconsent-color-richer)*/
}
@media (prefers-reduced-motion:no-preference){
    .cookiebanner a{
        transition:color .14s ease-in-out
    }
}
.cookiebanner a:hover{
    /*color:var(--cookieconsent-color)*/
}
.cookienotice{
    width:45px;
    height:45px;
    padding:10px;
    cursor:pointer
}
@media (prefers-reduced-motion:no-preference){
    .cookienotice{
        transition:box-shadow .12s ease-in-out
    }
}
.cookienotice:focus,.cookienotice:hover{
    box-shadow:0 4px 10px rgba(0,0,0,.7)
}
.cookienotice img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-filter:invert(1);
    filter:invert(1)
}
.cookiebanner input[type="checkbox"] {
    display:none;
}
.cookiebanner label input[type="checkbox"] + span {
    display:inline-block;
    width: 16px;
    height: 16px;
    margin:-2px 10px 0 0;
    border-radius: 3px;
    vertical-align:middle;
    background-color:#fff;
    cursor:pointer;
}
.cookiebanner label input[type="checkbox"]:checked + span {
    background-color:#000000;
    border:4px solid #fff;
    border-radius: 3px;
}
@media (max-width: 767px){
    .cookiebanner{
        width:100%;
        max-width:calc(100% - 40px);
    }
}