.blogPost__container{width:100%;display:flex;flex-direction:column;margin:0 auto}.blogPost__container .blogPost__top{width:fit-content;max-width:1400px;display:flex;margin:0 auto;padding-inline:24px;gap:24px}@media(max-width:1300px){.blogPost__container .blogPost__top{flex-direction:column}}@media(max-width:1080px){.blogPost__container .blogPost__top{max-width:100%}}.blogPost__container .blogPost__top .blogPost__top-left{display:flex;padding-block:40px;gap:24px}@media(max-width:500px){.blogPost__container .blogPost__top .blogPost__top-left{flex-direction:column;padding-block:0}}.blogPost__container .blogPost__top .blogPost__top-left .blogPost *{white-space:normal!important}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .article{padding:0!important;max-width:none!important}.blogPost__container .blogPost__top .blogPost__top-left .blogPost code,.blogPost__container .blogPost__top .blogPost__top-left .blogPost pre{background:#2e3440;color:#d8dee9;font-family:Fira Code,monospace;font-size:clamp(.8rem,1vw + .3rem,1rem);line-height:1.5;box-sizing:border-box;width:100%;max-width:100%;margin:0;white-space:pre;word-break:normal;overflow-wrap:normal}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .code-line{display:block;white-space:pre!important}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .code-tab{margin-left:.7rem}.blogPost__container .blogPost__top .blogPost__top-left .blogPost pre{padding:1em 1.5em;overflow-x:auto;border-radius:.3rem;-webkit-overflow-scrolling:touch}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-comment{color:#616e88;font-style:italic}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-keyword{color:#81a1c1;font-weight:700}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-string{color:#a3be8c}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-function{color:#88c0d0}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-variable{color:#d08770}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-number{color:#b48ead}.blogPost__container .blogPost__top .blogPost__top-left .blogPost .token-operator{color:#5e81ac}.blogPost__container .blogPost__top .blogPost__top-left .blogPost video{width:100%;height:auto}.blog__strong{font-weight:800}