dialog {
    padding: 1rem 4rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    color: white;
    background: linear-gradient(to top left, #222, #333);
    @media (width >= 80rem) {
	width: 60vw;
    }
    border: 4px solid white;
    border-radius: 8px 16px;

    &::backdrop {
	filter: grayscale(0.5) blur(4px);
    }
    &:open {
	display: flex;
    }
    h1 {
	padding: 0;
    }
    button {
    }
    img {
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
	transition: all 400ms;
	@starting-style {
	    opacity: 0;
	}
    }
    a {
	display: inline;
	min-height: 0;
    }
}