@layer components{.al-grid{grid-template-columns:repeat(12,minmax(0,1fr));max-width:1280px;margin:0 auto;display:grid}.al-grid--col-gap-default{column-gap:var(--al-grid-col-gap)}.al-grid--row-gap-default{row-gap:var(--al-grid-row)}.al-grid--has-gutters{padding-inline:var(--al-grid-margin)}.al-grid+.al-grid{margin-top:var(--al-grid-row)}.al-grid .al-grid{margin:0;padding-inline:0}.al-col{grid-column:auto/span 12}@media screen and (width>=0){.al-col--xsmall-6{grid-column:auto/span 6}.al-col--xsmall-12{grid-column:auto/span 12}}@media screen and (width>=34rem){.al-col--small-4{grid-column:auto/span 4}.al-col--small-6{grid-column:auto/span 6}}@media screen and (width>=48rem){.al-col--medium-4{grid-column:auto/span 4}.al-col--medium-5{grid-column:auto/span 5}.al-col--medium-7{grid-column:auto/span 7}}@media screen and (width>=63.25rem){.al-col--large-3{grid-column:auto/span 3}.al-col--large-4{grid-column:auto/span 4}.al-col--large-8{grid-column:auto/span 8}}@media screen and (width>=80rem){.al-col--xlarge-4{grid-column:auto/span 4}}}