:root {
    --dd-disclaimer-overlay: #0004;
    --dd-disclaimer-background: white;
}

.dd-biw-viewport-disclaimer {
    background-color: var( --dd-disclaimer-overlay , #0004 );
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.dd-biw-viewport-disclaimer.active {
    opacity: 1;
    pointer-events: all;
}

.dd-biw-viewport-disclaimer-modal {
    background: var(--dd-disclaimer-background, white);
    padding: 40px 50px;
    border-radius: 30px;
    margin: 20px;
    max-width: 600px;
}

@media screen AND (max-width:767px){
    .dd-biw-viewport-disclaimer-modal {
        padding: 20px 30px;
        border-radius: 10px;
    }
    .dd-biw-viewport-disclaimer-modal p {
        font-size: 0.85em;
    }
}