.article-content{margin-top:40px;font-size:20px;line-height:24px;font-weight:400}.article-content a{--tw-text-opacity: 1;color:rgb(0 57 250 / var(--tw-text-opacity))}.article-content h2{margin-bottom:40px;margin-top:40px;font-size:32px;line-height:40px;font-weight:500;scroll-margin-top:90px;scroll-snap-margin-top:90px}.article-content h3{margin-bottom:16px;margin-top:40px;font-size:24px;line-height:32px;font-weight:500}.article-content h4{margin-bottom:16px;font-size:20px;line-height:24px;font-weight:500}.article-content h5{margin-bottom:16px;font-size:16px;line-height:24px;font-weight:500}.article-content h6{margin-bottom:16px;font-size:14px;line-height:24px;font-weight:500}.article-content p{margin-bottom:16px;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.article-content img{margin-bottom:40px;display:inline-block}.article-content pre{border-radius:.25rem;padding-bottom:.625rem;display:block;overflow-x:auto;word-break:break-all;white-space:pre-wrap}.article-content ul,.article-content ol{margin-bottom:40px;list-style-type:disc;padding-left:24px}.article-content table{table-layout:fixed;border-collapse:collapse;width:100%;overflow-x:auto;white-space:normal}.article-content thead tr th{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));padding:.5rem;text-align:left;font-weight:700}.article-content tbody tr td{border-width:1px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));padding:.5rem;text-align:left}.article-content tbody tr:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(251 251 251 / var(--tw-bg-opacity))}.article-content tbody tr:hover{--tw-bg-opacity: 1;background-color:rgb(234 238 243 / var(--tw-bg-opacity))}.article-content .btn-call-to-action{display:inline-block;--tw-bg-opacity: 1;background-color:rgb(0 57 250 / var(--tw-bg-opacity));padding:16px;font-size:20px;line-height:24px;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.article-content img[style*=left]{margin-right:10px;margin-bottom:10px}.article-content img[style*=right]{margin-left:10px;margin-bottom:10px}.article-content pre[class*=language-]:not(.language-bash,.language-c,.language-csharp,.language-cpp,.language-css,.language-diff,.language-go,.language-graphql,.language-html,.language-xml,.language-json,.language-java,.language-javascript,.language-kotlin,.language-less,.language-lua,.language-makefile,.language-markdown,.language-objectivec,.language-php,.language-perl,.language-plaintext,.language-python,.language-r,.language-ruby,.language-rust,.language-scss,.language-scss,.language-sql,.language-shell,.language-swift,.language-ini,.language-typescript,.language-vbnet,.language-wasm,.language-yaml){-webkit-user-modify:read-only;color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;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;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;overflow:auto;background:#f5f2f0;cursor:default}.hackr-toc ul li a{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:400;--tw-text-opacity: 1;color:rgb(83 103 124 / var(--tw-text-opacity))}.hackr-toc ul li ul{padding-left:16px}.article-content iframe[src*=youtube],.article-content iframe[src*="youtu.be"]{width:100%}.article-content .btn-try-it-yourself{border-radius:.125rem!important;--tw-bg-opacity: 1 !important;background-color:rgb(0 57 250 / var(--tw-bg-opacity))!important;padding:8px 16px!important;font-weight:600!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.article-content .preview-text{display:none}.responsive-tut-padding{padding-left:90px;padding-right:90px}@media screen and (max-width: 1536px){.responsive-tut-padding{padding-left:155px;padding-right:155px}}@media screen and (max-width: 1440px){.responsive-tut-padding{padding-left:0;padding-right:0}}.responsive-padding{padding-left:120px;padding-right:120px}@media screen and (max-width: 1536px){.responsive-padding{padding-left:155px;padding-right:175px}}@media screen and (max-width: 1440px){.responsive-padding{padding-left:0;padding-right:0}}