.grid{display:grid;gap:20px}.grid .grid{gap:20px}@media (min-width:767px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-5{grid-template-columns:repeat(2,1fr)}.grid-cols-6{grid-template-columns:repeat(2,1fr)}.grid-cols-7{grid-template-columns:repeat(2,1fr)}.grid-cols-8{grid-template-columns:repeat(2,1fr)}.grid-cols-9{grid-template-columns:repeat(2,1fr)}.grid-cols-10{grid-template-columns:repeat(2,1fr)}.grid-cols-11{grid-template-columns:repeat(2,1fr)}.grid-cols-12{grid-template-columns:repeat(2,1fr)}.col-2{width:calc(16.6666666667% - 33.3333333333px)}}@media (min-width:992px){.flex{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.flex>.col{flex-grow:1}.flex.flex-direction-column{flex-direction:column}.flex>.flex{padding:20px}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-5{grid-template-columns:repeat(3,1fr)}.grid-cols-6{grid-template-columns:repeat(3,1fr)}.grid-cols-7{grid-template-columns:repeat(3,1fr)}.grid-cols-8{grid-template-columns:repeat(3,1fr)}.grid-cols-9{grid-template-columns:repeat(3,1fr)}.grid-cols-10{grid-template-columns:repeat(3,1fr)}.grid-cols-11{grid-template-columns:repeat(3,1fr)}.grid-cols-12{grid-template-columns:repeat(3,1fr)}.col-3{width:calc(25% - 30px)}}@media (min-width:1200px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-7{grid-template-columns:repeat(4,1fr)}.grid-cols-8{grid-template-columns:repeat(4,1fr)}.grid-cols-9{grid-template-columns:repeat(4,1fr)}.grid-cols-10{grid-template-columns:repeat(4,1fr)}.grid-cols-11{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(4,1fr)}.col-4{width:calc(33.3333333333% - 26.6666666667px)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(5,1fr)}.grid-cols-7{grid-template-columns:repeat(5,1fr)}.grid-cols-8{grid-template-columns:repeat(5,1fr)}.grid-cols-9{grid-template-columns:repeat(5,1fr)}.grid-cols-10{grid-template-columns:repeat(5,1fr)}.grid-cols-11{grid-template-columns:repeat(5,1fr)}.grid-cols-12{grid-template-columns:repeat(5,1fr)}.col-5{width:calc(41.6666666667% - 23.3333333333px)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(6,1fr)}.grid-cols-8{grid-template-columns:repeat(6,1fr)}.grid-cols-9{grid-template-columns:repeat(6,1fr)}.grid-cols-10{grid-template-columns:repeat(6,1fr)}.grid-cols-11{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(6,1fr)}.col-6{width:calc(50% - 20px)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-8{grid-template-columns:repeat(7,1fr)}.grid-cols-9{grid-template-columns:repeat(7,1fr)}.grid-cols-10{grid-template-columns:repeat(7,1fr)}.grid-cols-11{grid-template-columns:repeat(7,1fr)}.grid-cols-12{grid-template-columns:repeat(7,1fr)}.col-7{width:calc(58.3333333333% - 16.6666666667px)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-9{grid-template-columns:repeat(8,1fr)}.grid-cols-10{grid-template-columns:repeat(8,1fr)}.grid-cols-11{grid-template-columns:repeat(8,1fr)}.grid-cols-12{grid-template-columns:repeat(8,1fr)}.col-8{width:calc(66.6666666667% - 13.3333333333px)}.grid-cols-9{grid-template-columns:repeat(9,1fr)}.grid-cols-10{grid-template-columns:repeat(9,1fr)}.grid-cols-11{grid-template-columns:repeat(9,1fr)}.grid-cols-12{grid-template-columns:repeat(9,1fr)}.col-9{width:calc(75% - 10px)}.grid-cols-10{grid-template-columns:repeat(10,1fr)}.grid-cols-11{grid-template-columns:repeat(10,1fr)}.grid-cols-12{grid-template-columns:repeat(10,1fr)}.col-10{width:calc(83.3333333333% - 6.6666666667px)}.grid-cols-11{grid-template-columns:repeat(11,1fr)}.grid-cols-12{grid-template-columns:repeat(11,1fr)}.col-11{width:calc(91.6666666667% - 3.3333333333px)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-12{width:calc(100% - 0px)}}