.hds-grid{--hds-grid-gap-initial:initial;--hds-grid-gap-small:var(--hds-grid-gap-initial);--hds-grid-gap-medium:var(--hds-grid-gap-small);--hds-grid-gap-large:var(--hds-grid-gap-medium);--hds-grid-gap-xlarge:var(--hds-grid-gap-large);--hds-grid-gap:var(--hds-grid-gap-initial);--hds-grid-gap-x-initial:var(--hds-grid-gap);--hds-grid-gap-x-small:var(--hds-grid-gap-x-initial);--hds-grid-gap-x-medium:var(--hds-grid-gap-x-small);--hds-grid-gap-x-large:var(--hds-grid-gap-x-medium);--hds-grid-gap-x-xlarge:var(--hds-grid-gap-x-large);--hds-grid-gap-x:var(--hds-grid-gap-x-initial);--hds-grid-gap-y-initial:var(--hds-grid-gap);--hds-grid-gap-y-small:var(--hds-grid-gap-y-initial);--hds-grid-gap-y-medium:var(--hds-grid-gap-y-small);--hds-grid-gap-y-large:var(--hds-grid-gap-y-medium);--hds-grid-gap-y-xlarge:var(--hds-grid-gap-y-large);--hds-grid-gap-y:var(--hds-grid-gap-y-initial);--hds-grid-span-initial:12;--hds-grid-span-small:var(--hds-grid-span-initial);--hds-grid-span-medium:var(--hds-grid-span-small);--hds-grid-span-large:var(--hds-grid-span-medium);--hds-grid-span-xlarge:var(--hds-grid-span-large);--hds-grid-span:var(--hds-grid-span-initial);--hds-grid-center-initial:unset;--hds-grid-center-small:var(--hds-grid-center-initial);--hds-grid-center-medium:var(--hds-grid-center-small);--hds-grid-center-large:var(--hds-grid-center-medium);--hds-grid-center-xlarge:var(--hds-grid-center-large);--hds-grid-center:var(--hds-grid-center-initial);column-gap:var(--hds-grid-gap-x);row-gap:var(--hds-grid-gap-y);--hds-grid-start:calc(var(--hds-grid-center)*((12 - var(--hds-grid-span))/2 + 1));grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hds-grid>*{grid-column:span var(--hds-grid-span)/span var(--hds-grid-span);grid-column-start:var(--hds-grid-start)}@media (min-width:460px){.hds-grid{--hds-grid-gap:var(--hds-grid-gap-small);--hds-grid-gap-x:var(--hds-grid-gap-x-small);--hds-grid-gap-y:var(--hds-grid-gap-y-small);--hds-grid-span:var(--hds-grid-span-small);--hds-grid-center:var(--hds-grid-center-small)}}@media (min-width:720px){.hds-grid{--hds-grid-gap:var(--hds-grid-gap-medium);--hds-grid-gap-x:var(--hds-grid-gap-x-medium);--hds-grid-gap-y:var(--hds-grid-gap-y-medium);--hds-grid-span:var(--hds-grid-span-medium);--hds-grid-center:var(--hds-grid-center-medium)}}@media (min-width:940px){.hds-grid{--hds-grid-gap:var(--hds-grid-gap-large);--hds-grid-gap-x:var(--hds-grid-gap-x-large);--hds-grid-gap-y:var(--hds-grid-gap-y-large);--hds-grid-span:var(--hds-grid-span-large);--hds-grid-center:var(--hds-grid-center-large)}}@media (min-width:1200px){.hds-grid{--hds-grid-gap:var(--hds-grid-gap-xlarge);--hds-grid-gap-x:var(--hds-grid-gap-x-xlarge);--hds-grid-gap-y:var(--hds-grid-gap-y-xlarge);--hds-grid-span:var(--hds-grid-span-xlarge);--hds-grid-center:var(--hds-grid-center-xlarge)}}.hds-grid>.hds-grid__item{--hds-grid-item-span-initial:var(--hds-grid-span);--hds-grid-item-span-small:var(--hds-grid-item-span-initial);--hds-grid-item-span-medium:var(--hds-grid-item-span-small);--hds-grid-item-span-large:var(--hds-grid-item-span-medium);--hds-grid-item-span-xlarge:var(--hds-grid-item-span-large);--hds-grid-item-span:var(--hds-grid-item-span-initial);--hds-grid-item-center-initial:var(--hds-grid-center);--hds-grid-item-center-small:var(--hds-grid-item-center-initial);--hds-grid-item-center-medium:var(--hds-grid-item-center-small);--hds-grid-item-center-large:var(--hds-grid-item-center-medium);--hds-grid-item-center-xlarge:var(--hds-grid-item-center-large);--hds-grid-item-center:var(--hds-grid-item-center-initial);--hds-grid-item-start:calc(var(--hds-grid-item-center)*((12 - var(--hds-grid-item-span))/2 + 1));grid-column:span var(--hds-grid-item-span)/span var(--hds-grid-item-span);grid-column-start:var(--hds-grid-item-start)}@media (min-width:460px){.hds-grid>.hds-grid__item{--hds-grid-item-span:var(--hds-grid-item-span-small);--hds-grid-item-center:var(--hds-grid-item-center-small)}}@media (min-width:720px){.hds-grid>.hds-grid__item{--hds-grid-item-span:var(--hds-grid-item-span-medium);--hds-grid-item-center:var(--hds-grid-item-center-medium)}}@media (min-width:940px){.hds-grid>.hds-grid__item{--hds-grid-item-span:var(--hds-grid-item-span-large);--hds-grid-item-center:var(--hds-grid-item-center-large)}}@media (min-width:1200px){.hds-grid>.hds-grid__item{--hds-grid-item-span:var(--hds-grid-item-span-xlarge);--hds-grid-item-center:var(--hds-grid-item-center-xlarge)}}