/* GENERATED by scripts/generate-layout-css.mjs — do not edit by hand.
 *
 * The layout primitive's utility classes (ADO Issue 38), generated from
 * lib/tokens.json's breakpoint/spacing groups. See that script's header for
 * the grid math and the usage catalogue this emits.
 *
 * Regenerate after adding a class to the markup: npm run layout:css
 */
.gl-container,.gl-container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media (min-width:576px){.gl-container{max-width:540px}}
@media (min-width:768px){.gl-container{max-width:720px}}
@media (min-width:992px){.gl-container{max-width:960px}}
@media (min-width:1200px){.gl-container{max-width:1140px}}
@media (min-width:1400px){.gl-container{max-width:1200px}}
.gl-row{--gl-gutter-x:1.5rem;--gl-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--gl-gutter-y) * -1);margin-right:calc(var(--gl-gutter-x) * -.5);margin-left:calc(var(--gl-gutter-x) * -.5)}
.gl-row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gl-gutter-x) * .5);padding-left:calc(var(--gl-gutter-x) * .5);margin-top:var(--gl-gutter-y,0)}
.gl-g-3{--gl-gutter-x:1rem;--gl-gutter-y:1rem}
.gl-col-6{flex:0 0 auto;width:50%}.gl-col-12{flex:0 0 auto;width:100%}
@media (min-width:576px){.gl-col-sm-6{flex:0 0 auto;width:50%}}
@media (min-width:768px){.gl-col-md-4{flex:0 0 auto;width:33.33333333%}.gl-col-md-6{flex:0 0 auto;width:50%}.gl-col-md-8{flex:0 0 auto;width:66.66666667%}.gl-col-md-10{flex:0 0 auto;width:83.33333333%}}
@media (min-width:992px){.gl-col-lg-2{flex:0 0 auto;width:16.66666667%}.gl-col-lg-3{flex:0 0 auto;width:25%}.gl-col-lg-4{flex:0 0 auto;width:33.33333333%}.gl-col-lg-5{flex:0 0 auto;width:41.66666667%}.gl-col-lg-6{flex:0 0 auto;width:50%}.gl-col-lg-7{flex:0 0 auto;width:58.33333333%}.gl-col-lg-8{flex:0 0 auto;width:66.66666667%}.gl-col-lg-9{flex:0 0 auto;width:75%}.gl-col-lg-10{flex:0 0 auto;width:83.33333333%}.gl-col-lg-12{flex:0 0 auto;width:100%}}
@media (min-width:1200px){.gl-col-xl-2{flex:0 0 auto;width:16.66666667%}.gl-col-xl-3{flex:0 0 auto;width:25%}.gl-col-xl-4{flex:0 0 auto;width:33.33333333%}.gl-col-xl-5{flex:0 0 auto;width:41.66666667%}.gl-col-xl-6{flex:0 0 auto;width:50%}.gl-col-xl-7{flex:0 0 auto;width:58.33333333%}.gl-col-xl-8{flex:0 0 auto;width:66.66666667%}.gl-col-xl-9{flex:0 0 auto;width:75%}.gl-col-xl-10{flex:0 0 auto;width:83.33333333%}.gl-col-xl-12{flex:0 0 auto;width:100%}}
@media (min-width:1200px){.gl-offset-xl-1{margin-left:8.33333333%}}
@media (min-width:1400px){.gl-offset-xxl-1{margin-left:8.33333333%}}
.gl-d-none{display:none!important}.gl-d-flex{display:flex!important}.gl-d-inline-block{display:inline-block!important}
@media (min-width:992px){.gl-d-lg-flex{display:flex!important}.gl-d-lg-none{display:none!important}}
@media (min-width:1200px){.gl-d-xl-flex{display:flex!important}.gl-d-xl-none{display:none!important}}
.gl-align-items-start{align-items:flex-start!important}
.gl-align-items-center{align-items:center!important}
.gl-align-self-center{align-self:center!important}
.gl-align-self-end{align-self:flex-end!important}
.gl-justify-content-start{justify-content:flex-start!important}.gl-justify-content-center{justify-content:center!important}.gl-justify-content-end{justify-content:flex-end!important}.gl-justify-content-between{justify-content:space-between!important}
@media (min-width:992px){.gl-justify-content-lg-end{justify-content:flex-end!important}}
.gl-text-center{text-align:center!important}
@media (min-width:992px){.gl-text-lg-end{text-align:right!important}}
.gl-list-unstyled{padding-left:0;list-style:none}
.gl-flex-wrap{flex-wrap:wrap!important}
.gl-gap-3{gap:1rem!important}
.gl-flex-shrink-0{flex-shrink:0!important}
.gl-mx-auto{margin-right:auto!important;margin-left:auto!important}
.gl-custom-width{max-width:1480px}
@media only screen and (min-width:1200px) and (max-width:1500px){.gl-custom-width{max-width:1370px}}
.gl-custom-width-2{max-width:1430px}
@media only screen and (min-width:1200px) and (max-width:1500px){.gl-custom-width-2{max-width:1370px}}
@media (max-width:991px){.gl-mm-reverse{flex-direction:column-reverse}}
.gl-mt-none-30{margin-top:-30px}
.gl-mt-10{margin-top:10px}
.gl-mt-15{margin-top:15px}
.gl-mt-20{margin-top:20px}
.gl-mt-25{margin-top:25px}
.gl-mt-30{margin-top:30px}
.gl-mt-35{margin-top:35px}
.gl-mt-45{margin-top:45px}
.gl-mt-60{margin-top:60px}
.gl-mt-65{margin-top:65px}
.gl-mb-10{margin-bottom:10px}
.gl-mb-15{margin-bottom:15px}
.gl-mb-20{margin-bottom:20px}
.gl-mb-25{margin-bottom:25px}
.gl-mb-30{margin-bottom:30px}
.gl-mb-35{margin-bottom:35px}
.gl-mb-40{margin-bottom:40px}
.gl-mb-45{margin-bottom:45px}
.gl-mb-60{margin-bottom:60px}
.gl-mb-70{margin-bottom:70px}
.gl-pt-10{padding-top:10px}
.gl-pt-20{padding-top:20px}
.gl-pt-40{padding-top:40px}
.gl-pt-45{padding-top:45px}
.gl-pt-80{padding-top:80px}
.gl-pt-100{padding-top:100px}
.gl-pt-115{padding-top:115px}
.gl-pt-120{padding-top:120px}
.gl-pt-140{padding-top:140px}
.gl-pt-155{padding-top:155px}
.gl-pb-20{padding-bottom:20px}
.gl-pb-40{padding-bottom:40px}
.gl-pb-60{padding-bottom:60px}
.gl-pb-100{padding-bottom:100px}
.gl-pb-105{padding-bottom:105px}
.gl-pb-115{padding-bottom:115px}
.gl-pb-120{padding-bottom:120px}
.gl-pl-45{padding-left:45px}
.gl-pl-50{padding-left:50px}
.gl-pl-55{padding-left:55px}
.gl-mb-0{margin-bottom:0!important}
.gl-pt-0{padding-top:0!important}
.gl-mb-5{margin-bottom:3rem!important}
@media (min-width:992px){.gl-mb-lg-0{margin-bottom:0!important}}