.Author_author-content__K5wON{padding-top:5rem}.Author_author-content__K5wON .Author_about-author__HGHXr{background-color:#e7e7e7;padding:3rem;position:relative;border-radius:3rem}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_info-author__CIoA3{display:flex;align-items:center;flex-direction:column;position:absolute;top:0;right:4rem;transform:translateY(-50%);z-index:20;width:10rem;height:10rem;overflow:hidden;border-radius:50%;border:5px solid #fff}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_social-box__DQy24{margin-top:var(--spacing-3)}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_summary__2uKw8{line-height:1.7}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_summary__title__8QWMu{align-self:flex-start;color:var(--color-secondary);margin-bottom:var(--spacing-2);font-size:3rem;font-weight:700;font-family:var(--font-family-two)}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_summary__2uKw8 p{font-size:2rem;margin-bottom:1rem;color:#000}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_summary__2uKw8 .Author_nickname__97I27{color:var(--color-dark);font-family:var(--font-family-four)}.Author_author-content__K5wON .Author_about-author__HGHXr .Author_summary__2uKw8 .Author_frontend-text__ikhRv{color:var(--color-dark);font-size:2.4rem}@media only screen and (max-width:768px){.Author_author-content__K5wON .Author_info-author__CIoA3{width:8rem!important;height:8rem!important}.Author_author-content__K5wON .Author_summary__title__8QWMu{font-size:2.6rem!important}.Author_author-content__K5wON .Author_summary__2uKw8 p{font-size:1.6rem!important}.Author_author-content__K5wON .Author_summary__2uKw8 .Author_frontend-text__ikhRv{font-size:2rem!important}}.Footer_footer__Dhw_9{background-color:#fff;padding:6rem 2rem;margin-top:5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#000;border-top:1px solid #e9e8e8}.Footer_footer__Dhw_9 a,.Footer_footer__Dhw_9 p{font-weight:400;color:#666;margin-bottom:1rem}.Footer_footer__Dhw_9 a:hover{color:#000}.Footer_footer__Dhw_9 .Footer_recent-post__h5a_1 h2{margin-bottom:2rem}.Footer_footer__Dhw_9 .Footer_recent-post__h5a_1>div{display:flex;align-items:flex-start;margin-bottom:1rem}.Footer_footer__Dhw_9 .Footer_recent-post__h5a_1>div .Footer_next-img__j3aUW{position:relative;width:105px;margin-right:1rem;aspect-ratio:16/9;flex-shrink:0}.Footer_footer__Dhw_9 .Footer_recent-post__h5a_1>div .Footer_next-img__j3aUW img{-o-object-fit:cover;object-fit:cover}.Footer_footer__Dhw_9 .Footer_recent-post__h5a_1>div .Footer_title__PZl2G{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.Footer_footer__Dhw_9 .Footer_container__5d2_x{max-width:1200px;margin:auto;display:flex;justify-content:space-between}.Footer_footer__Dhw_9 .Footer_col__MWho7{width:33.333%;display:flex;text-align:left;flex-direction:column}.Footer_footer__Dhw_9 .Footer_col__MWho7:not(:last-child){margin-right:4rem}.Footer_footer__Dhw_9 h2{margin-bottom:1rem;color:#000;font-weight:500;font-size:16px}.Footer_footer__Dhw_9 .Footer_container-box__RYVBC{display:flex}.Footer_footer__Dhw_9 .Footer_about-page__1wYT4{padding-top:5rem;text-align:center;font-weight:400}.Footer_footer__Dhw_9 .Footer_about-page__1wYT4 .Footer_text__xHfje{color:#666}@media screen and (max-width:768px){.Footer_footer__Dhw_9 .Footer_container__5d2_x{align-items:center;flex-direction:column}.Footer_footer__Dhw_9 .Footer_col__MWho7{margin-bottom:3rem;margin-right:0!important;width:100%}}.NavPhone_nav-phone__QdVoF{display:none;margin-left:var(--spacing-2)}@media only screen and (max-width:992px){.NavPhone_nav-phone__QdVoF{display:block}}.NavPhone_nav-phone__QdVoF .NavPhone_nav-button__60v9M{display:flex;align-items:center}.NavPhone_nav-phone__QdVoF .NavPhone_nav-button__60v9M svg{width:var(--spacing-2);height:var(--spacing-2);color:var(--color-dark)}.NavPhone_wrapper-menu__YrcZz{display:none;position:fixed;background-color:rgba(0,0,0,.308);z-index:99;right:0;bottom:0;left:0;top:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1);opacity:0}@media only screen and (max-width:992px){.NavPhone_wrapper-menu__YrcZz{display:block}}.NavPhone_wrapper-menu__YrcZz.NavPhone_active__CsZkt{opacity:1;visibility:visible}.NavPhone_wrapper-menu__YrcZz.NavPhone_active__CsZkt .NavPhone_nav-list__ullC2{transform:translateX(0)}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2{transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateX(-30rem);max-width:30rem;width:90%;display:flex;flex-direction:column;background-color:var(--color-white);min-height:100vh}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 .NavPhone_header-nav__KQ2Mq{padding:var(--spacing-3);border-bottom:1px solid var(--color-border)}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 .NavPhone_header-nav__KQ2Mq span{font-weight:var(--font-weight-700);font-size:2.6rem;color:var(--color-secondary)}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 ul{padding:var(--spacing-1) var(--spacing-3);display:flex;flex-direction:column;align-items:flex-start}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 li.NavPhone_nav-item__HZSDa{list-style:none;margin:1.25rem 0;display:inline-block}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 li.NavPhone_nav-item__HZSDa a{display:flex;align-items:center}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 li.NavPhone_nav-item__HZSDa svg{color:var(--color-secondary);width:var(--spacing-2);height:var(--spacing-2)}.NavPhone_wrapper-menu__YrcZz .NavPhone_nav-list__ullC2 li.NavPhone_nav-item__HZSDa .NavPhone_tag__KZ0xo{font-weight:var(--font-weight-700);font-size:var(--font-size-sm);margin-left:var(--spacing-2);color:var(--color-secondary)}.social_social-box__Ffa90 .social_socials__FWtzH{display:flex;line-height:0;align-items:center}.social_social-box__Ffa90 .social_social__C7RVg{color:var(--color-primary)}.social_social-box__Ffa90 .social_social__C7RVg:not(:last-child){padding-right:var(--spacing-2)}.social_social-box__Ffa90 .social_social__C7RVg svg{width:var(--spacing-2);height:var(--spacing-2)}.SearchBox_search-container__ikH9I{display:block;margin-right:2rem;position:relative}.SearchBox_search-container__ikH9I input{width:240px;padding:4px 36px 4px 12px;color:#000000d9;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid var(--color-border-2);border-radius:8px;transition:all .3s}.SearchBox_search-container__ikH9I input :focus{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.SearchBox_search-container__ikH9I .SearchBox_icon__3W9la{position:absolute;cursor:pointer;top:8px;right:12px}@media only screen and (max-width:576px){.SearchBox_search-container__ikH9I{display:none}}.TopNav_nav-top__D5eDp{background-color:#fff;height:var(--height-nav);position:relative;z-index:100;padding:0 2rem;box-shadow:0 0 10px rgba(0,0,0,.1);width:100%;display:flex;align-items:center}.TopNav_nav-top__D5eDp .TopNav_wrapper__2vYnc{display:flex;align-items:center;max-width:1366px;width:100%;margin:auto}.TopNav_nav-top__D5eDp .TopNav_logoWrapper__PyfL_{flex-shrink:0}.TopNav_nav-top__D5eDp .TopNav_logoWrapper__PyfL_ a{display:flex;align-items:center}.TopNav_nav-top__D5eDp .TopNav_logoWrapper__PyfL_ .TopNav_logo__RV56i{height:40px;padding:0 8px}.TopNav_nav-top__D5eDp .TopNav_logoWrapper__PyfL_ .TopNav_logo__RV56i:hover .TopNav_cls-2__nlPhi,.TopNav_nav-top__D5eDp .TopNav_logoWrapper__PyfL_ .TopNav_logo__RV56i:hover .TopNav_cls-4__GQsS1{fill:#ed1c24!important}.TopNav_nav-top__D5eDp .TopNav_nav-box__7TQcq{margin-left:var(--spacing-3)}.TopNav_nav-top__D5eDp .TopNav_nav-box__7TQcq .TopNav_item__K3TCd{display:inline-block;font-family:var(--font-family-three);transition:all .2s linear;margin-right:2rem;font-size:1.7rem;font-weight:var(--font-weight-md);color:#493d61}.TopNav_nav-top__D5eDp .TopNav_nav-box__7TQcq .TopNav_item__K3TCd.TopNav_active__5cTyj,.TopNav_nav-top__D5eDp .TopNav_nav-box__7TQcq .TopNav_item__K3TCd:hover{color:var(--color-primary)}.TopNav_nav-top__D5eDp .TopNav_nav-right__VAjEO{margin-left:auto;display:flex;align-items:center}@media screen and (max-width:992px){.TopNav_nav-top__D5eDp .TopNav_nav-box__7TQcq{display:none}}@media only screen and (max-width:768px){.TopNav_nav-top__D5eDp .TopNav_item-js-project__kMwRt{display:none!important}}@media only screen and (max-width:576px){.TopNav_nav-top__D5eDp .TopNav_social-box__n_vkT{display:none}.TopNav_nav-top__D5eDp .TopNav_nav-phone__EHqNB{margin-left:auto}}.ScrollToTop_container__kZqks{position:fixed;right:12px;bottom:12px;cursor:pointer;z-index:90}.ScrollToTop_container__kZqks .ScrollToTop_icon__dj8dT{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:1px solid gray;border-radius:8px}.Layout_ads-wrapper__goxE1{margin-bottom:2rem}.Layout_wrapper__content__nZSnJ{max-width:1366px;width:100%;margin:auto;display:flex;padding:2rem}@media screen and (max-width:992px){.Layout_wrapper__content__nZSnJ{display:block}}.Tag_tag-javascript__1RUlT{background:#fcbf49!important;color:#4e3b16!important}.Tag_tag-javascript__1RUlT:hover{border-color:#b6892e!important}.Tag_tag-html__mAlXT{background-color:#eae2b7!important;color:#4e3b16!important}.Tag_tag-html__mAlXT:hover{border-color:#c2ba91!important}.Tag_tag-tricks__5unfK{background-color:#f77f00!important;color:#fff!important}.Tag_tag-tricks__5unfK:hover{border-color:#cf6d05!important}.Tag_tag-jquery__eOVPF{background-color:#c4ae97!important;color:#e9e9e9!important}.Tag_tag-jquery__eOVPF:hover{border-color:#a18f7b!important}.Tag_tag-reactjs__7J2OO{background:#003049!important;color:#fff!important}.Tag_tag-reactjs__7J2OO:hover{border-color:#012436!important}.Tag_tag-css__JzrD8{background:#d62828!important;color:#fff!important}.Tag_tag-css__JzrD8:hover{border-color:#b42222!important}.Tag_tag-javascript-projects__Uy4jT{color:#fff;background-color:#1974d2!important}.Tag_tag-javascript-projects__Uy4jT:hover{border-color:#175a9e!important}.Tag_tag-gatsbyjs__2foO8{color:#1f1f1f;background-color:#f6abb1!important}.Tag_tag-gatsbyjs__2foO8:hover{border-color:#ca8d92!important}.Tag_tag-seo__lBW45{color:#fff;background-color:#f66390!important}.Tag_tag-seo__lBW45:hover{border-color:#cc5478!important}.Tag_tag-laravel__EF4c6{color:#fff;background-color:#04708b!important}.Tag_tag-laravel__EF4c6:hover{border-color:#05576b!important}.Tag_tag-typescript__pbeRw{color:#6b3074;background-color:#b6cec7!important}.Tag_tag-typescript__pbeRw:hover{border-color:#86a3c3!important}.TopPosts_top-posts__XTgm6{counter-reset:cnt}.TopPosts_top-posts__XTgm6 .TopPosts_post__u59BL.TopPosts_cnt__BaoHj{margin-bottom:2rem}.TopPosts_top-posts__XTgm6 .TopPosts_post__u59BL.TopPosts_cnt__BaoHj .TopPosts_summary__xdTVa,.TopPosts_top-posts__XTgm6 .TopPosts_post__u59BL.TopPosts_cnt__BaoHj .TopPosts_tags__LHiS5{padding-left:2.5rem}.TopPosts_top-posts__XTgm6 .TopPosts_post__u59BL.TopPosts_cnt__BaoHj:not(:first-child) .TopPosts_title__8jcVE{margin-bottom:0}.TopPosts_top-posts__XTgm6 .TopPosts_post__u59BL.TopPosts_cnt__BaoHj .TopPosts_title__8jcVE{position:relative;display:flex}.TopPosts_top-posts__XTgm6 .TopPosts_post__u59BL.TopPosts_cnt__BaoHj .TopPosts_title__8jcVE:before{line-height:1.6;font-size:1.4rem;flex-shrink:0;font-weight:400;opacity:.5;width:2.5rem;counter-increment:cnt;content:"0" counter(cnt)}.Post_post__HGUDA{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.Post_post__HGUDA.Post_default-style__ss9Zt{margin-bottom:2rem;width:100%;display:flex}.Post_post__HGUDA.Post_default-style__ss9Zt .Post_content__kGhXN{padding:20px 20px 0}.Post_post__HGUDA.Post_default-style__ss9Zt .Post_image-wrapper__XgCRZ{width:250px;flex-shrink:0;margin-bottom:0}.Post_post__HGUDA .Post_image-wrapper__XgCRZ{border-radius:6px;overflow:hidden;display:block;margin-bottom:2rem;position:relative;aspect-ratio:16/9}.Post_post__HGUDA img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.Post_post__HGUDA .Post_content__kGhXN{flex-grow:1}.Post_post__HGUDA .Post_title__xIbPi a{color:#08102b;font-size:1.6rem;margin-bottom:1.2rem}.Post_post__HGUDA .Post_title__xIbPi a:hover{color:var(--color-primary)}.Post_post__HGUDA .Post_summary__gELH_{opacity:.8;display:inline-block;font-size:1.5rem}.Post_post__HGUDA .Post_tags__bEYLk{margin-bottom:.8rem;display:flex;flex-wrap:wrap}.Post_post__HGUDA .Post_tags__bEYLk .Post_tag__o4uGC{margin-bottom:5px;color:#15b690!important;text-transform:uppercase;font-size:12px;font-weight:600;font-family:var(--font-family-two);background-color:transparent!important}.Post_post__HGUDA .Post_tags__bEYLk .Post_tag__o4uGC:not(:last-child){margin-right:8px}@media screen and (max-width:576px){.Post_post__HGUDA.Post_default-style__ss9Zt{flex-direction:column}.Post_post__HGUDA.Post_default-style__ss9Zt .Post_image-wrapper__XgCRZ{width:100%;margin-bottom:2rem}.Post_post__HGUDA.Post_default-style__ss9Zt .Post_content__kGhXN{padding:0}}.Sidebar_sidebar__PBjfv{flex:0 0 368px;margin-left:2.5rem}.Sidebar_sidebar__title__aep_q{font-size:1.6rem;font-weight:700;margin-bottom:2rem;color:var(--color-secondary)}.Sidebar_sidebar__item__JL2pJ:not(:empty){margin:0 0 2rem}.Sidebar_sidebar__item__JL2pJ:not(:empty).Sidebar_sticky__JnRiS{position:-webkit-sticky;position:sticky;top:5rem}.Sidebar_sidebar__PBjfv .Sidebar_latest-posts__OCNCD .Sidebar_post__XHoak{display:flex;align-items:flex-start}.Sidebar_sidebar__PBjfv .Sidebar_latest-posts__OCNCD .Sidebar_post__XHoak:not(:last-child){margin-bottom:10px}.Sidebar_sidebar__PBjfv .Sidebar_latest-posts__OCNCD .Sidebar_post__XHoak .Sidebar_image__W1AAh{margin-right:10px;aspect-ratio:16/9;position:relative;min-width:105px;width:105px}.Sidebar_sidebar__PBjfv .Sidebar_latest-posts__OCNCD .Sidebar_post__XHoak .Sidebar_image__W1AAh img{-o-object-fit:cover;object-fit:cover}.Sidebar_sidebar__PBjfv .Sidebar_latest-posts__OCNCD .Sidebar_post__XHoak .Sidebar_title__EbioX{color:var(--color-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.Sidebar_sidebar__PBjfv .Sidebar_latest-posts__OCNCD .Sidebar_post__XHoak .Sidebar_title__EbioX:hover{color:#372bb4}.Sidebar_sidebar__PBjfv .Sidebar_sidebar__tags__VbPqA{display:flex;flex-wrap:wrap;margin:0 -5px}.Sidebar_sidebar__PBjfv .Sidebar_sidebar__tags__VbPqA a{text-align:center;margin:0 5px 8px;display:inline-block;padding:6px 10px;border:1px solid #fff;border-radius:3px;overflow:hidden;background:#dcdcdc;color:#000}.Sidebar_sidebar__PBjfv .Sidebar_sidebar__tags__VbPqA a:hover{border-style:dashed!important}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV{overflow:hidden}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV img.Sidebar_thumbnail__rfceU{-o-object-fit:cover;object-fit:cover;top:0;left:0;width:100%;height:100%;z-index:11}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV .Sidebar_info__OhKsF,.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV img.Sidebar_thumbnail__rfceU{position:absolute}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV .Sidebar_summary__QrFhY{margin-bottom:1rem}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV .Sidebar_info__OhKsF{z-index:13;bottom:2rem;left:2rem;display:flex;align-items:center}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV img.Sidebar_author__GLpfc{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:5rem;height:5rem;flex-shrink:0}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV .Sidebar_subscribe-btn__AnDfl{margin-left:1rem;display:inline-flex;padding:3px 8px;border-radius:4px;background-color:#fff;color:#000;align-items:center}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV .Sidebar_icon__BnJEp{line-height:0;margin-right:4px}.Sidebar_sidebar__PBjfv .Sidebar_yt-channel__RvepV svg{width:100%;height:100%}@media only screen and (max-width:1024px){.Sidebar_sidebar__PBjfv{flex:0 0 300px}}@media only screen and (max-width:992px){.Sidebar_sidebar__PBjfv{flex:0 1 auto;margin-top:3rem;margin-left:0}.Sidebar_sidebar__PBjfv .Sidebar_yt-container__dtIGA{max-width:512px;margin:0 auto}.Sidebar_sidebar__PBjfv .Sidebar_yt-container__dtIGA .Sidebar_container__mO_GZ{height:auto;aspect-ratio:16/9}}.Toc_toc-box__Tq8A8{right:0;position:fixed;top:calc(8rem + var(--height-nav));z-index:20}.Toc_toc-box__Tq8A8 .Toc_titleOutside__a5ov5{font-weight:700;letter-spacing:.3px}.Toc_button-table__C58jQ{border-top-left-radius:1rem;border-bottom-left-radius:1rem;border:none;border-top:1px solid hsla(0,0%,75%,.2);width:100%;background:var(--color-white);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;outline:none;padding:var(--spacing-1) var(--spacing-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.Toc_button-table__C58jQ span{font-size:var(--font-size-md);font-family:var(--font-family-three);margin-right:var(--spacing-1)}.Toc_button-table__C58jQ svg{width:2rem;height:2rem;fill:var(--color-button-1)}.Toc_button-table__C58jQ:hover svg{fill:var(--color-muted)}@media(max-width:1200px){.Toc_button-table__C58jQ{padding:var(--spacing-1)}.Toc_button-table__C58jQ span{display:none}}.Toc_button-close__ybgWn{position:absolute;cursor:pointer;top:2rem;right:1rem;width:4rem;height:4rem;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.785,.135,.15,.86);background:var(--color-white)}.Toc_button-close__ybgWn svg{height:3rem;width:3rem;color:var(--color-primary)}.Toc_button-close__ybgWn:hover{box-shadow:0 0 5px var(--color-boxShadow);transform:rotate(60deg)}.Toc_tableWrapper__rU01X.Toc_active__tzAqD{opacity:1;visibility:visible;transform:translateX(0);z-index:50}.Toc_tableWrapper__rU01X{transition:all .3s cubic-bezier(.25,.46,.45,.94);font-size:var(--font-size-md);font-family:var(--font-family-two);visibility:hidden;opacity:0;background-color:var(--color-white);border-left:1px solid var(--color-border-2);max-width:32rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);right:0;width:90%;top:calc(8rem + var(--height-nav));position:fixed;margin-top:0;transform:translateX(100%)}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW{padding:var(--spacing-3) 0}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW .Toc_title__wXy8t{font-size:var(--font-size-md);color:var(--color-secondary);font-family:var(--font-family-one);margin-bottom:var(--spacing-2);padding:0 var(--spacing-3)}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW a{text-decoration:none;color:inherit}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW .Toc_contentsWrapper__nMxkr{overflow-y:auto;max-height:650px;padding:0 var(--spacing-3)}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW .Toc_contentsWrapper__nMxkr .Toc_itemContainer___xGt7{list-style:none}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW .Toc_contentsWrapper__nMxkr .Toc_itemContainer___xGt7 li{padding:.4rem}.Toc_tableWrapper__rU01X .Toc_tableOfContents__7mTYW .Toc_contentsWrapper__nMxkr .Toc_itemContainer___xGt7 li:hover{border:1px solid var(--color-border-1);border-radius:4px}.Loading_loading-container__bW4cQ{flex:auto;display:flex;justify-content:center;align-items:center}.blogPost_video-wrapper__qcnk1{background-color:#000;margin-bottom:2rem}.blogPost_video-wrapper__qcnk1 .blogPost_content__V3KTW{position:relative;height:0;padding-bottom:56.25%;width:100%}.blogPost_video-wrapper__qcnk1 .blogPost_video-iframe__UJoAZ{position:absolute;top:0;left:0;width:100%;height:100%}.blogPost_content-article__T_xKl{overflow:hidden;flex:auto}.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz{-webkit-overflow-scrolling:touch;margin-bottom:8rem;margin-top:var(--sp-text-lg);position:relative;z-index:10;overflow:hidden;background-color:var(--color-dark)}.blogPost_content-article__T_xKl code.blogPost_language-text__GDOr_{border-radius:0;font-size:var(--fontsize-md);padding:0 7px!important;background-color:#f8f9fa;border:1px solid #d2d3d7;color:var(--color-dark);font-family:var(--font-family-three)}.blogPost_content-article__T_xKl .blogPost_line-numbers__vH_gJ .blogPost_line-numbers-rows__BXL0S{padding-left:1.5rem;padding-top:var(--spacing-1)}.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz pre{overflow:auto;max-height:70rem;margin:0;background-color:var(--color-dark);padding:var(--spacing-1) calc(4*var(--spacing-2))!important}.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz[data-language]:before{background:#000;border-radius:0 0 .25rem .25rem;color:#fff;font-size:12px;letter-spacing:.025rem;padding:.2rem 1rem;position:absolute;right:3rem;text-align:right;text-transform:uppercase;top:0;z-index:20;font-family:var(--font-family-three)}.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz[data-language=javascript]:before,.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz[data-language=js]:before{content:"js";background:#f7df1e;color:#000}.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz[data-language=html]:before{content:"html";background:#12a069;color:#fff}.blogPost_content-article__T_xKl .blogPost_gatsby-highlight__3spaz[data-language=css]:before{content:"css";background:#fd03bf}.blogPost_content-article__T_xKl .blogPost_ads_post__GGpKJ{margin-bottom:2rem}.blogPost_content-article__T_xKl .blogPost_post-info__527_I{z-index:10}.blogPost_content-article__T_xKl .blogPost_post-info__527_I .blogPost_post-title__hiaYQ{font-size:3.2rem;font-weight:var(--font-weight-lg);color:#493d61;word-break:break-word}.blogPost_content-article__T_xKl .blogPost_post-info__527_I .blogPost_link___kQzK{font-size:2rem;margin-bottom:var(--spacing-2);display:inline-block}.blogPost_content-article__T_xKl .blogPost_post-info__527_I .blogPost_post-description__jOJ9S{margin-top:1rem;font-size:1.5rem;color:gray;font-weight:var(--font-weight-sm);display:flex;align-items:center;gap:1rem}.blogPost_content-article__T_xKl .blogPost_vd-content__iI0Ym{width:100%;outline:none}.blogPost_content-article__T_xKl .blogPost_content-header__HatiY{position:relative;margin-bottom:calc(2*var(--spacing-2));overflow:hidden}.blogPost_content-article__T_xKl .blogPost_content-header__HatiY .blogPost_link___kQzK{margin-top:1rem;font-size:14px}.blogPost_content-article__T_xKl .blogPost_tags__cBy9y{margin-bottom:var(--spacing-2)}.blogPost_content-article__T_xKl .blogPost_tags__cBy9y a{text-decoration:none;padding:4px 8px;font-size:14px;border-radius:8px;background-color:#e7e7e7;color:#332d2d;--tw-text-opacity:1;border-width:1px}.blogPost_content-article__T_xKl .blogPost_tags__cBy9y a:not(:last-child){margin-right:10px}.blogPost_content-article__T_xKl .blogPost_author__2KXUw,.blogPost_content-article__T_xKl .blogPost_datetime__q8XN8,.blogPost_content-article__T_xKl .blogPost_timeToRead__jBXE_{text-transform:capitalize;font-style:normal;color:#a6a6a6;font-size:var(--font-size-md);font-family:var(--font-family-three)}.blogPost_content-article__T_xKl .blogPost_author__2KXUw{text-decoration:underline!important}.blogPost_content-article__T_xKl .blogPost_datetime__q8XN8{margin:0 var(--spacing-1)}.blogPost_content-article__T_xKl .blogPost_datetime__q8XN8:after,.blogPost_content-article__T_xKl .blogPost_datetime__q8XN8:before{content:"×";color:#dbdbdb;font-weight:var(--font-weight-md);font-style:normal}.blogPost_content-article__T_xKl .blogPost_datetime__q8XN8:after{margin-left:var(--spacing-1)}.blogPost_content-article__T_xKl .blogPost_datetime__q8XN8:before{margin-right:var(--spacing-1)}.blogPost_content-article__T_xKl .blogPost_google-auto-placed__a8Ysw{margin-bottom:2rem}.blogPost_content-article__main__Yl51C{color:var(--color-dark);flex-grow:1;font-size:18px;line-height:1.6em}@media(max-width:1024px){.blogPost_content-article__main__Yl51C{font-weight:var(--font-weight-regular)}}@media only screen and (max-width:425px){.blogPost_content-article__main__Yl51C{font-weight:var(--font-weight-regular)}}.blogPost_content-article__main__Yl51C p input{padding:5px 10px;outline:none;border:2px solid var(--color-border-1);box-shadow:0 0 3px rgba(0,0,0,.3)}.blogPost_content-article__main__Yl51C p input:hover{border-color:#afafaf}.blogPost_content-article__main__Yl51C a{color:#0069c2;text-decoration:underline;font-weight:500}.blogPost_content-article__main__Yl51C a.blogPost_link___kQzK{z-index:1;position:relative}.blogPost_content-article__main__Yl51C img{max-width:100%;display:block;margin:var(--sp-text-md) auto var(--sp-text-lg)}.blogPost_content-article__main__Yl51C p{margin-bottom:var(--sp-text-md);font-size:18px;line-height:1.7}.blogPost_content-article__main__Yl51C h1 a,.blogPost_content-article__main__Yl51C h2 a,.blogPost_content-article__main__Yl51C h3 a,.blogPost_content-article__main__Yl51C h4 a,.blogPost_content-article__main__Yl51C h5 a,.blogPost_content-article__main__Yl51C h6 a{color:inherit;text-decoration:inherit;pointer-events:none}.blogPost_content-article__main__Yl51C h1,.blogPost_content-article__main__Yl51C h2,.blogPost_content-article__main__Yl51C h3,.blogPost_content-article__main__Yl51C h4,.blogPost_content-article__main__Yl51C h5,.blogPost_content-article__main__Yl51C h6{font-family:var(--font-family-one);font-weight:var(--font-weight-lg);color:#861460}.blogPost_content-article__main__Yl51C h1{margin-bottom:var(--sp-text-sm)}.blogPost_content-article__main__Yl51C h2{scroll-margin-top:var(--height-nav);font-size:3rem;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}@media only screen and (max-width:768px){.blogPost_content-article__main__Yl51C h2{font-size:2.6rem}}.blogPost_content-article__main__Yl51C h2:first-of-type{margin-top:0}.blogPost_content-article__main__Yl51C h3{font-size:2.4rem;margin-top:var(--sp-text-md);margin-bottom:var(--sp-text-md)}.blogPost_content-article__main__Yl51C h4{font-weight:400;margin-bottom:var(--sp-text-sm)}.blogPost_content-article__main__Yl51C ol{list-style-type:none;margin-top:var(--sp-text-md);margin-bottom:var(--sp-text-sm)}.blogPost_content-article__main__Yl51C ul{padding:0 2rem 0 3rem;margin-left:.8rem}.blogPost_content-article__main__Yl51C li{padding-left:2.5rem;margin:1.2rem 0}.blogPost_content-article__main__Yl51C li::marker{color:#56cbf9}.blogPost_content-article__main__Yl51C li p{margin-bottom:.8rem}.blogPost_content-article__main__Yl51C li ol{margin-top:var(--sp-text-sm);margin-bottom:var(--sp-text-sm)}.blogPost_content-article__main__Yl51C iframe,.blogPost_content-article__main__Yl51C table,.blogPost_content-article__main__Yl51C ul{margin-bottom:var(--sp-text-md)}.blogPost_content-article__main__Yl51C table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;box-shadow:0 0 20px rgba(0,0,0,.15);font-family:sans-serif}.blogPost_content-article__main__Yl51C table tr th{color:#fff;background-color:#009879;padding:1.4rem 2rem}.blogPost_content-article__main__Yl51C table tbody tr:nth-child(2n){background-color:#f3f3f3}.blogPost_content-article__main__Yl51C table tbody tr{border-bottom:1px solid #ddd}.blogPost_content-article__main__Yl51C table tr td{font-size:18px;vertical-align:top}.blogPost_content-article__main__Yl51C table tbody tr td,.blogPost_content-article__main__Yl51C table thead tr th{padding:2rem;text-align:left}.blogPost_content-article__main__Yl51C blockquote{background-color:var(--color-light-blue);border-left:5px solid var(--color-dark-blue);border-radius:4px;color:#193c47;padding:3rem 3rem 2rem 2rem;margin-bottom:var(--sp-text-md);position:relative;overflow:hidden;transition:all .2s cubic-bezier(.165,.84,.44,1)}.blogPost_content-article__main__Yl51C blockquote:before{transition:all .2s cubic-bezier(.165,.84,.44,1);position:absolute;top:1rem;right:1.2rem;content:"📌"}.blogPost_content-article__main__Yl51C blockquote p{margin-bottom:0}.blogPost_content-article__main__Yl51C blockquote p:not(:last-child){margin-bottom:1.2rem!important}.blogPost_content-article__main__Yl51C em{color:#861460;font-family:var(--font-family-one);font-style:normal}@media only screen and (max-width:1024px){.blogPost_content-article__T_xKl .blogPost_content-article__main__Yl51C{flex-direction:column}.blogPost_content-article__T_xKl .blogPost_post-info__527_I .blogPost_post-title__hiaYQ{font-size:var(--sp-text-md)}}@media only screen and (max-width:576px){.blogPost_content-article__T_xKl{padding:0}.blogPost_content-article__T_xKl .blogPost_sidebar__Zca3V .blogPost_title__IhUyZ{margin-top:10px}}@media only screen and (max-width:425px){.blogPost_content-article__T_xKl .blogPost_post-info__527_I .blogPost_post-title__hiaYQ{font-size:22px}.blogPost_content-article__T_xKl .blogPost_content__V3KTW{padding:2rem!important}}