.colorSwatch_container__X9tuD{grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"colour name" "colour rgb";gap:.1em;padding:1em}.colorSwatch_container__X9tuD svg{grid-area:colour;padding:.1em;background:rgb(var(--rgb-black),.2);border-radius:50%;margin-right:1em}.colorSwatch_container__X9tuD .colorSwatch_name__D4XqE{grid-area:name;font-weight:600;place-content:end start}.colorSwatch_container__X9tuD .colorSwatch_rgb__G9sX2{font-size:.8em;grid-area:rgb;place-content:start}.page_content__rNbwn .page_colours__5Aidr,.page_content__rNbwn .page_images__gYQQV,.page_content__rNbwn .page_typography__POcj6,.page_content__rNbwn .page_voice__4pRfo{padding:1em 0;gap:1.2em}.page_content__rNbwn .page_colours__5Aidr h3,.page_content__rNbwn .page_images__gYQQV h3,.page_content__rNbwn .page_typography__POcj6 h3,.page_content__rNbwn .page_voice__4pRfo h3{grid-area:header;margin-left:-2em}.page_content__rNbwn .page_colours__5Aidr>div,.page_content__rNbwn .page_images__gYQQV>div,.page_content__rNbwn .page_typography__POcj6>div,.page_content__rNbwn .page_voice__4pRfo>div{place-self:start stretch;place-items:start stretch}.page_content__rNbwn .page_images__gYQQV{grid-template-rows:auto 1fr 1fr;grid-template-columns:repeat(2,auto);grid-template-areas:"header header" "primary explainer" "secondary explainer"}.page_content__rNbwn .page_images__gYQQV .page_primary__Xb_C3 img,.page_content__rNbwn .page_images__gYQQV .page_secondary__67DKc img{padding:.2em;border-radius:50%;background:rgb(var(--rgb-black),.2)}.page_content__rNbwn .page_images__gYQQV .page_primary__Xb_C3{grid-area:primary}.page_content__rNbwn .page_images__gYQQV .page_secondary__67DKc{grid-area:secondary}.page_content__rNbwn .page_colours__5Aidr{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(3,auto);grid-template-areas:"header header header" "primary secondary indicators" "explainer explainer explainer"}.page_content__rNbwn .page_typography__POcj6{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(2,auto);grid-template-areas:"header header" "sans icons" "explainer explainer"}.page_content__rNbwn .page_typography__POcj6>div{gap:1em}.page_content__rNbwn .page_typography__POcj6>div>div{gap:.2em}.page_content__rNbwn .page_typography__POcj6 .page_light__oXkBl{font-weight:200}.page_content__rNbwn .page_typography__POcj6 .page_medium__40bdL{font-weight:400}.page_content__rNbwn .page_typography__POcj6 .page_bold__RMjBi{font-weight:600}