.cookie-modal{
    background-color:rgba(0,0,0,.3);
    height:100%;
    left:0;
    pointer-events:none;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000
}
.cookie-modal--hidden{display:none}
.cookie-modal__content{
    background-color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.2)
    ;margin:15vh auto 0;
    max-width:600px;
    padding:20px;
    pointer-events:auto;
    border-radius: 10px
}

@media (min-width:400px){
    .cookie-modal__content{margin:22vh auto 0;padding:40px}
}

.cookie-modal__title{
    font-size:1.4rem;
    font-weight:700;
    margin-bottom:10px;
    margin-top:0}

.cookie-modal__text{
    line-height:1.4;
    margin-bottom:10px}
    
.cookie-modal__text a{text-decoration:underline}
.cookie-modal__options{
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    margin-bottom:20px;
    margin-top:20px
}

.cookie-modal__options>*{
    width:calc(50% - 30px)}
@media (min-width:400px){
    .cookie-modal__options>*{width:calc(33.3333% - 30px)}
}
.cookie-modal__option{
    align-items:center;
    cursor:pointer;
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    margin-bottom:10px;
    margin-right:30px;
    position:relative}

.cookie-modal__option.disabled{opacity:.7}
.cookie-modal__checkbox{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:2px solid #1A3244;
    border-radius:0;
    display:block;
    flex-shrink:0;
    height:20px;
    margin:0 6px 0 0;width:20px}

.cookie-modal__checkbox:checked{background-color:#1A3244}
.cookie-modal__checkbox:checked:focus-visible{background-color:#81a2be;outline:none}
.cookie-modal__checkbox:focus-visible{border-color:#81a2be;outline:none}
.cookie-modal__check{
    align-items:center;
    display:flex;
    flex-shrink:0;
    height:20px;
    justify-content:center;
    left:0;
    position:absolute;
    width:20px;
    z-index:1}
.cookie-modal__check svg{stroke:#fff}
.cookie-modal__label{line-height:22px}
.cookie-modal__buttons{
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    justify-content:flex-start}
.cookie-modal__button{
    border:2px solid #1A3244;
    color:#1A3244;
    display:block;
    margin-right:8px;
    padding:6px 20px;
    text-decoration:none;
    white-space:nowrap;
    border-radius: 10px
}
@media (min-width:400px){
    .cookie-modal__button{margin-right:10px;
        padding:10px 24px}
}
.cookie-modal__button.primary{
    background-color:#1A3244;
    color:#fff
}
.cookie-modal__button.primary:focus-visible,.cookie-modal__button.primary:hover{
    background-color:#81a2be
}
.cookie-modal__button:focus-visible,.cookie-modal__button:hover{
    border-color:#81a2be;outline:none
}
.cookie-modal__button.hide{display:none}

a:hover {
    color: #1A3244 !important;
}