dialog {
    border: none !important;
    border-radius: calc(5px);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding: 1.6rem;
}

dialog {
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: close 0.5s forwards;

    &[open] {
        animation: open 0.5s forwards;
    }

    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .content {
        width: 90vw;
        height: 45vh;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }

    .footer {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 1rem;
    }

    .close-button {
        align-items: center;
        justify-content: center;
    }
}

.terms-checkbox {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@keyframes open {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes close {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}