@keyframes blogDetailNew_progressAnimation__xhKnu{0%{width:0}to{width:100%}}@keyframes blogDetailNew_spin__0vWTA{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blogDetailNew_articleSection__5vl_X{background-color:#fff;padding:24px 0 80px}@media (max-width:1023px){.blogDetailNew_articleSection__5vl_X{padding:16px 0 56px}}.blogDetailNew_bodyGrid__DaGnO{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}@media (max-width:1023px){.blogDetailNew_bodyGrid__DaGnO{grid-template-columns:1fr;gap:32px}}.blogDetailNew_sidebar__q92SO{grid-column:1/2;align-self:start;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:32px}@media (max-width:1023px){.blogDetailNew_sidebar__q92SO{grid-column:1;order:2;gap:24px}}.blogDetailNew_sidebarAuthors__a7o7Y{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0 0 28px;border-bottom:1px solid rgba(0,0,0,.08)}@media (max-width:1023px){.blogDetailNew_sidebarAuthors__a7o7Y{display:none}}.blogDetailNew_sidebarAuthors__a7o7Y li{display:flex;align-items:center;gap:12px}.blogDetailNew_sidebarAuthorAvatar__4Ovs6{-o-object-fit:cover;object-fit:cover}.blogDetailNew_sidebarAuthorAvatar__4Ovs6,.blogDetailNew_sidebarAuthorFallback__zndAy{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.blogDetailNew_sidebarAuthorFallback__zndAy{background:linear-gradient(267.3deg,#1e1f6e -8.97%,#bdbbff 113.98%);color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;text-align:center;line-height:40px}.blogDetailNew_sidebarAuthorName__zw5tc{font-size:14px;line-height:1.3;font-weight:500;letter-spacing:-.14px;color:#000;margin:0;min-width:0}.blogDetailNew_sidebarCtaSection__BhQUE{display:flex;flex-direction:column;gap:32px;min-width:0!important}.blogDetailNew_sidebarAnchorList__8z3Hb{display:block!important;margin:0!important;list-style:none}.blogDetailNew_sidebarAnchorList__8z3Hb>h3{font-family:PP Neue Montreal Mono,Source Code Pro,Georgia,monospace!important;font-size:11px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.5px!important;text-transform:uppercase!important;color:rgba(0,0,0,.5)!important;margin:0 0 16px!important;padding:0!important}.blogDetailNew_sidebarAnchorList__8z3Hb>li{list-style:none}.blogDetailNew_sidebarAnchorList__8z3Hb>li>a{display:block;padding:8px 0 8px 14px;border-left:2px solid rgba(0,0,0,.08);font-size:14px;line-height:1.4;letter-spacing:-.14px;font-weight:400;color:rgba(0,0,0,.6);text-decoration:none;transition:all .15s ease;max-width:100%;white-space:normal;word-break:break-word}.blogDetailNew_sidebarAnchorList__8z3Hb>li>a:hover{color:#000;border-left-color:rgba(0,0,0,.4)}.blogDetailNew_sidebarAnchorList__8z3Hb:not(:has(li)){display:none!important}@media (max-width:1023px){.blogDetailNew_sidebarAnchorList__8z3Hb{display:none!important}}.blogDetailNew_sidebarTrialContainer__YB77k{padding:24px!important;border-radius:8px!important;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#fff,#f5f4ff)!important;box-shadow:0 4px 10px rgba(1,1,32,.06);margin-bottom:0!important;text-align:left!important}.blogDetailNew_sidebarTrialContainer__YB77k>h4{font-size:16px!important;line-height:1.25!important;font-weight:500!important;letter-spacing:-.16px!important;color:#000!important;margin:0 0 8px!important}.blogDetailNew_sidebarTrialContainer__YB77k>p{font-size:13px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:-.13px!important;color:rgba(0,0,0,.6)!important;margin:0 0 18px!important}.blogDetailNew_sidebarTrialContainer__YB77k>a{width:100%!important;background:#010120!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:10px 16px!important;font-size:13px!important;font-weight:500!important;letter-spacing:-.13px!important;transition:background .15s ease!important;justify-content:center!important}.blogDetailNew_sidebarTrialContainer__YB77k>a:hover{background:#1e1f6e!important}.blogDetailNew_sidebarShareWrapper__HINww{padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.blogDetailNew_articleColumn__mF963{grid-column:2/-1;min-width:0}@media (max-width:1023px){.blogDetailNew_articleColumn__mF963{grid-column:1;order:1}}.blogDetailNew_updateAt__ZGddV{font-family:PP Neue Montreal Mono,Source Code Pro,Georgia,monospace;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;color:rgba(0,0,0,.5);margin:56px 0 32px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.blogDetailNew_authorsList__LdI6C{padding:32px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background-color:#fff;box-shadow:0 4px 10px rgba(1,1,32,.06);display:flex;flex-direction:column;gap:28px;list-style:none;margin:0}@media (max-width:1023px){.blogDetailNew_authorsList__LdI6C{padding:24px;gap:20px}}.blogDetailNew_authorsList__LdI6C li{display:flex;align-items:flex-start;gap:20px}.blogDetailNew_avatarWrapper__v2oLW{display:inline-block;flex:0 0 64px;height:64px;border-radius:50%;overflow:hidden;border:1px solid rgba(0,0,0,.08)}@media (max-width:768px){.blogDetailNew_avatarWrapper__v2oLW{flex:0 0 56px;height:56px}}.blogDetailNew_avatarWrapper__v2oLW img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blogDetailNew_name__Gy_85{font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.36px;color:#000;margin-bottom:6px;display:inline-block;text-decoration:underline;text-decoration-color:rgba(0,0,0,.3);text-underline-offset:.18em}.blogDetailNew_name__Gy_85:hover{text-decoration-color:#000}.blogDetailNew_introduction__1BPC3{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:-.14px;color:rgba(0,0,0,.6);margin:0}.blogDetailNew_advCardWrapper__8FcQz{position:fixed;right:20px;bottom:20px;z-index:199}.blogDetailNew_recommendSection__eT9PW{background-color:#fff;padding:24px 0 120px;border-top:1px solid rgba(0,0,0,.08)}@media (max-width:1023px){.blogDetailNew_recommendSection__eT9PW{padding:16px 0 80px}}.blogDetailNew_recommendHeader__QNNyE{margin:64px 0 40px}@media (max-width:1023px){.blogDetailNew_recommendHeader__QNNyE{margin:48px 0 28px}}.blogDetailNew_recommendLabel___GJYF{font-family:PP Neue Montreal Mono,Source Code Pro,Georgia,monospace;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;color:rgba(0,0,0,.5);display:block;margin-bottom:12px}.blogDetailNew_recommendTitle__NJxnt{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-1.2px;color:#000;margin:0}@media (max-width:1023px){.blogDetailNew_recommendTitle__NJxnt{font-size:32px;letter-spacing:-.96px}}.blogDetailNew_recommendArticles__ikSVp{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}@media (max-width:1023px){.blogDetailNew_recommendArticles__ikSVp{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blogDetailNew_recommendArticles__ikSVp{grid-template-columns:1fr}}.blogDetailNew_recommendArticles__ikSVp{list-style:none;margin:0;padding:0}.blogDetailNew_recommendArticles__ikSVp li{height:100%}.blogDetailNew_pickerItem__V0trA{display:flex;flex-direction:column;border-radius:8px;border:1px solid rgba(0,0,0,.08);background-color:#fff;box-shadow:0 4px 10px rgba(1,1,32,.08);height:100%;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;text-decoration:none}.blogDetailNew_pickerItem__V0trA:hover{box-shadow:0 8px 24px rgba(1,1,32,.16);transform:translateY(-2px);text-decoration:none}.blogDetailNew_pickerItem__V0trA img{width:100%;border-radius:0;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid rgba(0,0,0,.08)}.blogDetailNew_contentPart__CzUma{flex-grow:1;padding:24px 24px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.blogDetailNew_articleTitle__tYXhG{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.4px;color:#000;margin:0 0 8px;-webkit-line-clamp:2}.blogDetailNew_articleDesc__LpO2b,.blogDetailNew_articleTitle__tYXhG{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.blogDetailNew_articleDesc__LpO2b{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:-.14px;color:rgba(0,0,0,.6);margin:0;-webkit-line-clamp:3}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}@keyframes blogDetailHead_progressAnimation__QBHo4{0%{width:0}to{width:100%}}@keyframes blogDetailHead_spin___DTtL{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blogDetailHead_headContainer__TGt_5{background-color:#fff;background-image:radial-gradient(ellipse 60% 80% at 10% 0,rgba(239,44,193,.08) 0,rgba(239,44,193,0) 60%),radial-gradient(ellipse 50% 80% at 90% 10%,rgba(189,187,255,.3) 0,rgba(189,187,255,0) 60%),linear-gradient(180deg,hsla(0,0%,100%,0) 50%,#fff);padding:32px 0 24px}@media (max-width:1023px){.blogDetailHead_headContainer__TGt_5{padding:24px 0 16px}}.blogDetailHead_breadcrumbRow__efiFe{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:56px}@media (max-width:1023px){.blogDetailHead_breadcrumbRow__efiFe{margin-bottom:32px}}.blogDetailHead_currentCrumbItem__3_ayv{max-width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:PP Neue Montreal Mono,Source Code Pro,Georgia,monospace;font-size:11px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1023px){.blogDetailHead_currentCrumbItem__3_ayv{max-width:none}}.blogDetailHead_titleGrid__JcSjZ{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}@media (max-width:1023px){.blogDetailHead_titleGrid__JcSjZ{grid-template-columns:1fr;gap:24px}}.blogDetailHead_titleBlock___OfuA{grid-column:2/-1;min-width:0}@media (max-width:1023px){.blogDetailHead_titleBlock___OfuA{grid-column:1}}.blogDetailHead_title__f_zjR{font-size:48px;line-height:1.05;font-weight:600;letter-spacing:-1.44px;color:#000;margin:0 0 24px}@media (max-width:1235px){.blogDetailHead_title__f_zjR{font-size:42px;letter-spacing:-1.26px}}@media (max-width:1023px){.blogDetailHead_title__f_zjR{font-size:34px;letter-spacing:-1.02px;margin-bottom:20px}}@media (max-width:768px){.blogDetailHead_title__f_zjR{font-size:28px;letter-spacing:-.84px}}.blogDetailHead_metaRow__iCrqg{display:flex;align-items:center;gap:12px;margin:0}.blogDetailHead_metaRow__iCrqg>span:not([class]){font-family:PP Neue Montreal Mono,Source Code Pro,Georgia,monospace;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;color:rgba(0,0,0,.6)}.blogDetailHead_metaBar__eTMvg{display:inline-block;width:1px;height:16px;background-color:rgba(0,0,0,.3);flex-shrink:0}.blogDetailHead_metaDot__k0wmO{display:inline-block;width:3px;height:3px;background-color:rgba(0,0,0,.4);border-radius:50%;flex-shrink:0}