.mx-dark-link {
    color: var(--baltic-800);
    text-decoration: underline;
    font-weight: 800;
}

.mx-dark-link:hover {
    opacity: 60%;
}

.mx-container {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.mx-icon-on-light-bg {
    fill: var(--prune-950);
}

.mx-icons-on-default-bg {
    fill: var(--parme-400);
}