.container {
    width: 100%;
    margin-inline: auto;
    padding: var(--spacing-2xl) var(--layout-inset);
}

.container--sm {
    max-width: 30rem;
}

.container--md {
    max-width: 48rem;
}

.container--lg {
    max-width: 64rem;
}

@media (max-width: 48rem) {
    .container {
        padding: var(--spacing-xl) var(--layout-inset-mobile);
    }
}