.system-grid{--col-1:0rem;display:grid;grid-template-columns:[start-edge] var(--col-1) [start-inner] repeat(8,1fr) [end-edge]}@media (min-width:768px){.system-grid{--col-1:16rem}}.system-grid .grid-wrapper{--grid-space:calc(100vw / 26)!important}@media (min-width:768px){.system-grid .grid-wrapper{--grid-space:calc(74.9999999997vw / 36)!important}}@media (min-width:1280px){.system-grid .grid-wrapper{--grid-space:calc(83.333333vw / 36)!important}}.system-example .grid-wrapper{--grid-space:calc((100vw - 3rem) / 26)!important}@media (min-width:768px){.system-example .grid-wrapper{--grid-space:calc((74.9999999997vw - 3rem) / 36)!important}}@media (min-width:1280px){.system-example .grid-wrapper{--grid-space:calc((83.333333vw - 3rem) / 36)!important}}