:root{--grid-gap-xs:16px;--grid-gap-sm:24px;--grid-col-xs:6;--grid-col-sm:12;--grid-col-xl:18;--max-grid-width:calc(var(--grid-width)*var(--grid-col-xl) + var(--grid-gap-sm)*var(--grid-col-xl))}.blog-code-block{background:var(--mono-9);border:1px solid var(--mono-7);border-radius:var(--shape-border-radius);box-shadow:var(--element-shadow);color:#bababa;display:block;overflow-x:auto;width:100%}.blog-code-block__header{align-content:center;align-items:center;border-bottom:1px solid var(--mono-7);display:flex;justify-content:space-between;min-height:32px;padding:8px 16px}.blog-code-block__header__title{margin-top:0}.blog-code-block__header__file-type{color:var(--mono-6);margin-top:0}.blog-code-block__file{-moz-column-gap:12px;column-gap:12px;display:grid;grid-template-columns:auto 1fr}.blog-code-block__file__line-numbers{border-right:1px solid var(--mono-8);color:var(--mono-7);grid-column:1;line-height:1.64;padding:16px 12px 0;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-code-block__file__code{grid-column:1/-1;line-height:1.64;padding:16px 16px 0}.blog-code-block__file__line-numbers+.blog-code-block__file__code{grid-column:2;padding-left:0}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#6896ba}.hljs-code,.hljs-selector-class{color:#75ae00}.hljs-emphasis{font-style:italic}.hljs-attribute,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-variable{color:#9a6b45}.hljs-params{color:#b9b9b9}.hljs-string{color:#6a8759}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#bfa75b}.hljs-comment,.hljs-deletion,.hljs-meta{color:#7f7f7f}.blog-details{-ms-overflow-style:none;align-items:center;box-sizing:border-box;display:flex;gap:4px;justify-content:flex-start;margin:-32px 0;overflow:scroll;padding:16px;position:relative;scrollbar-width:none;width:100%;z-index:50}@media (min-width:768px){.blog-details{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.blog-details{padding-left:40px;padding-right:40px}}@media (min-width:1280px){.blog-details{padding-left:64px;padding-right:64px}}.blog-details::-webkit-scrollbar{display:none}.blog-details .badge{align-items:center;background:var(--body-color);border-radius:32px;box-shadow:0 0 12px rgba(0,0,0,.08);box-sizing:border-box;display:flex;gap:8px;height:32px;justify-content:flex-start;padding:8px 12px;white-space:nowrap}@media (min-width:768px){.blog-details .badge{gap:12px;height:40px}}.blog-details .badge__icon,.blog-details .badge__media{border-radius:48px;height:28px;margin:-2px 0 -2px -10px;width:28px}@media (min-width:768px){.blog-details .badge__icon,.blog-details .badge__media{height:32px;margin:-2px 0 -2px -8px;width:32px}}.blog-details .badge__icon{align-items:center;background:var(--brand-main);color:var(--brand-main-label);display:flex;justify-content:center}.blog-details .badge__label{font-size:.88em}.blog-post{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:48px;justify-content:flex-start;margin:64px auto;max-width:880px;padding-left:16px;padding-right:16px;width:100%}@media (min-width:768px){.blog-post{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.blog-post{padding-left:40px;padding-right:40px}}@media (min-width:1280px){.blog-post{padding-left:64px;padding-right:64px}}@media (min-width:768px){.blog-post{gap:64px;margin:80px auto}}.blog-post>section{margin:0;padding:0}.blog-post .heading{grid-column:1/-1;margin-top:0;max-width:unset}.blog-post .heading__title{padding-top:0}.blog-post .picture{box-shadow:var(--element-shadow)}.blog-post .blog-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;justify-content:flex-start;margin-top:16px;width:100%}@media (min-width:768px){.blog-post .blog-actions{margin-top:24px}}@media (max-width:767px){.blog-post .blog-actions .button:not(:first-child:last-child){flex:1 0 fit-content}}.blog-post .blog-banner{border:1px solid var(--card-border);border-radius:var(--shape-border-radius);box-shadow:var(--element-shadow);padding:16px}.blog-post .blog-quote{color:var(--text-color);margin-top:0;overflow-wrap:break-word}.blog-post .blog-quote__icon{color:rgba(var(--text-color-rgb),.4);float:left;font-size:2.8em;margin:2px 8px 2px 0}.blog-post .blog-quote__author{margin-top:8px}

/*# sourceMappingURL=blog-post.css.map*/