.modal-container {
    position: fixed;
	background: #F9F9F9;
    width: 80%;
    height: 80%;
    left: 50%;
    padding: 34px;
    border-radius: 12px;

    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity:0;

    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

a.close-button {
    display:block;
    position:absolute;
    width:31px;
    height:31px;
    background:url(/img/CloseButton-Sprite.svg) no-repeat 0 0;
    text-indent: -9000em;
    overflow:hidden;
    transform: scale(0.8, 0.8);
    top:8px;
    left:8px;
    z-index:999;
}

a.close-button:hover {
    background-position-x: -31px;
}

.modal {
    display:none;
}

.modal:before {
    content: "";
    position: fixed;
    display: none;
    background-color: rgba(255,255,255,0.8);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.modal.visible:before, .modal:target:before, .modal.visible, .modal:target {
    display: block;
}

.modal.visible .modal-container, .modal:target .modal-container {
    top: 20px;
    opacity:1;
}

 {
    top: 20px;
    opacity:1;
}

@media (prefers-color-scheme: dark) {
    .modal-container {
        background: #18191a;
    }
    a.close-button {
        background-position-x: -62px;
    }
}

@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or(backdrop-filter: saturate(180%) blur(20px))) {
    .modal:before {
        background: rgba(255, 255, 255, 0.6);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter:saturate(180%) blur(20px)
    }

    .modal-container {
        background: rgba(250,250,250,0.7);
        box-shadow: 0 0 22px rgba(0,0,0,0.15);
    }

    @media (prefers-color-scheme: dark) {
        .modal:before {
            background: rgba(0, 0, 0, 0.8);
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter:saturate(180%) blur(20px)
        }
        .modal-container {
            background: rgba(24,25,26,0.7);
        }
    }
}