#footer {
    padding-block-end: 20px;
}

#footer > .inner {
    padding-inline: var(--innerWidePx);
}

#footer .content {
    gap: 24px;
}

#footer .content .bottom {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#footer .content .bottom .left {
    max-width: 450px;
    width: auto;
    justify-content: flex-start;
    gap: 20px 41px;
}

#footer .content .bottom .left .credits {
    text-align: left;
}

#footer .content .bottom .left .credits .label {
    font-size: 16px;
}

#footer .content .bottom .left .credits .item {
    font-size: 12px;
}

#footer .content .bottom .left .credits .item:not(:last-child) {
    margin-block-end: 4px;
}

#footer .content .bottom .nav {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    max-width: 800px;
}

#footer .content .bottom .nav .group {
    width: max-content;
}

#footer .content .bottom .nav .group .title {
    text-align: left;
}

#footer .content .bottom .nav .group .links {
    align-items: flex-start;
}

#footer .content .bottom .nav .group .links .link {
    text-align: left;
}