@use 'core/_base' as *;
@use 'sass:selector';

@include setNamespace('container');

$container-max-width: 1400px;
$container-lg-max-width: 1600px;
$container-sm-max-width: 960px;

#{b()} {
  width: 100%;
  max-width: $container-max-width;
  margin: 0 auto;
  padding: 0 24px;
  
  &#{m('full')} {
    max-width: 100%;
  }

  &#{m('large')} {
    max-width: $container-lg-max-width;
  }

  &#{m('small')} {
    max-width: $container-sm-max-width;
  }
}