/* generated by tools/gen-grid.cjs - do not edit by hand */
.g{display:flex;flex-wrap:nowrap}
.g.wrap{flex-wrap:wrap}
.g.end{align-items:flex-end}
.g.start{align-items:flex-start}
.g.mid{align-items:center}
.g.stretch{align-items:stretch}
.g.between{justify-content:space-between}
.g.right{justify-content:flex-end}
.g.around{justify-content:space-around}
.g.col-rev{flex-direction:column-reverse}
.self-end{align-self:flex-end}
.self-mid{align-self:center}
.self-stretch{align-self:stretch}
.c-1{width:calc(var(--col)*1);flex:0 0 auto}
.c-2{width:calc(var(--col)*2);flex:0 0 auto}
.c-3{width:calc(var(--col)*3);flex:0 0 auto}
.c-4{width:calc(var(--col)*4);flex:0 0 auto}
.c-5{width:calc(var(--col)*5);flex:0 0 auto}
.c-6{width:calc(var(--col)*6);flex:0 0 auto}
.c-7{width:calc(var(--col)*7);flex:0 0 auto}
.c-8{width:calc(var(--col)*8);flex:0 0 auto}
.c-9{width:calc(var(--col)*9);flex:0 0 auto}
.c-10{width:calc(var(--col)*10);flex:0 0 auto}
.c-11{width:calc(var(--col)*11);flex:0 0 auto}
.c-12{width:calc(var(--col)*12);flex:0 0 auto}
.c-13{width:calc(var(--col)*13);flex:0 0 auto}
.c-14{width:calc(var(--col)*14);flex:0 0 auto}
.c-15{width:calc(var(--col)*15);flex:0 0 auto}
.c-16{width:calc(var(--col)*16);flex:0 0 auto}
.c-17{width:calc(var(--col)*17);flex:0 0 auto}
.c-18{width:calc(var(--col)*18);flex:0 0 auto}
.c-19{width:calc(var(--col)*19);flex:0 0 auto}
.c-20{width:calc(var(--col)*20);flex:0 0 auto}
.c-21{width:calc(var(--col)*21);flex:0 0 auto}
.c-22{width:calc(var(--col)*22);flex:0 0 auto}
.c-23{width:calc(var(--col)*23);flex:0 0 auto}
.c-24{width:calc(var(--col)*24);flex:0 0 auto}
.os-0{margin-left:calc(var(--col)*0)}
.os-1{margin-left:calc(var(--col)*1)}
.os-2{margin-left:calc(var(--col)*2)}
.os-3{margin-left:calc(var(--col)*3)}
.os-4{margin-left:calc(var(--col)*4)}
.os-5{margin-left:calc(var(--col)*5)}
.os-6{margin-left:calc(var(--col)*6)}
.os-7{margin-left:calc(var(--col)*7)}
.os-8{margin-left:calc(var(--col)*8)}
.os-9{margin-left:calc(var(--col)*9)}
.os-10{margin-left:calc(var(--col)*10)}
.os-11{margin-left:calc(var(--col)*11)}
.os-12{margin-left:calc(var(--col)*12)}
.os-13{margin-left:calc(var(--col)*13)}
.os-14{margin-left:calc(var(--col)*14)}
.os-15{margin-left:calc(var(--col)*15)}
.os-16{margin-left:calc(var(--col)*16)}
.os-17{margin-left:calc(var(--col)*17)}
.os-18{margin-left:calc(var(--col)*18)}
.os-19{margin-left:calc(var(--col)*19)}
.os-20{margin-left:calc(var(--col)*20)}
.os-21{margin-left:calc(var(--col)*21)}
.os-22{margin-left:calc(var(--col)*22)}
.os-23{margin-left:calc(var(--col)*23)}
.mt-0{margin-top:0vh}
.mb-0{margin-bottom:0vh}
.mt-1{margin-top:5vh}
.mb-1{margin-bottom:5vh}
.mt-2{margin-top:10vh}
.mb-2{margin-bottom:10vh}
.mt-3{margin-top:15vh}
.mb-3{margin-bottom:15vh}
.mt-4{margin-top:20vh}
.mb-4{margin-bottom:20vh}
.mt-5{margin-top:25vh}
.mb-5{margin-bottom:25vh}
.mt-6{margin-top:30vh}
.mb-6{margin-bottom:30vh}
.mt-7{margin-top:35vh}
.mb-7{margin-bottom:35vh}
.mt-8{margin-top:40vh}
.mb-8{margin-bottom:40vh}
.mt-9{margin-top:45vh}
.mb-9{margin-bottom:45vh}
.mt-10{margin-top:50vh}
.mb-10{margin-bottom:50vh}
@media (max-width: 1280px){
.c-lg-1{width:calc(var(--col)*1);flex:0 0 auto}
.c-lg-2{width:calc(var(--col)*2);flex:0 0 auto}
.c-lg-3{width:calc(var(--col)*3);flex:0 0 auto}
.c-lg-4{width:calc(var(--col)*4);flex:0 0 auto}
.c-lg-5{width:calc(var(--col)*5);flex:0 0 auto}
.c-lg-6{width:calc(var(--col)*6);flex:0 0 auto}
.c-lg-7{width:calc(var(--col)*7);flex:0 0 auto}
.c-lg-8{width:calc(var(--col)*8);flex:0 0 auto}
.c-lg-9{width:calc(var(--col)*9);flex:0 0 auto}
.c-lg-10{width:calc(var(--col)*10);flex:0 0 auto}
.c-lg-11{width:calc(var(--col)*11);flex:0 0 auto}
.c-lg-12{width:calc(var(--col)*12);flex:0 0 auto}
.c-lg-13{width:calc(var(--col)*13);flex:0 0 auto}
.c-lg-14{width:calc(var(--col)*14);flex:0 0 auto}
.c-lg-15{width:calc(var(--col)*15);flex:0 0 auto}
.c-lg-16{width:calc(var(--col)*16);flex:0 0 auto}
.c-lg-17{width:calc(var(--col)*17);flex:0 0 auto}
.c-lg-18{width:calc(var(--col)*18);flex:0 0 auto}
.c-lg-19{width:calc(var(--col)*19);flex:0 0 auto}
.c-lg-20{width:calc(var(--col)*20);flex:0 0 auto}
.c-lg-21{width:calc(var(--col)*21);flex:0 0 auto}
.c-lg-22{width:calc(var(--col)*22);flex:0 0 auto}
.c-lg-23{width:calc(var(--col)*23);flex:0 0 auto}
.c-lg-24{width:calc(var(--col)*24);flex:0 0 auto}
.os-lg-0{margin-left:calc(var(--col)*0)}
.os-lg-1{margin-left:calc(var(--col)*1)}
.os-lg-2{margin-left:calc(var(--col)*2)}
.os-lg-3{margin-left:calc(var(--col)*3)}
.os-lg-4{margin-left:calc(var(--col)*4)}
.os-lg-5{margin-left:calc(var(--col)*5)}
.os-lg-6{margin-left:calc(var(--col)*6)}
.os-lg-7{margin-left:calc(var(--col)*7)}
.os-lg-8{margin-left:calc(var(--col)*8)}
.os-lg-9{margin-left:calc(var(--col)*9)}
.os-lg-10{margin-left:calc(var(--col)*10)}
.os-lg-11{margin-left:calc(var(--col)*11)}
.os-lg-12{margin-left:calc(var(--col)*12)}
.os-lg-13{margin-left:calc(var(--col)*13)}
.os-lg-14{margin-left:calc(var(--col)*14)}
.os-lg-15{margin-left:calc(var(--col)*15)}
.os-lg-16{margin-left:calc(var(--col)*16)}
.os-lg-17{margin-left:calc(var(--col)*17)}
.os-lg-18{margin-left:calc(var(--col)*18)}
.os-lg-19{margin-left:calc(var(--col)*19)}
.os-lg-20{margin-left:calc(var(--col)*20)}
.os-lg-21{margin-left:calc(var(--col)*21)}
.os-lg-22{margin-left:calc(var(--col)*22)}
.os-lg-23{margin-left:calc(var(--col)*23)}
.mt-lg-0{margin-top:0vh}
.mb-lg-0{margin-bottom:0vh}
.mt-lg-1{margin-top:5vh}
.mb-lg-1{margin-bottom:5vh}
.mt-lg-2{margin-top:10vh}
.mb-lg-2{margin-bottom:10vh}
.mt-lg-3{margin-top:15vh}
.mb-lg-3{margin-bottom:15vh}
.mt-lg-4{margin-top:20vh}
.mb-lg-4{margin-bottom:20vh}
.mt-lg-5{margin-top:25vh}
.mb-lg-5{margin-bottom:25vh}
.mt-lg-6{margin-top:30vh}
.mb-lg-6{margin-bottom:30vh}
.mt-lg-7{margin-top:35vh}
.mb-lg-7{margin-bottom:35vh}
.mt-lg-8{margin-top:40vh}
.mb-lg-8{margin-bottom:40vh}
.mt-lg-9{margin-top:45vh}
.mb-lg-9{margin-bottom:45vh}
.mt-lg-10{margin-top:50vh}
.mb-lg-10{margin-bottom:50vh}
.full-lg{width:100%;margin-left:0}
.wrap-lg{flex-wrap:wrap}
.tl-lg{text-align:left!important}
.tc-lg{text-align:center!important}
.tr-lg{text-align:right!important}
.hide-lg{display:none!important}
.show-lg{display:block!important}
}
@media (max-width: 1024px){
.c-sm-1{width:calc(var(--col)*1);flex:0 0 auto}
.c-sm-2{width:calc(var(--col)*2);flex:0 0 auto}
.c-sm-3{width:calc(var(--col)*3);flex:0 0 auto}
.c-sm-4{width:calc(var(--col)*4);flex:0 0 auto}
.c-sm-5{width:calc(var(--col)*5);flex:0 0 auto}
.c-sm-6{width:calc(var(--col)*6);flex:0 0 auto}
.c-sm-7{width:calc(var(--col)*7);flex:0 0 auto}
.c-sm-8{width:calc(var(--col)*8);flex:0 0 auto}
.c-sm-9{width:calc(var(--col)*9);flex:0 0 auto}
.c-sm-10{width:calc(var(--col)*10);flex:0 0 auto}
.c-sm-11{width:calc(var(--col)*11);flex:0 0 auto}
.c-sm-12{width:calc(var(--col)*12);flex:0 0 auto}
.c-sm-13{width:calc(var(--col)*13);flex:0 0 auto}
.c-sm-14{width:calc(var(--col)*14);flex:0 0 auto}
.c-sm-15{width:calc(var(--col)*15);flex:0 0 auto}
.c-sm-16{width:calc(var(--col)*16);flex:0 0 auto}
.c-sm-17{width:calc(var(--col)*17);flex:0 0 auto}
.c-sm-18{width:calc(var(--col)*18);flex:0 0 auto}
.c-sm-19{width:calc(var(--col)*19);flex:0 0 auto}
.c-sm-20{width:calc(var(--col)*20);flex:0 0 auto}
.c-sm-21{width:calc(var(--col)*21);flex:0 0 auto}
.c-sm-22{width:calc(var(--col)*22);flex:0 0 auto}
.c-sm-23{width:calc(var(--col)*23);flex:0 0 auto}
.c-sm-24{width:calc(var(--col)*24);flex:0 0 auto}
.os-sm-0{margin-left:calc(var(--col)*0)}
.os-sm-1{margin-left:calc(var(--col)*1)}
.os-sm-2{margin-left:calc(var(--col)*2)}
.os-sm-3{margin-left:calc(var(--col)*3)}
.os-sm-4{margin-left:calc(var(--col)*4)}
.os-sm-5{margin-left:calc(var(--col)*5)}
.os-sm-6{margin-left:calc(var(--col)*6)}
.os-sm-7{margin-left:calc(var(--col)*7)}
.os-sm-8{margin-left:calc(var(--col)*8)}
.os-sm-9{margin-left:calc(var(--col)*9)}
.os-sm-10{margin-left:calc(var(--col)*10)}
.os-sm-11{margin-left:calc(var(--col)*11)}
.os-sm-12{margin-left:calc(var(--col)*12)}
.os-sm-13{margin-left:calc(var(--col)*13)}
.os-sm-14{margin-left:calc(var(--col)*14)}
.os-sm-15{margin-left:calc(var(--col)*15)}
.os-sm-16{margin-left:calc(var(--col)*16)}
.os-sm-17{margin-left:calc(var(--col)*17)}
.os-sm-18{margin-left:calc(var(--col)*18)}
.os-sm-19{margin-left:calc(var(--col)*19)}
.os-sm-20{margin-left:calc(var(--col)*20)}
.os-sm-21{margin-left:calc(var(--col)*21)}
.os-sm-22{margin-left:calc(var(--col)*22)}
.os-sm-23{margin-left:calc(var(--col)*23)}
.mt-sm-0{margin-top:0vh}
.mb-sm-0{margin-bottom:0vh}
.mt-sm-1{margin-top:5vh}
.mb-sm-1{margin-bottom:5vh}
.mt-sm-2{margin-top:10vh}
.mb-sm-2{margin-bottom:10vh}
.mt-sm-3{margin-top:15vh}
.mb-sm-3{margin-bottom:15vh}
.mt-sm-4{margin-top:20vh}
.mb-sm-4{margin-bottom:20vh}
.mt-sm-5{margin-top:25vh}
.mb-sm-5{margin-bottom:25vh}
.mt-sm-6{margin-top:30vh}
.mb-sm-6{margin-bottom:30vh}
.mt-sm-7{margin-top:35vh}
.mb-sm-7{margin-bottom:35vh}
.mt-sm-8{margin-top:40vh}
.mb-sm-8{margin-bottom:40vh}
.mt-sm-9{margin-top:45vh}
.mb-sm-9{margin-bottom:45vh}
.mt-sm-10{margin-top:50vh}
.mb-sm-10{margin-bottom:50vh}
.full-sm{width:100%;margin-left:0}
.wrap-sm{flex-wrap:wrap}
.tl-sm{text-align:left!important}
.tc-sm{text-align:center!important}
.tr-sm{text-align:right!important}
.hide-sm{display:none!important}
.show-sm{display:block!important}
}
@media (max-width: 768px){
.c-xs-1{width:calc(var(--col)*1);flex:0 0 auto}
.c-xs-2{width:calc(var(--col)*2);flex:0 0 auto}
.c-xs-3{width:calc(var(--col)*3);flex:0 0 auto}
.c-xs-4{width:calc(var(--col)*4);flex:0 0 auto}
.c-xs-5{width:calc(var(--col)*5);flex:0 0 auto}
.c-xs-6{width:calc(var(--col)*6);flex:0 0 auto}
.c-xs-7{width:calc(var(--col)*7);flex:0 0 auto}
.c-xs-8{width:calc(var(--col)*8);flex:0 0 auto}
.c-xs-9{width:calc(var(--col)*9);flex:0 0 auto}
.c-xs-10{width:calc(var(--col)*10);flex:0 0 auto}
.c-xs-11{width:calc(var(--col)*11);flex:0 0 auto}
.c-xs-12{width:calc(var(--col)*12);flex:0 0 auto}
.c-xs-13{width:calc(var(--col)*13);flex:0 0 auto}
.c-xs-14{width:calc(var(--col)*14);flex:0 0 auto}
.c-xs-15{width:calc(var(--col)*15);flex:0 0 auto}
.c-xs-16{width:calc(var(--col)*16);flex:0 0 auto}
.c-xs-17{width:calc(var(--col)*17);flex:0 0 auto}
.c-xs-18{width:calc(var(--col)*18);flex:0 0 auto}
.c-xs-19{width:calc(var(--col)*19);flex:0 0 auto}
.c-xs-20{width:calc(var(--col)*20);flex:0 0 auto}
.c-xs-21{width:calc(var(--col)*21);flex:0 0 auto}
.c-xs-22{width:calc(var(--col)*22);flex:0 0 auto}
.c-xs-23{width:calc(var(--col)*23);flex:0 0 auto}
.c-xs-24{width:calc(var(--col)*24);flex:0 0 auto}
.os-xs-0{margin-left:calc(var(--col)*0)}
.os-xs-1{margin-left:calc(var(--col)*1)}
.os-xs-2{margin-left:calc(var(--col)*2)}
.os-xs-3{margin-left:calc(var(--col)*3)}
.os-xs-4{margin-left:calc(var(--col)*4)}
.os-xs-5{margin-left:calc(var(--col)*5)}
.os-xs-6{margin-left:calc(var(--col)*6)}
.os-xs-7{margin-left:calc(var(--col)*7)}
.os-xs-8{margin-left:calc(var(--col)*8)}
.os-xs-9{margin-left:calc(var(--col)*9)}
.os-xs-10{margin-left:calc(var(--col)*10)}
.os-xs-11{margin-left:calc(var(--col)*11)}
.os-xs-12{margin-left:calc(var(--col)*12)}
.os-xs-13{margin-left:calc(var(--col)*13)}
.os-xs-14{margin-left:calc(var(--col)*14)}
.os-xs-15{margin-left:calc(var(--col)*15)}
.os-xs-16{margin-left:calc(var(--col)*16)}
.os-xs-17{margin-left:calc(var(--col)*17)}
.os-xs-18{margin-left:calc(var(--col)*18)}
.os-xs-19{margin-left:calc(var(--col)*19)}
.os-xs-20{margin-left:calc(var(--col)*20)}
.os-xs-21{margin-left:calc(var(--col)*21)}
.os-xs-22{margin-left:calc(var(--col)*22)}
.os-xs-23{margin-left:calc(var(--col)*23)}
.mt-xs-0{margin-top:0vh}
.mb-xs-0{margin-bottom:0vh}
.mt-xs-1{margin-top:5vh}
.mb-xs-1{margin-bottom:5vh}
.mt-xs-2{margin-top:10vh}
.mb-xs-2{margin-bottom:10vh}
.mt-xs-3{margin-top:15vh}
.mb-xs-3{margin-bottom:15vh}
.mt-xs-4{margin-top:20vh}
.mb-xs-4{margin-bottom:20vh}
.mt-xs-5{margin-top:25vh}
.mb-xs-5{margin-bottom:25vh}
.mt-xs-6{margin-top:30vh}
.mb-xs-6{margin-bottom:30vh}
.mt-xs-7{margin-top:35vh}
.mb-xs-7{margin-bottom:35vh}
.mt-xs-8{margin-top:40vh}
.mb-xs-8{margin-bottom:40vh}
.mt-xs-9{margin-top:45vh}
.mb-xs-9{margin-bottom:45vh}
.mt-xs-10{margin-top:50vh}
.mb-xs-10{margin-bottom:50vh}
.full-xs{width:100%;margin-left:0}
.wrap-xs{flex-wrap:wrap}
.tl-xs{text-align:left!important}
.tc-xs{text-align:center!important}
.tr-xs{text-align:right!important}
.hide-xs{display:none!important}
.show-xs{display:block!important}
}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}