.styles_imageLink__snmUx{display:block}.styles_section__CmbFj{padding:5rem 0;position:relative}.styles_xlParagraph__KX3ET{font-size:24px}.styles_lgParagraph__68urt{font-size:20px}.styles_blogContent__92IRQ{padding-bottom:52px}.styles_blogContent__92IRQ .styles_blogSection__RJvof{padding:1rem 0;position:relative}.styles_blogContent__92IRQ .styles_blogSection__RJvof .styles_contentContainer__wcfLc{max-width:940px}.styles_blogContent__92IRQ .styles_blogSection__RJvof img{max-width:100%;height:auto;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);border-radius:8px}.styles_blogContent__92IRQ .styles_blogSection__RJvof p code{background-color:#dfe8f9;padding:2px 4px;border-radius:2px;word-break:break-word}.styles_blogContent__92IRQ .styles_blogSection__RJvof h3{margin-top:48px}.styles_blogContent__92IRQ .styles_blogSection__RJvof ul li{margin-bottom:16px}@media(min-width:576px){.styles_blogContent__92IRQ .styles_blogSection__RJvof{font-size:20px}.styles_blogContent__92IRQ .styles_blogSection__RJvof p{line-height:1.9}.styles_blogContent__92IRQ .styles_blogSection__RJvof p code{font-size:18px}.styles_blogContent__92IRQ .styles_blogSection__RJvof ul{line-height:1.5}}.styles_blogHeader__mwgir .styles_topSection__3_G5L{text-align:center;background:linear-gradient(330deg,#0d98e2,#00a8a9);color:#fff;padding-bottom:120px}.styles_blogHeader__mwgir .styles_topSection__3_G5L h1{margin-bottom:0}.styles_blogHeader__mwgir .styles_topSection__3_G5L .styles_reactLogo__jSulW{margin:30px 0}.styles_blogHeader__mwgir .styles_topSection__3_G5L .styles_heroSubtext__xOAvO{font-size:24px;font-weight:400;font-family:Roboto,sans-serif}.styles_blogHeader__mwgir .styles_tabsSection__l0SMo{text-align:center;position:relative;margin-top:-100px}.styles_blogHeader__mwgir .styles_tabsSection__l0SMo .styles_floatingContent__NtFiA{background-color:#fff;border-radius:10px;max-width:615px;margin:auto;padding:16px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.styles_blogHeader__mwgir .styles_tabs__DXTQ4{display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:32px}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 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}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a.styles_active__rYuZB{border-color:#0b5dcd;color:#0b5dcd;background-color:#e4effe}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a.styles_active__rYuZB+a{border-left-width:0}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a:not(:last-child):not(.styles_active__rYuZB){border-right:0}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a:first-child{border-top-left-radius:31px;border-bottom-left-radius:31px}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a:last-child{border-top-right-radius:31px;border-bottom-right-radius:31px}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a .styles_subText__NCNEj{font-size:15px;opacity:.7}@media(max-width:575px){.styles_blogHeader__mwgir .styles_tabs__DXTQ4{margin-bottom:24px}.styles_blogHeader__mwgir .styles_tabs__DXTQ4 a{font-size:16px!important;height:50px}}.styles_contentContainer__wcfLc{max-width:1230px;margin:auto;padding:0 44px}@media(max-width:576px){.styles_contentContainer__wcfLc{padding:0 20px}}@media(min-width:0){.styles_xsHiddenUp__Md7Br{display:none}}@media(min-width:576px){.styles_smHiddenUp__YRtpb{display:none}}@media(min-width:768px){.styles_mdHiddenUp__w4MVU{display:none}}@media(min-width:992px){.styles_lgHiddenUp__gbFGD{display:none}}@media(min-width:1200px){.styles_xlHiddenUp__aWJUE{display:none}}@media(max-width:575px){.styles_smHiddenDown__us57_{display:none}}@media(max-width:767px){.styles_mdHiddenDown__mjflf{display:none}}@media(max-width:991px){.styles_lgHiddenDown__Vji5P{display:none}}.styles_wrapper__xjevK{font-size:16px;position:relative;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);border:1px solid #cecece;border-radius:8px;overflow:hidden}.styles_wrapper__xjevK+.styles_wrapper__xjevK{margin-top:16px}.styles_wrapper__xjevK .styles_filename__oVrlw{font-weight:700;text-align:center;background-color:#e6e6e6;border-bottom:1px solid #cecece;padding:8px}.styles_wrapper__xjevK .styles_tabs__DXTQ4{display:flex;align-items:center;flex-wrap:wrap;gap:4px;background-color:#e6e6e6;border-bottom:1px solid #cecece;padding:8px}.styles_wrapper__xjevK .styles_tab___ZltA{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #cecece;border-radius:6px;cursor:pointer;display:inline-flex;gap:7px;font-family:inherit;font-size:.9em;padding:6px 10px}.styles_wrapper__xjevK .styles_tabIcon__yq_XO{height:18px;object-fit:contain;width:18px}.styles_wrapper__xjevK .styles_codexTabIcon__r_zMs{height:24px;margin:-3px;width:24px}.styles_wrapper__xjevK .styles_activeTab__EQ2KC{background-color:#dbeafe;border-color:#93c5fd;font-weight:700}.styles_wrapper__xjevK .styles_btn__iWXfB{position:absolute;right:16px;top:12px}.styles_wrapper__xjevK .styles_btn__iWXfB.styles_withHeader__0EBaE{top:50px}.styles_wrapper__xjevK pre{padding:16px 32px!important;margin:0;background-color:#fff!important}@media(max-width:576px){.styles_wrapper__xjevK{font-size:14px}}.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_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}