.legal {
    display: none;
    position: fixed;
    inset: 0;
    background-color: var(--biege);
    z-index: 20;
    font: 400 1.4rem/1.96rem var(--fnt-text);
    padding: 0 2rem;
    overflow-y: scroll;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
}
/* .legal .content::-webkit-scrollbar {
    display: none;
} */

.legal h1 {
    font: inherit;
    font-weight: 700;
}
.legal .buttons {
    padding-top: 4rem;
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--biege) 0%, transparent) 0, color-mix(in srgb, var(--biege) 80%, transparent) 1rem, var(--biege) 3rem, var(--biege) 100%);
}
.legal .content {
    margin: 0 auto;
    padding: 1.6rem 0 10rem;
    max-width: 80rem;
}


body.tos .tos {
    display: block;
}
body.privacy .privacy {
    display: block;
}