@layer components{.grid{box-sizing:border-box}.grid--container{--grid-gap:var(--s-spacing-4);gap:var(--grid-row-gap,var(--grid-gap)) var(--grid-column-gap,var(--grid-gap));--grid-columns-xs:12;flex-wrap:wrap;display:flex}.grid--direction-row{flex-direction:row}.grid--direction-row-reverse{flex-direction:row-reverse}.grid--direction-column{flex-direction:column}.grid--direction-column-reverse{flex-direction:column-reverse}.grid--align-flex-start{align-items:flex-start}.grid--align-center{align-items:center}.grid--align-flex-end{align-items:flex-end}.grid--align-stretch{align-items:stretch}.grid--align-baseline{align-items:baseline}.grid--justify-flex-start{justify-content:flex-start}.grid--justify-center{justify-content:center}.grid--justify-flex-end{justify-content:flex-end}.grid--justify-space-between{justify-content:space-between}.grid--justify-space-around{justify-content:space-around}.grid--justify-space-evenly{justify-content:space-evenly}.grid--item{flex-grow:0;flex-basis:auto;flex-basis:calc((100% + var(--grid-gap)) * var(--grid-size-xs,auto) / var(--grid-columns-xs,12) - var(--grid-gap) - .01px);min-width:0;max-width:none;max-width:calc((100% + var(--grid-gap)) * var(--grid-size-xs,auto) / var(--grid-columns-xs,12) - var(--grid-gap) - .01px)}.grid--item[style*="--grid-size-xs: auto"]{flex-basis:auto;max-width:none}.grid--item[style*="--grid-size-xs: grow"]{flex-grow:1;flex-basis:0;max-width:100%}@media (min-width:26.5625em){.grid--item{flex-grow:0;flex-basis:calc((100% + var(--grid-gap)) * var(--grid-size-sm,var(--grid-size-xs,auto)) / var(--grid-columns-sm,var(--grid-columns-xs,12)) - var(--grid-gap) - .01px);max-width:calc((100% + var(--grid-gap)) * var(--grid-size-sm,var(--grid-size-xs,auto)) / var(--grid-columns-sm,var(--grid-columns-xs,12)) - var(--grid-gap) - .01px)}.grid--item>*{width:100%}.grid--item[style*="--grid-size-sm: auto"]{flex-basis:auto;max-width:none}.grid--item[style*="--grid-size-sm: grow"]{flex-grow:1;flex-basis:0;max-width:100%}}@media (min-width:40em){.grid--item{flex-grow:0;flex-basis:calc((100% + var(--grid-gap)) * var(--grid-size-md,var(--grid-size-sm,var(--grid-size-xs,auto))) / var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-xs,12))) - var(--grid-gap) - .01px);max-width:calc((100% + var(--grid-gap)) * var(--grid-size-md,var(--grid-size-sm,var(--grid-size-xs,auto))) / var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-xs,12))) - var(--grid-gap) - .01px)}.grid--item[style*="--grid-size-md: auto"]{flex-basis:auto;max-width:none}.grid--item[style*="--grid-size-md: grow"]{flex-grow:1;flex-basis:0;max-width:100%}}@media (min-width:64em){.grid--item{flex-grow:0;flex-basis:calc((100% + var(--grid-gap)) * var(--grid-size-lg,var(--grid-size-md,var(--grid-size-sm,var(--grid-size-xs,auto)))) / var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-xs,12)))) - var(--grid-gap) - .01px);max-width:calc((100% + var(--grid-gap)) * var(--grid-size-lg,var(--grid-size-md,var(--grid-size-sm,var(--grid-size-xs,auto)))) / var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-xs,12)))) - var(--grid-gap) - .01px)}.grid--item[style*="--grid-size-lg: auto"]{flex-basis:auto;max-width:none}.grid--item[style*="--grid-size-lg: grow"]{flex-grow:1;flex-basis:0;max-width:100%}}@media (min-width:80em){.grid--item{flex-grow:0;flex-basis:calc((100% + var(--grid-gap)) * var(--grid-size-xl,var(--grid-size-lg,var(--grid-size-md,var(--grid-size-sm,var(--grid-size-xs,auto))))) / var(--grid-columns-xl,var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-xs,12))))) - var(--grid-gap) - .01px);max-width:calc((100% + var(--grid-gap)) * var(--grid-size-xl,var(--grid-size-lg,var(--grid-size-md,var(--grid-size-sm,var(--grid-size-xs,auto))))) / var(--grid-columns-xl,var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-xs,12))))) - var(--grid-gap) - .01px)}.grid--item[style*="--grid-size-xl: auto"]{flex-basis:auto;max-width:none}.grid--item[style*="--grid-size-xl: grow"]{flex-grow:1;flex-basis:0;max-width:100%}}}