.nav{z-index:500;font-size:15px;border-bottom:1px solid #dadde1}.nav .innerNav{display:flex;justify-content:space-between;align-content:center;align-items:center;height:100%;margin:auto;padding:16px 16px 12px}@media only screen and (min-width:641px){.nav .innerNav{height:50px;padding:10px 30px}}.nav .navLogo,.nav .navMenu{display:flex;align-items:center}body{font-family:SF UI Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;line-height:1.6;font-weight:400;margin:0;padding:0;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;font-weight:500}img{max-width:100%}.content{padding:0 16px}h1,h2,h3,h4,h5,h6{font-family:SF UI Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:700;line-height:1.2}h1{font-size:32px}@media only screen and (min-width:641px){h1{font-size:40px;max-width:660px;margin:32px 0}}h2{font-size:32px}h1+h2{font-size:20px;font-weight:400;max-width:660px;margin:24px auto}@media only screen and (min-width:641px){h1+h2{font-size:23px;margin:32px auto}}h3{font-size:24px}@media only screen and (min-width:641px){h3{font-size:26px}}.grid{border:1px solid #000;width:300px;height:300px;display:flex;font-size:24px}.gridRow{display:flex;flex:1 1;flex-direction:column}.cell{display:flex;border:1px solid #000;flex:1 1;justify-content:center;align-items:center;transition:all .15s ease;background:#fff;opacity:1}.cell:hover{background:#b8b8b8;opacity:.8;cursor:pointer}.playground{display:flex;margin:64px 24px}.playground-info{flex:1 1;margin-left:32px;padding-left:32px}.playground-info h4:first-child{margin-top:0}.codeBlock{background:#f7f9fa;padding:10px 15px;color:#263238;line-height:1.6;font-size:13px;border-radius:3px}.codeBlock code{display:block}.codeBlock .active{color:#0384fe;font-weight:700}.article a{color:#0384fe;font-size:14px;cursor:pointer;font-weight:400;text-decoration:underline}.layoutContainer{display:flex;min-height:calc(100vh - 50px)}.sidebar{width:300px;display:flex;flex-direction:column;overflow-y:auto;padding:16px;position:-webkit-sticky;position:sticky;border-right:1px solid #dadde1}.sidebar li{display:block;width:100%}.sidebarLink{border-radius:6px;color:#606770;cursor:pointer;display:flex;font-size:16px;line-height:20px;justify-content:space-between;text-decoration:none;margin:0;padding:8px}.sidebarLink:hover{background:rgba(0,0,0,.05)}.content{font-size:16px}