.subtitle{font-size:2rem;line-height:120%;margin-bottom:20px}.title{color:#202020;font-size:5.3rem;font-weight:400;margin-bottom:.5rem;margin-top:2rem}.title small{font-family:B_Proportional-Bold,courier,monospace;font-size:2rem;font-weight:600}.title.compactLineHeight{line-height:82%}.title.titleMedium{font-family:B_Proportional-Bold,courier,monospace;font-size:2.8rem}.title.titleMedium small{font-family:Avenir Next W01,Avenir Next,sans-serif;font-size:1.6rem}.title.titleLarge{font-family:B_Proportional-Bold,courier,monospace;font-size:3.8rem}.title.titleLarge small{font-family:Avenir Next W01,Avenir Next,sans-serif;font-size:1.6rem}.cover{width:100%}.intro{font-size:2.2rem}.list{line-height:1.5;list-style-type:disc;margin-bottom:1rem;margin-top:1rem;padding-left:1.6rem}.sectionWrapperRow{display:flex;flex-direction:row;justify-content:center;margin:5rem 0 6rem;text-align:center}.sectionWrapperRow.sectionWrapperRowGrey{background-color:#edeef2;padding:2rem}@media (max-width: 40rem){.sectionWrapperRow{flex-direction:column}}.section{max-width:100%;text-align:center}.section a{color:#1524d9;font-size:1.7rem}.section p{line-height:130%;margin:1rem auto;max-width:58rem}.divider{background-color:#f1f1f1}.divider.dividerHorizontal{height:.1rem;margin:.625rem 0;width:100%}.divider.dividerVertical{height:100%;margin:0 2rem;width:.2rem}.linkTiles{display:grid;grid-gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:4rem 0 2rem}@media (max-width: 40rem){.linkTiles{display:grid;grid-gap:1rem;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}a.linkTile{background-color:#edeef2;border:1px solid rgba(0,0,0,0);border-radius:4px;color:#202020;display:block;font-size:1.8rem;font-weight:400;padding:2rem 1.6rem;text-decoration:none}a.linkTile small{display:block;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-decoration:none}a.linkTile:hover{animation:linkTileAnimation .4s forwards ease-in}a.linkTile:active{animation:linkTileActiveAnimation .2s forwards ease-in}@keyframes linkTileAnimation{0%{box-shadow:0 4px 15px #00000005}50%{background-color:#fff;border:1px solid #1524d9;color:#1524d9}to{background-color:#fff;border:1px solid #1524d9;box-shadow:0 4px 15px #00000014;color:#1524d9}}@keyframes linkTileActiveAnimation{0%{border:1px solid #1524d9;box-shadow:0 4px 15px #00000014}to{background-color:#d4d9f9;border:1px solid rgba(21,36,217,.2);box-shadow:0 4px 15px #0000000f}}.guideTiles{display:grid;grid-gap:1rem;grid-template-columns:32% 32% 32%;grid-template-rows:1fr;justify-content:center;margin:4rem 0}@media (max-width: 40rem){.guideTiles{display:grid;grid-gap:1rem;grid-template-columns:minmax(1em,1fr);grid-template-rows:repeat(3,auto)}}.guideTile{background-color:#fff;border:1px solid rgba(0,0,0,0);border-radius:8px;box-shadow:0 4px 15px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:3rem 1.6rem 2rem;width:100%}.guideTile .guideTileTitle{font-size:1.5rem;font-weight:600}.guideTile .codePreview{height:25rem;margin:2rem 0 0;max-width:100%}.guideTile .guideTileActions{align-items:center;display:flex;flex-direction:row;justify-content:center}.guideTile a{align-items:center;display:flex;font-size:1.5rem}.guideTile .divider{background-color:#fff;height:20px}.guideTile svg{margin-right:1rem}