.fl-module-site-code-example .c-code-example{-moz-column-gap:var(--grid-gutter-width);column-gap:var(--grid-gutter-width);display:grid;grid-row-gap:16px;grid-template-columns:repeat(var(--grid-col-count), 1fr);}@media(max-width: 47.99em){.fl-module-site-code-example .c-code-example{-moz-column-gap:var(--grid-gutter-width--mobile);column-gap:var(--grid-gutter-width--mobile);grid-template-columns:repeat(var(--grid-col-count--mobile), 1fr);}}@media(max-width: 47.99em){.fl-module-site-code-example .c-code-example{align-items:stretch;display:flex;flex-direction:column;}}.fl-module-site-code-example .c-code-example>*{grid-column:8/-2;}@media(max-width: 47.99em){.fl-module-site-code-example .c-code-example>*{flex:none;}}.fl-module-site-code-example .c-code-example__title{color:var(--h5-color, var(--heading-color));font-family:"Source Sans Pro",sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-0.03125rem;line-height:1.1666666667;}.fl-module-site-code-example .c-code-example__nav::before{content:none;}@media(max-width: 47.99em){.fl-module-site-code-example .c-code-example__nav{margin-bottom:24px;}}.fl-module-site-code-example .c-code-example__display{align-items:stretch;background-color:#32363b;border-radius:8px;color:#fff;display:flex;grid-area:1/2/span 3/span 5;overflow:auto;}.fl-module-site-code-example .c-code-example__display::-webkit-scrollbar{background:rgba(0,0,0,0);}.fl-module-site-code-example .c-code-example__display::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0);}.fl-module-site-code-example .c-code-example__pad{flex:1;padding:24px;}.fl-module-site-code-example .c-code-example__code[class*=language-]{background-color:rgba(0,0,0,0);font-family:monospace;font-size:0.875rem;line-height:1.4285714286;margin:0;padding:0 0 1em;}.fl-module-site-code-example .c-code-example__description{margin:0;}.fl-module-site-code-example .c-code-example__description .o-button{margin:8px 16px 8px 0;}@media(max-width: 47.99em){.fl-module-site-code-example .c-code-example__description{order:2;}}