.blog_body__AEk05{line-height:1.7}.blog_body__AEk05 h1,.blog_body__AEk05 h2,.blog_body__AEk05 h3,.blog_body__AEk05 h4,.blog_body__AEk05 h5,.blog_body__AEk05 h6{margin-top:2em;margin-bottom:1em;scroll-margin-top:80px}.blog_body__AEk05 h1:first-child,.blog_body__AEk05 h2:first-child,.blog_body__AEk05 h3:first-child,.blog_body__AEk05 h4:first-child,.blog_body__AEk05 h5:first-child,.blog_body__AEk05 h6:first-child{margin-top:0}.blog_body__AEk05 pre{position:relative;border-radius:8px;margin:1.5em 0;overflow-x:auto}.blog_body__AEk05 pre:before{content:"copy";position:absolute;top:0;right:0;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);padding:.25rem .75rem;font-size:.75rem;border-bottom-left-radius:8px;border-top-right-radius:8px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.blog_body__AEk05 code{font-family:Fira Code,Monaco,Cascadia Code,monospace}.blog_body__AEk05 code:not(pre code){background:#f3f4f6;padding:.125rem .375rem;border-radius:4px;font-size:.875em;color:#cc7245}.blog_body__AEk05 code:not(pre code):after,.blog_body__AEk05 code:not(pre code):before{content:""}.blog_body__AEk05 img{border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease}.blog_body__AEk05 img:hover{transform:scale(1.02)}.blog_body__AEk05 blockquote{border-left:4px solid #3b82f6;background:#f8fafc;padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0;quotes:none}.blog_body__AEk05 blockquote:first-of-type{border:none;border-top:4px solid #3b82f6;border-radius:8px}.blog_body__AEk05 blockquote:first-of-type h2,.blog_body__AEk05 blockquote:first-of-type p{font-style:normal}.blog_body__AEk05 blockquote:not(:first-of-type) p{color:#374151;margin:0}.blog_body__AEk05 table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog_body__AEk05 table td,.blog_body__AEk05 table th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.blog_body__AEk05 table th{background:#f9fafb;font-weight:600;color:#374151}.blog_body__AEk05 ol,.blog_body__AEk05 ul{padding-left:1.5rem}.blog_body__AEk05 ol li,.blog_body__AEk05 ul li{margin:.5rem 0}.blog_body__AEk05 ol li p,.blog_body__AEk05 ul li p{margin:0}.blog_body__AEk05 a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.blog_body__AEk05 a:hover{color:#1d4ed8;border-bottom-color:#2563eb}@media(max-width:768px){.blog_body__AEk05 pre{margin:1rem -1rem;border-radius:0}.blog_body__AEk05 pre code{font-size:.8rem}.blog_body__AEk05 h1,.blog_body__AEk05 h2,.blog_body__AEk05 h3{scroll-margin-top:100px}}.blog_boxWrapper__VmlvF{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.blog_boxWrapper__VmlvF{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.blog_boxWrapper__VmlvF{padding-left:2rem;padding-right:2rem}}.blog_fadeInUp__UnBTE{animation:blog_fadeInUp__UnBTE .6s ease-out forwards}@keyframes blog_fadeInUp__UnBTE{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}