:root{--default-grid-pixels:8px;--default-header-height:64px}.grid-component{grid-gap:16px;grid-template-columns:repeat(12,1fr);display:grid}.grid-component>*{grid-column:span 12}.grid-component>.half-width{grid-column:span 6}.grid-component>.third-width{grid-column:span 4}.grid-component>.fourth-width{grid-column:span 3}.grid-component>.two-third-width{grid-column:span 8}.grid-component>.three-fourth-width{grid-column:span 9}@media (width<=430px){.grid-component>.mobile-full-width{grid-column:span 12}}@media print{.grid-component{margin:-8px;display:block}.grid-component>*{float:left;width:calc(100% - 16px);margin:8px}.grid-component>.half-width{width:calc(50% - 16px)}.grid-component>.third-width{width:calc(33.3333% - 16px)}.grid-component>.fourth-width{width:calc(25% - 16px)}.grid-component:after{content:"";clear:both;display:block}}