.code{padding:1.25rem;max-width:100%;overflow-x:auto;white-space:pre;background-color:#212d63;color:#fff}.code::-webkit-scrollbar{height:8px}.code::-webkit-scrollbar-track{background:#1a202c;border-radius:.5rem}.code::-webkit-scrollbar-thumb{background-color:#718096;border-radius:.5rem}.popover-container{position:relative;align-items:center;justify-content:center;display:inline-flex}.popover-content{visibility:hidden;opacity:0;width:264px;background-color:#fff;color:#000;font-size:14px;border-radius:8px;padding:12px;position:absolute;z-index:1;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);bottom:160%;left:50%;transform:translateX(-50%);transition:visibility .2s,opacity .2s}.popover-content.visible{visibility:visible;opacity:1}.popover-arrow{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,.851);filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.blog{font-family:Roboto,sans-serif;color:#333}.blog,.blog h1{text-align:left}.blog h1{font-size:32px;font-weight:700;margin-bottom:40px}@media(min-width:640px){.blog h1{font-size:32px}}.blog h2{font-size:24px;font-weight:600;margin-top:46px;color:#002a64;scroll-margin:90px}.blog h2,.blog h3{margin-bottom:16px}.blog h3{font-size:1.125rem;font-weight:500;margin-top:32px}.blog p{font-size:16px;line-height:25px;margin-bottom:1rem}.blog ul{list-style-type:disc}.blog ol,.blog ul{font-size:16px;margin-bottom:1rem;margin-left:2rem}.blog ol{list-style-type:decimal}.blog .variable{font-size:14px;background-color:#f5f6f8;border:1px solid #d8dee4;padding:2px 4px;border-radius:6px;font-family:Source Code Pro,Menlo,Monaco,monospace}