.container{width:min(1180px,calc(100% - 1.5rem));margin-inline:auto}
.grid{display:grid}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-12{gap:.75rem}
.gap-16{gap:1rem}
.gap-20{gap:1.25rem}
.md-grid-2{grid-template-columns:1fr}
.lg-grid-3{grid-template-columns:1fr}
.lg-grid-4{grid-template-columns:1fr}
.lg-main-sidebar{grid-template-columns:1fr}
@media (min-width:768px){
.md-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
.lg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg-main-sidebar{grid-template-columns:minmax(0,1fr) 320px}
}