:root{--ggs-columns:12;--ggs-gutter:24px}.grid,.grid[class*="col-"]{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--ggs-gutter,24px)}@media (min-width:320px) and (max-width:499px){.grid-xs,.grid-xs[class*="col-"]{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--ggs-gutter,24px)}}@media (min-width:500px) and (max-width:499px){.grid-sm,.grid-sm[class*="col-"]{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--ggs-gutter,24px)}}@media (min-width:800px) and (max-width:499px){.grid-md,.grid-md[class*="col-"]{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--ggs-gutter,24px)}}@media (min-width:1100px) and (max-width:499px){.grid-lg,.grid-lg[class*="col-"]{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--ggs-gutter,24px)}}@media (min-width:1600px) and (max-width:499px){.grid-xl,.grid-xl[class*="col-"]{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--ggs-gutter,24px)}}.grid :where([class*=col-]){position:relative;width:calc((var(--ggs-column) * (100% + var(--ggs-gutter)) - var(--ggs-columns) * var(--ggs-gutter)) / var(--ggs-columns))}.col-auto{width:auto;flex:1 1 0}.col-xs-auto{width:auto;flex:1 1 0}.col-xs-1{--ggs-column:1}.col-xs-2{--ggs-column:2}.col-xs-3{--ggs-column:3}.col-xs-4{--ggs-column:4}.col-xs-5{--ggs-column:5}.col-xs-6{--ggs-column:6}.col-xs-7{--ggs-column:7}.col-xs-8{--ggs-column:8}.col-xs-9{--ggs-column:9}.col-xs-10{--ggs-column:10}.col-xs-11{--ggs-column:11}.col-xs-12{--ggs-column:12}@media (min-width:500px){.col-sm-auto{width:auto;flex:1 1 0}.col-sm-1{--ggs-column:1}.col-sm-2{--ggs-column:2}.col-sm-3{--ggs-column:3}.col-sm-4{--ggs-column:4}.col-sm-5{--ggs-column:5}.col-sm-6{--ggs-column:6}.col-sm-7{--ggs-column:7}.col-sm-8{--ggs-column:8}.col-sm-9{--ggs-column:9}.col-sm-10{--ggs-column:10}.col-sm-11{--ggs-column:11}.col-sm-12{--ggs-column:12}}@media (min-width:800px){.col-md-auto{width:auto;flex:1 1 0}.col-md-1{--ggs-column:1}.col-md-2{--ggs-column:2}.col-md-3{--ggs-column:3}.col-md-4{--ggs-column:4}.col-md-5{--ggs-column:5}.col-md-6{--ggs-column:6}.col-md-7{--ggs-column:7}.col-md-8{--ggs-column:8}.col-md-9{--ggs-column:9}.col-md-10{--ggs-column:10}.col-md-11{--ggs-column:11}.col-md-12{--ggs-column:12}}@media (min-width:1100px){.col-lg-auto{width:auto;flex:1 1 0}.col-lg-1{--ggs-column:1}.col-lg-2{--ggs-column:2}.col-lg-3{--ggs-column:3}.col-lg-4{--ggs-column:4}.col-lg-5{--ggs-column:5}.col-lg-6{--ggs-column:6}.col-lg-7{--ggs-column:7}.col-lg-8{--ggs-column:8}.col-lg-9{--ggs-column:9}.col-lg-10{--ggs-column:10}.col-lg-11{--ggs-column:11}.col-lg-12{--ggs-column:12}}@media (min-width:1600px){.col-xl-auto{width:auto;flex:1 1 0}.col-xl-1{--ggs-column:1}.col-xl-2{--ggs-column:2}.col-xl-3{--ggs-column:3}.col-xl-4{--ggs-column:4}.col-xl-5{--ggs-column:5}.col-xl-6{--ggs-column:6}.col-xl-7{--ggs-column:7}.col-xl-8{--ggs-column:8}.col-xl-9{--ggs-column:9}.col-xl-10{--ggs-column:10}.col-xl-11{--ggs-column:11}.col-xl-12{--ggs-column:12}}