@layer pix-components{.pix-text-and-image{inline-size:100%;container:pix-text-and-image/inline-size}.pix-text-and-image__grid{grid-template-columns:1fr;display:grid;&>.pix-text-and-image__image{@container (inline-size<640px){order:-1}}[data-image-position=start]>&>.pix-text-and-image__image{@container (inline-size>=640px){order:-1}}[data-vertical-alignment=start]>&{align-items:start}[data-vertical-alignment=center]>&{align-items:center}[data-vertical-alignment=end]>&{align-items:end}[data-image-size="1/2"]>&{@container (inline-size>=640px){grid-template-columns:1fr 1fr}}[data-image-position=start][data-image-size="1/3"]>&{@container (inline-size>=640px){grid-template-columns:1fr 2fr}}[data-image-position=start][data-image-size="1/4"]>&{@container (inline-size>=640px){grid-template-columns:1fr 3fr}}[data-image-position=start][data-image-size="2/3"]>&{@container (inline-size>=640px){grid-template-columns:2fr 1fr}}[data-image-position=start][data-image-size="3/4"]>&{@container (inline-size>=640px){grid-template-columns:3fr 1fr}}[data-image-position=end][data-image-size="1/3"]>&{@container (inline-size>=640px){grid-template-columns:2fr 1fr}}[data-image-position=end][data-image-size="1/4"]>&{@container (inline-size>=640px){grid-template-columns:3fr 1fr}}[data-image-position=end][data-image-size="2/3"]>&{@container (inline-size>=640px){grid-template-columns:1fr 2fr}}[data-image-position=end][data-image-size="3/4"]>&{@container (inline-size>=640px){grid-template-columns:1fr 3fr}}}.pix-text-and-image__links{margin-top:var(--spacing-large)}.pix-text-and-image[data-has-image] .pix-text-and-image__grid{--_pix-text-and-image-gap:var(--pix-text-and-image-gap,var(--spacing-large));--_pix-text-and-image-text-inset:var(--pix-text-and-image-text-inset,0px);row-gap:var(--_pix-text-and-image-gap);@container pix-text-and-image (inline-size>=768px){--_pix-text-and-image-gap:var(--pix-text-and-image-gap,var(--spacing-xlarge))}@container pix-text-and-image (inline-size>=1024px){--_pix-text-and-image-gap:var(--pix-text-and-image-gap,var(--spacing-2xlarge))}}.pix-text-and-image[data-has-image] .pix-text-and-image__text{min-inline-size:0;padding:var(--_pix-text-and-image-text-inset)}@container pix-text-and-image (inline-size>=640px){.pix-text-and-image[data-has-image][data-image-position=end] .pix-text-and-image__text{padding-inline-end:max(var(--_pix-text-and-image-text-inset), var(--_pix-text-and-image-gap))}.pix-text-and-image[data-has-image][data-image-position=start] .pix-text-and-image__text{padding-inline-start:max(var(--_pix-text-and-image-text-inset), var(--_pix-text-and-image-gap))}}.pix-text-and-image[data-has-image] .pix-text-and-image__image{justify-content:center;display:flex;@container pix-text-and-image (inline-size<640px){&>*{width:66.666%}}}}