:root{--font-root-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Oxygen-Sans, Ubuntu, Cantarell, sans-serif;--font-tertiary-regular: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--font-size-large: 1.25rem;--font-size-root: 1.125rem;--font-size-small: 0.85rem;--font-size-x-small: 0.77rem;--font-line-height: 1.5;--large-breakpoint: 36rem;--transition-duration: 0.2s;--color-primary: #0b0c0c;--color-primary-info: #2962ff;--color-shades-primary: #292930;--color-shades-primary-glare: #68778d;--color-shades-primary-bright: #e7f0fd;--color-shades-secondary: #444;--color-shades-secondary-glare: #726e6e;--color-shades-secondary-bright: #e5e5e5;--color-shades-tertiary-bright: #fff;--color-shades-gray: #585b63;--color-shades-gray-glare: #d2d3d7;--color-shades-light: #f8f9fa;--color-state-info: #174ea6;--color-state-warn: #c34900;--color-state-warn-bright: #fff5e3;--color-code-primary: #183691;--color-code-primary-glare: #007aa2;--color-code-secondary: #a71d5d;--color-code-tertiary: #9f1c59;--color-code-quaternary: #385d34;--color-code-quaternary-glare: #52894c;--color-code-quaternary-bright: #9cc598;--color-core-text: var(--color-primary);--color-primary-info-text: var(--color-primary-info);--color-primary-info-bg: var(--color-shades-secondary-bright);--color-shades-primary-text: var(--color-shades-primary);--color-mid-text: var(--color-shades-gray);--color-mid-bg: var(--color-shades-light);--color-state-info-text: var(--color-state-info);--color-state-warn-text: var(--color-state-warn);--color-state-warn-bg: var(--color-state-warn-bright);--color-stroke: var(--color-shades-gray-glare);--color-syntax-primary: var(--color-code-primary);--color-syntax-primary-glare: var(--color-code-primary-glare);--color-syntax-secondary: var(--color-code-secondary);--color-syntax-quaternary: var(--color-code-quaternary)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:clamp(var(--font-size-root), 0.964rem + 0.446vw, var(--font-size-large));line-height:var(--font-line-height);-webkit-text-size-adjust:none;text-size-adjust:none}body{color:var(--color-shades-primary-text);font-family:var(--font-root-regular);text-rendering:optimizeLegibility}a{color:var(--color-primary-info-text);text-decoration-thickness:0.075rem;text-underline-offset:3px;transition:color ease var(--transition-duration)}a :is(code, code[class*="language-"], strong){color:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid;outline-offset:0.15rem}.sr-only{border:none;clip:rect(0 0 0 0);color:var(--color-shades-tertiary-bright);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}h1,h2,h3{color:inherit;font-weight:600;line-height:1.25;text-wrap:pretty}h2,h3{margin-top:2rem}h3{font-size:var(--font-size-large)}aside.message,blockquote.message{--spacer: 1.5rem;background-color:var(--color-shades-primary-bright);border-radius:0.25rem;color:var(--color-state-info-text);font-size:0.9rem;margin:var(--spacer) 0;padding:clamp(1.25rem, 1.5rem, 2rem)}aside.message.notification,blockquote.message.notification{background-color:var(--color-state-warn-bg);color:var(--color-state-warn-text);margin:var(--spacer) 0}aside.message a,blockquote.message a{color:currentColor}@media (min-width: 53.125rem){aside.message,blockquote.message{margin:var(--spacer) -1.75rem}}.flow{--flow-space: 1.5rem}.flow>*{margin-bottom:var(--flow-space)}.flow .flow-space-size-2{--flow-space: clamp(2.375rem, 1.98rem + 1.96vw, 3.75rem)}.flow ul,.flow ol{margin-top:0}.flow ul:not([class]),.flow ol:not([class]){padding-inline-start:2.5ch}.flow ul:not([class])>li,.flow ol:not([class])>li{margin-bottom:1rem;padding-inline-start:0.5rem}aside,blockquote,caption,figcaption{text-wrap:pretty}.page-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:var(--large-breakpoint);min-height:100vh;padding-left:1.25rem;padding-right:1.25rem}@supports (-webkit-touch-callout: none){.page-container{min-height:-webkit-fill-available}}main{flex:1 0 auto}.border-rule{border:none;border-top:1px solid var(--color-primary-info-bg);margin:1.75rem 0}.gap-bottom-top-base{margin-bottom:1.25rem;margin-top:3rem}.page-footer{margin-bottom:2rem;text-align:center}.page-footer__item{display:flex;font-size:var(--font-size-small);justify-content:center}.page-footer a:hover{color:var(--color-primary-info-text)}.page-footer a:hover:not(.post-footer a){text-decoration:none}.scrollToTop{--d: 48px;background-color:var(--color-state-info);border:none;border-radius:50%;bottom:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.3),0 2px 24px 0 rgba(84,19,19,0.15);cursor:pointer;height:var(--d);opacity:0;padding:0.75rem;position:fixed;right:1rem;transform:translateY(100px);transition:all 0.5s ease;width:var(--d);z-index:100}.scrollToTop::after{background-image:url("data:image/svg+xml,      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'>        <path fill='%23fff' d='M416 352c-8.188 0-16.38-3.125-22.62-9.375L224 173.3l-169.4 169.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25C432.4 348.9 424.2 352 416 352z'/>      </svg>");background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;width:100%}.scrollToTop.showBtn{opacity:1;transform:translateY(0)}.heading__brand{--spacer-sm: 0.5rem;--spacer-lg: 1rem;color:var(--color-shades-secondary-glare);margin-bottom:5rem;padding-bottom:var(--spacer-sm);padding-top:var(--spacer-lg)}.heading__brand .header-nav{align-items:center;display:flex;justify-content:space-between;font-weight:600;line-height:1.75}.heading__brand .header-nav .header-nav__title{color:var(--color-shades-primary-text);font-size:var(--font-size-large);margin:0}.heading__brand .header-nav .header-nav__list{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0}.heading__brand .header-nav .header-nav__list .header-nav__item:not(:last-child){margin-right:1.25rem}.heading__brand .header-nav a{color:inherit;text-decoration:none}.heading__brand .header-nav a:hover{color:var(--color-primary-info-text)}.heading__tagline{font-size:0.8rem;font-weight:500;margin-top:var(--spacer-sm);text-transform:uppercase}.skip-nav a{background-color:var(--color-shades-tertiary-bright);color:var(--color-shades-secondary);left:-500px;overflow:hidden;position:absolute}.skip-nav a:active,.skip-nav a:focus-visible{left:var(--spacer-lg);outline-offset:0;overflow:visible;padding:0.25rem;position:absolute;text-decoration:none;top:var(--spacer-sm)}.skip-nav a:hover{color:var(--color-primary-info-text)}.skip-nav:focus-visible{visibility:visible}.post-link{color:inherit;text-decoration:none}.post-link .post-header__title{-webkit-text-decoration:underline solid rgba(11,12,12,0);text-decoration:underline solid rgba(11,12,12,0);transition:text-decoration-color var(--transition-duration);transition:text-decoration-color var(--transition-duration),-webkit-text-decoration-color var(--transition-duration)}@media (max-width: 36rem){.post-link .post-header__title{text-decoration-color:#0b0c0c;text-decoration-thickness:0.2rem}}.post-link:focus .post-header__title,.post-link:hover .post-header__title{text-decoration-color:#0b0c0c;text-decoration-thickness:0.2rem}.page-header,.post-header{--flow-space: 1.25rem;margin-bottom:0;padding-bottom:0;padding-top:0}.page-header__title,.post-header__title{font-size:2rem;margin-bottom:var(--flow-space);margin-top:0}.page-header__title--sm,.post-header__title--sm{font-size:var(--font-size-large)}.page-header__meta,.post-header__meta{column-gap:var(--flow-space);display:flex;flex-wrap:wrap;row-gap:0.5rem}.page-header__meta .data,.post-header__meta .data{--h: 1.15;--icon: calc(var(--font-size-small) * var(--h));color:var(--color-shades-primary-glare);display:flex;font-size:calc(var(--font-size-small) * var(--h))}@media (max-width: 36rem){.page-header__meta .data,.post-header__meta .data{font-size:var(--font-size-x-small)}}.page-header__meta .data::before,.post-header__meta .data::before{align-self:center;background-size:var(--icon);content:"";height:var(--icon);margin-right:calc(var(--flow-space) * 0.35);width:var(--icon)}@media (max-width: 36rem){.page-header__meta .data::before,.post-header__meta .data::before{background-size:15px;height:15px;width:15px}}.page-header__meta .data.comments::before,.post-header__meta .data.comments::before{background-image:url("data:image/svg+xml,            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>              <path fill='%2368778d' d='M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z'/>            </svg>")}.page-header__meta .data.published::before,.post-header__meta .data.published::before{background-image:url("data:image/svg+xml,            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>              <path fill='%2368778d' d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192H400V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z'/>            </svg>")}.page-header__meta .data.reading-time::before,.post-header__meta .data.reading-time::before{background-image:url("data:image/svg+xml,            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E>              <path fill='%2368778d' d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/>            </svg>")}.page-header__meta .data.views::before,.post-header__meta .data.views::before{background-image:url("data:image/svg+xml,            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' height='34' width='34'>              <path fill='%2368778d' d='M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z'/>            </svg>")}.post-footer{text-align:inherit}.post-footer ul{margin-left:inherit}.page__image{display:flex}.page__image--center{display:flex;justify-content:center}.page__image--lg img{border:1px solid var(--color-stroke);width:100%}.page__image--md img{border:1px solid var(--color-stroke);width:65%}@media (max-width: 36rem){.page__image--md img{width:85%}}.archive-date{color:var(--color-shades-primary-glare);display:flex;font-size:clamp(var(--font-size-x-small), 0.964rem + 0.446vw, var(--font-size-small))}.embed{--flow-space: 1.5rem;margin:var(--flow-space) 0 2rem}.tags{--flow-space: 1.25rem}.tags .tags__title{margin-top:0}.tags .tags__item{margin-bottom:var(--flow-space)}.related{--flow-space: 1.25rem;border-top:1px solid var(--color-primary-info-bg);margin-bottom:2rem}.related .related__list{list-style:none;padding-left:0}.related .related__list .related__item{margin-bottom:var(--flow-space)}.gutter-base{--gutter: 1rem}.gutter-base.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gutter, clamp(1.375rem, 1.65rem, 2rem));justify-content:flex-start;list-style:none;padding-left:0}.gutter-base.shrink{padding-bottom:0.25rem;padding-top:0.5rem}.gutter-base.stretch{padding-top:var(--gutter)}.pill{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--color-stroke);border-radius:1rem;color:var(--color-shades-primary-text);font-size:0.675rem;padding:0.5rem 0.675rem;text-decoration:none;transition:all ease 0.2s}.pill:focus-visible,.pill:hover{background-color:var(--color-primary-info-text);border-color:var(--color-primary-info-text);color:var(--color-shades-tertiary-bright)}.pill:focus-visible{outline:inherit}code,pre{font-family:var(--font-tertiary-regular)}code{background-color:var(--color-mid-bg);border:1px solid var(--color-stroke)}code:not([class]){white-space:nowrap}pre>code{background-color:var(--color-mid-bg);border:1px solid var(--color-stroke);color:inherit;padding:0}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--color-mid-text)}.namespace{opacity:0.7}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--color-mid-text)}.token.punctuation,.token.string,.token.atrule,.token.attr-value{color:var(--color-syntax-primary)}.token.property,.token.tag{color:var(--color-syntax-quaternary)}.token.boolean,.token.number{color:var(--color-syntax-primary-glare)}.token.selector,.token.attr-name,.token.attr-value .punctuation:first-child,.token.keyword,.token.regex,.token.important{color:var(--color-code-tertiary)}.token.operator,.token.entity,.token.url,.language-css .token.string{color:var(--color-syntax-secondary)}.token.entity{cursor:help}.namespace{opacity:0.7}code{box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:var(--font-size-small);hyphens:none;padding:0.125em 0.25em;tab-size:2;text-align:left;word-break:normal;word-spacing:normal;word-wrap:normal}pre>code{display:block;line-height:1.7;overflow-x:auto;overscroll-behavior-x:contain;padding:clamp(1rem, 1.0625rem, 1.125rem);-webkit-overflow-scrolling:touch}.social-media{--gutter: 0.75rem;align-items:center;display:flex;justify-content:center}.social-media__item{margin:0 var(--gutter)}.social-media__item a{color:inherit;display:block;padding:0.5rem}.social-media__item a:focus-visible:not(:hover){outline-color:var(--color-mid-text)}.social-media__item a:focus-visible,.social-media__item a:focus-visible:not(:hover){outline-offset:initial}.social-media__item a:hover .social__icon{background-color:var(--color-primary-info)}.social-media__item a .social__icon{--icon: 27px;background-color:var(--color-mid-text);height:var(--icon);transition:background-color ease var(--transition-duration);width:var(--icon)}.social-media__item a .social__icon--codepen{mask:url("data:image/svg+xml,            <svg width='27' height='27' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>              <path d='M3.872 20.864l10.752 7.2v-6.432l-5.952-3.968zM2.752 18.304l3.456-2.304-3.456-2.304v4.608zM17.376 28.064l10.784-7.2-4.832-3.2-5.952 3.968v6.432zM16 19.264l4.864-3.264-4.864-3.264-4.864 3.264zM8.672 14.336l5.952-3.968v-6.432l-10.752 7.2zM25.792 16l3.456 2.304v-4.608zM23.328 14.336l4.832-3.2-10.784-7.2v6.432zM32 11.136v9.728q0 0.736-0.608 1.152l-14.624 9.76q-0.384 0.224-0.768 0.224t-0.768-0.224l-14.624-9.76q-0.608-0.416-0.608-1.152v-9.728q0-0.736 0.608-1.152l14.624-9.76q0.384-0.224 0.768-0.224t0.768 0.224l14.624 9.76q0.608 0.416 0.608 1.152z'></path>            </svg>")}.social-media__item a .social__icon--linkedin{mask:url("data:image/svg+xml,            <svg width='24' height='27' viewBox='0 0 28 32' xmlns='http://www.w3.org/2000/svg'>              <path d='M4.224 25.248h4.128v-12.384h-4.128v12.384zM8.64 9.024q-0.032-0.928-0.672-1.536t-1.632-0.608-1.696 0.608-0.672 1.536q0 0.928 0.64 1.536t1.664 0.608v0q1.056 0 1.696-0.608t0.672-1.536zM19.072 25.248h4.128v-7.104q0-2.752-1.312-4.16t-3.424-1.408q-2.432 0-3.744 2.080h0.032v-1.792h-4.128q0.064 1.184 0 12.384h4.128v-6.944q0-0.672 0.128-0.992 0.256-0.608 0.8-1.056t1.312-0.448q2.080 0 2.080 2.816v6.624zM27.424 7.424v17.152q0 2.112-1.504 3.616t-3.648 1.536h-17.12q-2.144 0-3.648-1.536t-1.504-3.616v-17.152q0-2.112 1.504-3.616t3.648-1.536h17.12q2.144 0 3.648 1.536t1.504 3.616z'></path>            </svg>");width:24px}.social-media__item a .social__icon--github{mask:url("data:image/svg+xml,            <svg width='27' height='27' viewBox='0 0 27 32' xmlns='http://www.w3.org/2000/svg'>              <path d='M13.728 2.272q3.712 0 6.88 1.856t4.992 4.992 1.824 6.88q0 4.48-2.624 8.064t-6.752 4.96q-0.48 0.096-0.704-0.128t-0.224-0.544q0-0.032 0-1.376t0-2.4q0-1.728-0.928-2.528 1.024-0.096 1.824-0.32t1.696-0.704 1.44-1.184 0.96-1.856 0.352-2.688q0-2.144-1.408-3.68 0.672-1.632-0.128-3.648-0.512-0.16-1.472 0.192t-1.632 0.8l-0.672 0.416q-1.664-0.48-3.424-0.48t-3.456 0.48q-0.256-0.192-0.736-0.48t-1.504-0.704-1.504-0.224q-0.8 2.016-0.16 3.648-1.408 1.536-1.408 3.68 0 1.504 0.384 2.656t0.928 1.888 1.44 1.184 1.664 0.704 1.824 0.32q-0.672 0.64-0.864 1.856-0.384 0.16-0.8 0.256t-1.024 0.096-1.152-0.384-0.992-1.12q-0.352-0.576-0.864-0.928t-0.896-0.448l-0.352-0.032q-0.384 0-0.512 0.064t-0.096 0.224 0.16 0.256 0.224 0.192l0.128 0.096q0.384 0.192 0.768 0.672t0.576 0.928l0.192 0.416q0.224 0.672 0.768 1.088t1.184 0.544 1.248 0.096 0.992-0.032l0.416-0.096q0 0.704 0 1.6t0.032 0.96q0 0.32-0.256 0.544t-0.704 0.128q-4.128-1.376-6.752-4.96t-2.624-8.064q0-3.744 1.856-6.88t4.96-4.992 6.912-1.856zM5.184 21.984q0.064-0.128-0.096-0.224-0.192-0.032-0.256 0.032-0.032 0.128 0.128 0.224t0.224-0.032zM5.76 22.592q0.128-0.096-0.032-0.288-0.192-0.16-0.288-0.064-0.128 0.096 0.032 0.288t0.288 0.064zM6.272 23.392q0.192-0.128 0-0.352-0.128-0.224-0.288-0.096-0.16 0.096 0 0.32t0.288 0.128zM7.040 24.128q0.128-0.128-0.064-0.32-0.224-0.224-0.352-0.064-0.16 0.16 0.064 0.352 0.192 0.192 0.352 0.032zM8.064 24.576q0.032-0.192-0.256-0.288-0.256-0.064-0.32 0.128t0.224 0.288q0.256 0.096 0.352-0.128zM9.184 24.672q0-0.224-0.32-0.192-0.288 0-0.288 0.192 0 0.224 0.32 0.192 0.288 0 0.288-0.192zM10.208 24.512q-0.032-0.224-0.32-0.16-0.288 0.032-0.256 0.256t0.32 0.128 0.256-0.224z'></path>            </svg>")}.social-media__item a .social__icon--twitter{mask:url("data:image/svg+xml,            <svg width='27' height='27' viewBox='0 0 30 32' xmlns='http://www.w3.org/2000/svg'>              <path d='M28.928 7.296q-1.184 1.728-2.88 2.976 0 0.256 0 0.736 0 2.336-0.672 4.64t-2.048 4.448-3.296 3.744-4.608 2.624-5.792 0.96q-4.832 0-8.832-2.592 0.608 0.064 1.376 0.064 4.032 0 7.168-2.464-1.888-0.032-3.36-1.152t-2.048-2.848q0.608 0.096 1.088 0.096 0.768 0 1.536-0.192-2.016-0.416-3.328-1.984t-1.312-3.68v-0.064q1.216 0.672 2.624 0.736-1.184-0.8-1.888-2.048t-0.704-2.752q0-1.568 0.8-2.912 2.176 2.656 5.248 4.256t6.656 1.76q-0.16-0.672-0.16-1.312 0-2.4 1.696-4.064t4.064-1.696q2.528 0 4.224 1.824 1.952-0.384 3.68-1.408-0.672 2.048-2.56 3.2 1.664-0.192 3.328-0.896z'></path>            </svg>")}.pagination{column-gap:2rem;display:flex;justify-content:center;margin:3rem 0}.pagination__item{align-items:center;border:2px solid currentColor;border-radius:3rem;display:flex;justify-content:center;padding:0.75rem;text-decoration:none;transition:border-color ease var(--transition-duration);width:50%}.pagination__item:focus,.pagination__item:hover{border-color:var(--color-shades-primary);color:var(--color-shades-primary)}.pagination__item:focus{outline:unset}@media (prefers-color-scheme: dark){:root{--color-mid-text: #585b63;--color-primary-info-bg: #3d3d3d;--color-shades-primary-glare: #8494ab;--color-stroke: #2d2d2f;--color-dark-theme-primary-info: #718eff}body{background-color:#121212;color:var(--color-shades-tertiary-bright)}.skip-nav a{background-color:transparent;color:#cacaca;outline-color:#444}.skip-nav a:hover{color:var(--color-dark-theme-primary-info)}a{color:var(--color-dark-theme-primary-info)}aside.message,blockquote.message{background-color:#202831;color:#99b5fb}aside.message.notification,blockquote.message.notification{background-color:#272114;color:#ee6e25}.heading__brand{color:#9c9898}.heading__brand .header-nav .header-nav__title{color:var(--color-shades-tertiary-bright)}.heading__brand .header-nav a:hover{color:var(--color-dark-theme-primary-info)}.post-header__meta .data.comments::before{background-image:url("data:image/svg+xml,          <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>            <path fill='%238494ab' d='M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z'/>          </svg>")}.post-header__meta .data.published::before{background-image:url("data:image/svg+xml,          <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>            <path fill='%238494ab' d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192H400V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z'/>          </svg>")}.post-header__meta .data.reading-time::before{background-image:url("data:image/svg+xml,          <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E>            <path fill='%238494ab' d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/>          </svg>")}.post-header__meta .data.views::before{background-image:url("data:image/svg+xml,          <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' height='34' width='34'>            <path fill='%238494ab' d='M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z'/>          </svg>")}.post-link .post-header__title{-webkit-text-decoration:underline solid rgba(255,255,255,0);text-decoration:underline solid rgba(255,255,255,0);transition:text-decoration-color var(--transition-duration);transition:text-decoration-color var(--transition-duration),-webkit-text-decoration-color var(--transition-duration)}}@media (prefers-color-scheme: dark) and (max-width: 36rem){.post-link .post-header__title{text-decoration-color:#fff}}@media (prefers-color-scheme: dark){.post-link:focus .post-header__title,.post-link:hover .post-header__title{text-decoration-color:#fff}.pill{color:var(--color-shades-tertiary-bright)}pre>code,code{background-color:#1f2021;border-color:#808083}.token.property,.token.tag{color:#99c192}.token.selector,.token.attr-name,.token.attr-value .punctuation:first-child,.token.keyword,.token.regex,.token.important,.token.operator,.token.entity,.token.url,.language-css .token.string{color:#ff89b9}.token.punctuation,.token.string,.token.atrule,.token.attr-value{color:#c7caff}.token.boolean,.token.number{color:#48a3cd}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#acafb8}.pagination__item:focus,.pagination__item:hover{border-color:#49494c;color:var(--color-shades-tertiary-bright)}}