@layer components {
  .container {
    width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem;
    &[data-size='sm'] { max-width: 40rem; }
    &[data-size='md'] { max-width: 48rem; }
    &[data-size='default'], &:not([data-size]) { max-width: 64rem; }
    &[data-size='lg'] { max-width: 80rem; }
    &[data-size='xl'] { max-width: 96rem; }
  }
}