@media (min-width:768px){.page-module-scss-module__Q5ZSRq__content{justify-content:space-between;max-width:1240px;margin:20px auto 0;display:flex}}.page-module-scss-module__Q5ZSRq__content__left{background:#0c0f10;width:100%;max-width:860px}.page-module-scss-module__Q5ZSRq__content__right{display:none}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__content__right{align-self:flex-start;min-width:330px;max-width:360px;max-height:calc(100vh - 100px);display:block;position:sticky;top:20px;overflow-y:auto}}.page-module-scss-module__Q5ZSRq__article{margin:0}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article{border:1px solid #303030;border-radius:5px;overflow:hidden}}.page-module-scss-module__Q5ZSRq__article__eyecatch{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;display:block}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__eyecatch{border-radius:5px 5px 0 0}}.page-module-scss-module__Q5ZSRq__article__content{padding:0 20px}.page-module-scss-module__Q5ZSRq__article__title{color:#fff;margin:18px 0 0;font-size:24px}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__title{margin:20px 0 0;font-size:32px}}.page-module-scss-module__Q5ZSRq__article__desc{margin:10px 0 0}.page-module-scss-module__Q5ZSRq__article__meta{justify-content:start;align-items:start;gap:0 24px;font-size:13px;display:flex}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__meta{font-size:14px}}.page-module-scss-module__Q5ZSRq__article__meta{margin:16px 0 0}.page-module-scss-module__Q5ZSRq__article__metaWritter{flex-wrap:wrap;align-items:start;gap:0 8px;height:34px;font-size:12px;line-height:1.4;display:flex}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__metaWritter{height:40px;font-size:13px}}.page-module-scss-module__Q5ZSRq__article__metaWritterImg{border-radius:50%;width:32px;height:32px;overflow:hidden}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__metaWritterImg{width:40px;height:40px}}.page-module-scss-module__Q5ZSRq__article__metaDate{white-space:nowrap;color:#999;gap:0 8px;font-size:12px;display:flex}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__metaDate{font-size:13px}}.page-module-scss-module__Q5ZSRq__article__metaCategory{color:#0af;justify-content:start;align-items:center;gap:0 8px;height:32px;font-size:14px;display:flex}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__metaCategory{height:40px}}.page-module-scss-module__Q5ZSRq__article__metaCategory img{width:32px;height:auto}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__metaCategory img{width:36px}}.page-module-scss-module__Q5ZSRq__article__tocSp{margin:20px 0 0;display:block}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__tocSp{display:none}}.page-module-scss-module__Q5ZSRq__article__adTop,.page-module-scss-module__Q5ZSRq__article__adBottom{background:#080e1a;border:1px dotted #744fb8;width:100%;height:70px;margin:24px auto 16px}@media (min-width:768px){.page-module-scss-module__Q5ZSRq__article__adTop,.page-module-scss-module__Q5ZSRq__article__adBottom{width:728px;height:90px;margin:28px auto}}.page-module-scss-module__Q5ZSRq__breadcrumb{white-space:nowrap;width:100%;overflow-x:auto}.page-module-scss-module__Q5ZSRq__breadcrumb__list{color:#999;margin:6px auto;display:flex}.page-module-scss-module__Q5ZSRq__breadcrumb__item{padding:0 23px 0 0;font-size:13px;position:relative}.page-module-scss-module__Q5ZSRq__breadcrumb__item:not(:last-child):after{content:"";border-top:1px solid #777;border-right:1px solid #777;width:6px;height:6px;display:block;position:absolute;top:8px;right:10px;transform:rotate(45deg)}
code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px #0000004d;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{white-space:inherit;position:relative}.line-numbers .line-numbers-rows{pointer-events:none;letter-spacing:-1px;-webkit-user-select:none;user-select:none;border-right:1px solid #999;width:3em;font-size:100%;position:absolute;top:0;left:-3.8em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;text-align:right;padding-right:.8em;display:block}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{z-index:10;opacity:0;transition:opacity .3s ease-in-out;position:absolute;top:.3em;right:.2em}div.code-toolbar:hover>.toolbar,div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{color:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:0 0;border:0;padding:0;line-height:normal;overflow:visible}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;background:#e0e0e033;border-radius:.5em;padding:0 .5em;font-size:.8em;box-shadow:0 2px #0003}div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus{color:inherit;text-decoration:none}
.BlogContent-module-scss-module__0jtIfG__content .BlogContent-module-scss-module__0jtIfG__iframeWrap{margin:2rem 0}.BlogContent-module-scss-module__0jtIfG__content .BlogContent-module-scss-module__0jtIfG__iframe{border:0;border-radius:8px;width:100%;height:500px}.BlogContent-module-scss-module__0jtIfG__content h2,.BlogContent-module-scss-module__0jtIfG__content h3,.BlogContent-module-scss-module__0jtIfG__content h4,.BlogContent-module-scss-module__0jtIfG__content h5,.BlogContent-module-scss-module__0jtIfG__content h6{color:#ededed;line-height:1.4}.BlogContent-module-scss-module__0jtIfG__content h2{border-left:8px solid #0af;margin:3rem 0 1rem;padding-left:12px;font-size:21px}@media (min-width:768px){.BlogContent-module-scss-module__0jtIfG__content h2{font-size:24px}}.BlogContent-module-scss-module__0jtIfG__content h3{margin:16px 0;font-size:18px}@media (min-width:768px){.BlogContent-module-scss-module__0jtIfG__content h3{margin:2em 0 1em;font-size:20px}}.BlogContent-module-scss-module__0jtIfG__content p{margin:1em 0;line-height:2}.BlogContent-module-scss-module__0jtIfG__content :not(pre)>code{color:#9cc9e0;background:#022842;border-radius:3px;padding:.125em .25em}
.TableOfContents-module-scss-module__AAx6VW__toc{background:#0c0f10;border:1px solid #2a2a2a;border-radius:8px;padding:16px 20px}.TableOfContents-module-scss-module__AAx6VW__toc__title{color:#ededed;border-bottom:1px solid #2a2a2a;margin:0 0 10px;padding-bottom:8px;font-size:14px;font-weight:700}.TableOfContents-module-scss-module__AAx6VW__toc__list{counter-reset:toc-h2;margin:0;padding:0;list-style:none}.TableOfContents-module-scss-module__AAx6VW__toc__item{counter-increment:toc-h2;margin:0}.TableOfContents-module-scss-module__AAx6VW__toc__item--h3{counter-increment:none;padding-left:14px}.TableOfContents-module-scss-module__AAx6VW__toc__item--h3 .TableOfContents-module-scss-module__AAx6VW__toc__link:before{content:"–";color:#555;margin-right:5px}.TableOfContents-module-scss-module__AAx6VW__toc__item:not(.TableOfContents-module-scss-module__AAx6VW__toc__item--h3) .TableOfContents-module-scss-module__AAx6VW__toc__link:before{content:counter(toc-h2)".";color:#0af;margin-right:5px}.TableOfContents-module-scss-module__AAx6VW__toc__link{color:#999;padding:5px 0;font-size:14px;line-height:1.5;text-decoration:none;display:block}.TableOfContents-module-scss-module__AAx6VW__toc__link:hover{color:#0af}