.BreadcrumbComponent_breadcrumb__BpGRp{margin:0;padding-bottom:30px;list-style:none;font-size:14px}@media screen and (max-width:780px){.BreadcrumbComponent_breadcrumb__BpGRp{font-size:13px}}.BreadcrumbComponent_breadcrumbItem__VEZIO{display:inline;list-style:none;font-weight:700}.BreadcrumbComponent_breadcrumbItem__VEZIO:after{content:">";padding:0 .8em;color:#555}.BreadcrumbComponent_breadcrumbItem__VEZIO:last-child:after{content:""}.BreadcrumbComponent_breadcrumbLink__3ipiJ{text-decoration:none;color:#000}.BreadcrumbComponent_breadcrumbLink__3ipiJ:hover{text-decoration:underline}.PostView_postTab__ARBAy{margin-top:40px;background:#2160a8;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;font-size:.85em;font-weight:700;line-height:1.4;margin-bottom:30px;overflow:hidden;text-align:center;width:100%;color:#fff}.PostView_postTab__ARBAy .PostView_tab1__Xur7B,.PostView_postTab__ARBAy .PostView_tab3__7Suzn{border-right:1px solid #eaeaea}.PostView_postTab__ARBAy .PostView_tab3__7Suzn,.PostView_postTab__ARBAy .PostView_tab4__CGDRB{border-top:1px solid #eaeaea}.PostView_postTab__ARBAy>div.PostView_tab-active__su4ox{background:var(--wp--preset--color--sango-main);color:#fff}.PostView_postTab__ARBAy>div:last-of-type{border-right:none}.PostView_postTab__ARBAy>div{cursor:pointer;padding:.8em .2em;vertical-align:middle;width:50%}.PostView_post__DCxFy{display:none}.PostView_post__inner__JQmu6{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.PostView_postMain__gpVYn{margin-top:5em}@keyframes PostView_fadeInAndSlideUp__giJwU{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}.PostView_show__YiBvB{display:block;animation-name:PostView_fadeInAndSlideUp__giJwU;animation-fill-mode:forwards;animation-duration:.5s}.PostView_selected__TIH5f{background-color:#11319a;transition:.3S}@media screen and (max-width:780px){.PostView_content__8gx2m{padding:0 8px}.PostView_content__inner__sL4i_{flex-wrap:wrap;justify-content:center;width:100%}}@media screen and (max-width:500px){.PostView_post__inner__JQmu6{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(1,1fr)}}.PostView_more_btn_inner__wS5yk{margin:35px auto 0;width:-moz-fit-content;width:fit-content}.ArticleComponent_article__gCUfa{letter-spacing:.03em}.ArticleComponent_article__gCUfa h1,.ArticleComponent_article__gCUfa h2{margin:10px auto 28px;font-weight:700;letter-spacing:.02em;line-height:1.441;font-size:24px}.ArticleComponent_article__gCUfa h2{background:-webkit-linear-gradient(0deg,#11319a,#2d75c8);padding:.75em 1em;border-radius:5px;color:#fff;margin:4em 0 2em}.ArticleComponent_article__gCUfa h3{padding:2px 0 2px 16px;border-left:7px solid #1863b9;color:#11319a}.ArticleComponent_article__gCUfa h3,.ArticleComponent_article__gCUfa h4{margin-top:30px;margin-bottom:1em;line-height:1.3em;letter-spacing:.01em;line-height:1.458;font-size:20px;font-weight:700}.ArticleComponent_article__gCUfa ul{list-style:inside;padding-left:1em;padding-top:.5em}.ArticleComponent_article__gCUfa ol{padding-left:1.8em;padding-top:.5em}.ArticleComponent_article__gCUfa li{margin-bottom:.5em}.ArticleComponent_postMain__Aq07z{padding-top:30px;width:100%}.ArticleComponent_articleWrapper__mnnLl{background-color:#fff;border-radius:10px;padding:25px 30px 30px;max-width:1000px}.ArticleComponent_articleContent__YvV5C{line-height:32px;letter-spacing:2px}.ArticleComponent_articleContent__YvV5C figure img{width:100%;height:100%}.ArticleComponent_articleContent__YvV5C pre{background-color:#3a3a3a;border:1px solid #e1e4e8;border-radius:6px;padding:16px;overflow-x:auto;margin:1em 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.45;position:relative}.ArticleComponent_articleContent__YvV5C pre code{background:none;padding:0;border:none;font-size:inherit;color:#fff}.ArticleComponent_articleContent__YvV5C pre .ArticleComponent_copy-button__DK6h0{position:absolute;top:8px;right:8px;background-color:#3a3a3a;border:1px solid #cbd5e1;border-radius:4px;padding:6px 8px;font-size:14px;cursor:pointer;transition:all .2s ease;z-index:10}.ArticleComponent_articleContent__YvV5C pre .ArticleComponent_copy-button__DK6h0:hover{background-color:#e2e8f0;border-color:#94a3b8}.ArticleComponent_articleContent__YvV5C pre .ArticleComponent_copy-button__DK6h0:active{transform:scale(.95)}.ArticleComponent_articleContent__YvV5C code{background-color:#f6f8fa;border:1px solid #e1e4e8;border-radius:3px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;color:#000}.ArticleComponent_articleContent__YvV5C pre[class*=language-]{background-color:#2d3748;color:#e2e8f0;border:1px solid #4a5568;position:relative}.ArticleComponent_articleContent__YvV5C pre[class*=language-] code{color:#e2e8f0}.ArticleComponent_articleContent__YvV5C pre[class*=language-]:before{content:attr(class);position:absolute;top:0;right:0;background-color:#4a5568;color:#e2e8f0;padding:4px 8px;font-size:12px;font-weight:500;border-radius:0 6px 0 6px;text-transform:uppercase;letter-spacing:.5px}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-typescript]:before{content:"TypeScript"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-javascript]:before{content:"JavaScript"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-jsx]:before{content:"JSX"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-tsx]:before{content:"TSX"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-html]:before{content:"HTML"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-css]:before{content:"CSS"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-scss]:before{content:"SCSS"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-json]:before{content:"JSON"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-bash]:before{content:"Bash"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-shell]:before{content:"Shell"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-python]:before{content:"Python"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-java]:before{content:"Java"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-cpp]:before{content:"C++"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-c]:before{content:"C"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-php]:before{content:"PHP"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-ruby]:before{content:"Ruby"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-go]:before{content:"Go"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-rust]:before{content:"Rust"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-sql]:before{content:"SQL"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-yaml]:before{content:"YAML"}.ArticleComponent_articleContent__YvV5C pre[class*=language-][class*=language-markdown]:before{content:"Markdown"}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_cdata__N265t,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_comment__VJGn9,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_doctype__M_FFI,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_prolog__QhZ_q{color:#6a737d}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_punctuation__kcgHr{color:#e1e4e8}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_boolean__bgLW7,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_constant__qXZkj,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_number__MZN_v,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_property__nvjJU,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_symbol__l37r_,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_tag__Tz0kP{color:#79b8ff}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_attr-name__zPCtw,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_builtin__6yCLW,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_char__9Y4CQ,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_selector__EOCgb,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_string__Y34zj{color:#85e89d}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_atrule__Jtw8a,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_attr-value__HKXtI,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_entity__hlI8t,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_keyword__auvBk,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_operator__DAmaP,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_url__Mj6Zp,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_variable__X0FMA{color:#f97583}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_function__4BIw3{color:#b392f0}.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_important__ID6Sv,.ArticleComponent_articleContent__YvV5C .ArticleComponent_token__n_XBU.ArticleComponent_regex__f0BF0{color:#ffab70}@media screen and (max-width:780px){.ArticleComponent_articleWrapper__mnnLl{padding:25px 20px 30px;width:100%}}.ArticleComponent_thum__bUB_L{overflow:hidden;border-radius:5px}.ArticleComponent_thum__bUB_L img{object-fit:cover;width:100%}