.footer {
    display: flex;
    flex-direction: row;
    position: relative;
    color: var(--footer-color)
}

@media(max-width: 779px) {
    .footer {
        padding: var(--size-xs);
        padding-top: var(--size-2m);
        text-align: center
    }
}

.footer .footer__copyright {
    display: inline-flex;
    margin-right: var(--size-2m);
    order: -1;
    font-weight: var(--font-weight-bold)
}

@media(max-width: 779px) {
    .footer .footer__copyright {
        display: block;
        margin-right: initial;
        order: initial
    }
}

.footer .footer__legal-container {
    width: 100%
}

@media(min-width: 780px) {
    .footer .footer__legal-container {
        display: flex
    }
}

.footer .footer__legal {
    display: inline-flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: wrap
}

@media(max-width: 779px) {
    .footer .footer__legal {
        flex-direction: column
    }
}

.footer .footer__legal-list {
    display: contents;
    list-style: none
}

@media(max-width: 779px) {
    .footer li {
        padding-bottom: var(--size-m)
    }
}

.footer li .footer__legal-link {
    font-size: var(--font-size);
    font-weight: var(--font-weight-footer);
    letter-spacing: var(--letter-spacing-2xs);
    line-height: var(--line-height-2xs);
    text-decoration: none;
    position: relative;
    outline: 0;
    color: var(--footer-color);
    display: inline-block;
    margin-right: var(--size-m)
}

.footer li .footer__legal-link:hover,
.footer li .footer__legal-link:focus {
    color: var(--grey-3);
    text-decoration: none
}

[data-whatinput=keyboard] .footer li .footer__legal-link:focus {
    transition: color .2s ease, outline .2s ease;
    border-radius: var(--accessibility-border-radius);
    outline: var(--accessibility-border) solid var(--accessibility-focus-color);
    outline-offset: var(--accessibility-space-border)
}

@media(max-width: 779px) {
    .footer li .footer__legal-link {
        display: block;
        margin: var(--size-5xs)
    }
}