.posts_imageLink__ZoktN{display:block}.posts_section__szL4C{padding:5rem 0;position:relative}.posts_xlParagraph__73gBj{font-size:24px}.posts_lgParagraph___XbSd{font-size:20px}.posts_blogContent__qdPPE{padding-bottom:52px}.posts_blogContent__qdPPE .posts_blogSection__WGkaR{padding:1rem 0;position:relative}.posts_blogContent__qdPPE .posts_blogSection__WGkaR .posts_contentContainer__b_iSp{max-width:940px}.posts_blogContent__qdPPE .posts_blogSection__WGkaR img{max-width:100%;height:auto;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);border-radius:8px}.posts_blogContent__qdPPE .posts_blogSection__WGkaR p code{background-color:#dfe8f9;padding:2px 4px;border-radius:2px;word-break:break-word}.posts_blogContent__qdPPE .posts_blogSection__WGkaR h3{margin-top:48px}.posts_blogContent__qdPPE .posts_blogSection__WGkaR ul li{margin-bottom:16px}@media(min-width:576px){.posts_blogContent__qdPPE .posts_blogSection__WGkaR{font-size:20px}.posts_blogContent__qdPPE .posts_blogSection__WGkaR p{line-height:1.9}.posts_blogContent__qdPPE .posts_blogSection__WGkaR p code{font-size:18px}.posts_blogContent__qdPPE .posts_blogSection__WGkaR ul{line-height:1.5}}.posts_blogHeader__PoQCI .posts_topSection__84UsK{text-align:center;background:linear-gradient(330deg,#0d98e2,#00a8a9);color:#fff;padding-bottom:120px}.posts_blogHeader__PoQCI .posts_topSection__84UsK h1{margin-bottom:0}.posts_blogHeader__PoQCI .posts_topSection__84UsK .posts_reactLogo__j6ggZ{margin:30px 0}.posts_blogHeader__PoQCI .posts_topSection__84UsK .posts_heroSubtext___XdT1{font-size:24px;font-weight:400;font-family:Roboto,sans-serif}.posts_blogHeader__PoQCI .posts_topSection__84UsK .posts_lastUpdated__lx5DC{font-size:15px;opacity:.85;margin-top:-8px}.posts_blogHeader__PoQCI .posts_tabsSection___i8P3{text-align:center;position:relative;margin-top:-100px}.posts_blogHeader__PoQCI .posts_tabsSection___i8P3 .posts_floatingContent__vzkmA{background-color:#fff;border-radius:10px;max-width:615px;margin:auto;padding:16px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.posts_blogHeader__PoQCI .posts_tabs__ouFat{display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:32px}.posts_blogHeader__PoQCI .posts_tabs__ouFat a{border:2px solid #cecece;color:#303030;text-decoration:none;width:180px;font-size:22px;height:61px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.posts_blogHeader__PoQCI .posts_tabs__ouFat a.posts_active__wm3rp{border-color:#0b5dcd;color:#0b5dcd;background-color:#e4effe}.posts_blogHeader__PoQCI .posts_tabs__ouFat a.posts_active__wm3rp+a{border-left-width:0}.posts_blogHeader__PoQCI .posts_tabs__ouFat a:not(:last-child):not(.posts_active__wm3rp){border-right:0}.posts_blogHeader__PoQCI .posts_tabs__ouFat a:first-child{border-top-left-radius:31px;border-bottom-left-radius:31px}.posts_blogHeader__PoQCI .posts_tabs__ouFat a:last-child{border-top-right-radius:31px;border-bottom-right-radius:31px}.posts_blogHeader__PoQCI .posts_tabs__ouFat a .posts_subText__NM9hl{font-size:15px;opacity:.7}@media(max-width:575px){.posts_blogHeader__PoQCI .posts_tabs__ouFat{margin-bottom:24px}.posts_blogHeader__PoQCI .posts_tabs__ouFat a{font-size:16px!important;height:50px}}.posts_contentContainer__b_iSp{max-width:1230px;margin:auto;padding:0 44px}@media(max-width:576px){.posts_contentContainer__b_iSp{padding:0 20px}}@media(min-width:0){.posts_xsHiddenUp__VeB_7{display:none}}@media(min-width:576px){.posts_smHiddenUp__PJ6Xx{display:none}}@media(min-width:768px){.posts_mdHiddenUp__uLQbw{display:none}}@media(min-width:992px){.posts_lgHiddenUp__JAMw_{display:none}}@media(min-width:1200px){.posts_xlHiddenUp__spvL0{display:none}}@media(max-width:575px){.posts_smHiddenDown__aWm49{display:none}}@media(max-width:767px){.posts_mdHiddenDown__z3o6f{display:none}}@media(max-width:991px){.posts_lgHiddenDown__PgJKm{display:none}}.posts_topSection__84UsK{text-align:center;background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9,#80d0c7);color:#fff}@media(min-width:577px){.posts_topSection__84UsK h1{margin-bottom:8px;font-size:45px}}.posts_topSection__84UsK img{max-width:400px;width:100%;height:auto;margin:32px 0}.posts_topSection__84UsK .posts_heroSubtext___XdT1{font-size:24px;margin-top:8px;margin-bottom:0}.posts_tutorialLinks__Ig3o9>div{white-space:nowrap;display:flex;align-items:center;margin-bottom:12px}.posts_tutorialLinks__Ig3o9>div i,.posts_tutorialLinks__Ig3o9>div img{margin-right:12px}.posts_tutorialLinks__Ig3o9 i{color:#fff;background-color:#61dafb;padding:2px;border-radius:4px}