.grid{box-sizing:border-box;margin:calc(var(--grid-gap,0)*-.5);flex-wrap:wrap;display:flex}.grid--direction-row{flex-direction:row}.grid--direction-column{flex-direction:column}.grid--justify-start{justify-content:flex-start}.grid--justify-center{justify-content:center}.grid--justify-end{justify-content:flex-end}.grid--justify-space-between{justify-content:space-between}.grid--justify-space-around{justify-content:space-around}.grid--align-start{align-items:flex-start}.grid--align-center{align-items:center}.grid--align-end{align-items:flex-end}.grid--align-stretch{align-items:stretch}.grid-item{box-sizing:border-box;min-width:0;padding:calc(var(--grid-gap,0)*.5)}.grid-item--xs-1{flex-basis:8.33333%;max-width:8.33333%}.grid-item--xs-2{flex-basis:16.6667%;max-width:16.6667%}.grid-item--xs-3{flex-basis:25%;max-width:25%}.grid-item--xs-4{flex-basis:33.3333%;max-width:33.3333%}.grid-item--xs-5{flex-basis:41.6667%;max-width:41.6667%}.grid-item--xs-6{flex-basis:50%;max-width:50%}.grid-item--xs-7{flex-basis:58.3333%;max-width:58.3333%}.grid-item--xs-8{flex-basis:66.6667%;max-width:66.6667%}.grid-item--xs-9{flex-basis:75%;max-width:75%}.grid-item--xs-10{flex-basis:83.3333%;max-width:83.3333%}.grid-item--xs-11{flex-basis:91.6667%;max-width:91.6667%}.grid-item--xs-12{flex-basis:100%;max-width:100%}@media (min-width:48rem){.grid-item--md-1{flex-basis:8.33333%;max-width:8.33333%}.grid-item--md-2{flex-basis:16.6667%;max-width:16.6667%}.grid-item--md-3{flex-basis:25%;max-width:25%}.grid-item--md-4{flex-basis:33.3333%;max-width:33.3333%}.grid-item--md-5{flex-basis:41.6667%;max-width:41.6667%}.grid-item--md-6{flex-basis:50%;max-width:50%}.grid-item--md-7{flex-basis:58.3333%;max-width:58.3333%}.grid-item--md-8{flex-basis:66.6667%;max-width:66.6667%}.grid-item--md-9{flex-basis:75%;max-width:75%}.grid-item--md-10{flex-basis:83.3333%;max-width:83.3333%}.grid-item--md-11{flex-basis:91.6667%;max-width:91.6667%}.grid-item--md-12{flex-basis:100%;max-width:100%}}@media (min-width:65rem){.grid-item--lg-1{flex-basis:8.33333%;max-width:8.33333%}.grid-item--lg-2{flex-basis:16.6667%;max-width:16.6667%}.grid-item--lg-3{flex-basis:25%;max-width:25%}.grid-item--lg-4{flex-basis:33.3333%;max-width:33.3333%}.grid-item--lg-5{flex-basis:41.6667%;max-width:41.6667%}.grid-item--lg-6{flex-basis:50%;max-width:50%}.grid-item--lg-7{flex-basis:58.3333%;max-width:58.3333%}.grid-item--lg-8{flex-basis:66.6667%;max-width:66.6667%}.grid-item--lg-9{flex-basis:75%;max-width:75%}.grid-item--lg-10{flex-basis:83.3333%;max-width:83.3333%}.grid-item--lg-11{flex-basis:91.6667%;max-width:91.6667%}.grid-item--lg-12{flex-basis:100%;max-width:100%}}@media (min-width:100rem){.grid-item--xl-1{flex-basis:8.33333%;max-width:8.33333%}.grid-item--xl-2{flex-basis:16.6667%;max-width:16.6667%}.grid-item--xl-3{flex-basis:25%;max-width:25%}.grid-item--xl-4{flex-basis:33.3333%;max-width:33.3333%}.grid-item--xl-5{flex-basis:41.6667%;max-width:41.6667%}.grid-item--xl-6{flex-basis:50%;max-width:50%}.grid-item--xl-7{flex-basis:58.3333%;max-width:58.3333%}.grid-item--xl-8{flex-basis:66.6667%;max-width:66.6667%}.grid-item--xl-9{flex-basis:75%;max-width:75%}.grid-item--xl-10{flex-basis:83.3333%;max-width:83.3333%}.grid-item--xl-11{flex-basis:91.6667%;max-width:91.6667%}.grid-item--xl-12{flex-basis:100%;max-width:100%}}