.grid-row{display:flex;flex-wrap:wrap;justify-content:space-between;&.grid-with-gap{--gap:1em;& .grid-col,& [class^="grid-col-"],& [class*=" grid-col-"]{box-sizing:border-box;padding:calc(var(--gap) / 2)}}}.grid-col{flex:1 0 0%}[class^="grid-col-"],[class*=" grid-col-"]{flex:0 0 var(--col-width,auto);max-width:var(--col-width,auto)}.grid-col-1{--col-width:10%}.grid-col-2{--col-width:20%}.grid-col-3{--col-width:30%}.grid-col-4{--col-width:40%}.grid-col-5{--col-width:50%}.grid-col-6{--col-width:60%}.grid-col-7{--col-width:70%}.grid-col-8{--col-width:80%}.grid-col-9{--col-width:90%}.grid-col-10{--col-width:100%}@media (min-width:768px){.grid-col-md{flex:1 0 0%}.grid-col-md-1{--col-width:10%}.grid-col-md-2{--col-width:20%}.grid-col-md-3{--col-width:30%}.grid-col-md-4{--col-width:40%}.grid-col-md-5{--col-width:50%}.grid-col-md-6{--col-width:60%}.grid-col-md-7{--col-width:70%}.grid-col-md-8{--col-width:80%}.grid-col-md-9{--col-width:90%}.grid-col-md-10{--col-width:100%}}@media (min-width:960px){.grid-col-lg{flex:1 0 0%}.grid-col-lg-1{--col-width:10%}.grid-col-lg-2{--col-width:20%}.grid-col-lg-3{--col-width:30%}.grid-col-lg-4{--col-width:40%}.grid-col-lg-5{--col-width:50%}.grid-col-lg-6{--col-width:60%}.grid-col-lg-7{--col-width:70%}.grid-col-lg-8{--col-width:80%}.grid-col-lg-9{--col-width:90%}.grid-col-lg-10{--col-width:100%}}