body{background:#fafafa}.styleguide{margin-top:18rem;padding-bottom:8rem}.styleguide__content{display:grid;gap:8rem;grid-template-columns:1fr}.styleguide-section{display:grid;gap:2rem;grid-template-columns:1fr;position:relative}@media(min-width:61.25em){.styleguide-section{grid-template-columns:36rem auto}}.styleguide-section__header{height:auto;position:sticky;top:12rem}.styleguide-section__title{margin-bottom:1em}.styleguide-section__description{color:rgba(51,51,51,.8);max-width:24rem}.styleguide-section__description ol{margin:0;padding-left:2rem;padding-right:2rem}.styleguide__colours{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));list-style-type:none;margin:0;padding:0}.styleguide__colour{margin-bottom:1rem;padding-bottom:100%;width:100%}.styleguide__typescale{display:grid;gap:4rem;grid-template-columns:1fr}.styleguide__heading-sm{font-size:1.4rem}@media(min-width:45em){.styleguide__heading-sm{font-size:1.8rem}}.styleguide__heading-md{font-size:1.6rem}@media(min-width:45em){.styleguide__heading-md{font-size:2.4rem}}.styleguide__heading-lg{font-size:2.4rem}@media(min-width:45em){.styleguide__heading-lg{font-size:3.2rem}}.styleguide__heading-xl{font-size:3.2rem}@media(min-width:45em){.styleguide__heading-xl{font-size:4.8rem}}.styleguide__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem;list-style-type:none;margin:0;padding:0}.styleguide__buttons__row{display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(16rem,1fr))}.styleguide__grids{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr))}@media(min-width:45em){.styleguide__grids{grid-template-columns:repeat(auto-fill,minmax(40rem,1fr))}}.styleguide__grid{-webkit-box-shadow:inset .1rem .1rem 0 #f7d2d2;box-shadow:inset .1rem .1rem 0 #f7d2d2;display:grid;width:-webkit-min-content;width:-moz-min-content;width:min-content}.styleguide__grid--20{--column-count:16;grid-template-columns:repeat(var(--column-count),2rem)}@media(min-width:45em){.styleguide__grid--20{--column-count:20}}@media(max-width:44.99em){.styleguide__grid--20>div:nth-last-of-type(-n+8){display:none}}.styleguide__grid--40{--column-count:8;grid-template-columns:repeat(var(--column-count),4rem)}@media(min-width:45em){.styleguide__grid--40{--column-count:10}}@media(max-width:44.99em){.styleguide__grid--40>div:nth-last-of-type(-n+4){display:none}}.styleguide__grid--80{--column-count:4;grid-template-columns:repeat(var(--column-count),8rem)}@media(min-width:45em){.styleguide__grid--80{--column-count:5}}@media(max-width:44.99em){.styleguide__grid--80>div:nth-last-of-type(-n+3){display:none}}.styleguide__grid div{-webkit-box-shadow:inset -.1rem -.1rem 0 #f7d2d2;box-shadow:inset -.1rem -.1rem 0 #f7d2d2;padding-bottom:100%}.styleguide__spacers{color:#989898;display:grid;font-size:1.4rem;grid-template-columns:1fr;row-gap:4rem}@media(min-width:45em){.styleguide__spacers{grid-template-columns:repeat(4,1fr)}}.styleguide__spacer{background-color:#f7d2d2}.styleguide__spacer--horizontal{height:10rem;width:-webkit-min-content;width:-moz-min-content;width:min-content}.styleguide__forms{display:grid;gap:4rem 2rem;grid-template-columns:1fr;grid-template-columns:repeat(auto-fill,minmax(34rem,1fr))}.styleguide__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.styleguide__form__title{color:#989898;font-size:1.8rem;margin-bottom:4rem}.styleguide__cards{--card-width:20rem;display:grid;gap:4rem 2rem;grid-auto-columns:20rem;grid-template-columns:repeat(auto-fill,var(--card-width))}@media(min-width:45em){.styleguide__cards{--card-width:26rem}}@media(min-width:61.25em){.styleguide__cards{--card-width:36rem}}.styleguide__icons{display:grid;grid-gap:4rem;grid-template-columns:auto 1fr}@media(min-width:45em){.styleguide__icons{grid-template-columns:auto 1fr auto 1fr}}.styleguide__icons .icon{width:3rem}.styleguide__illustrations{display:grid;grid-gap:4rem;grid-template-columns:1fr}@media(min-width:45em){.styleguide__illustrations{grid-template-columns:1fr 1fr}}