:root{--spacing: 1rem;--spacing-small: calc(var(--spacing) / 2);--spacing-large: calc(var(--spacing) * 2);--color-black: #000;--color-white: #FFF;--color-highlight: #329BCD;--color-primary: #2196F3;--color-primary-light: #BBDEFB;--color-primary-dark: #1976D2;--color-text: #212121;--color-text-light: var(--color-white);--color-text-dark: #757575;--color-accent: #FF5722;--color-divider: #BDBDBD;--color-error: #F00;--page-background-color: var(--color-white);--content-width: 50rem;--font-stack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--post-overview-item-title-font-size: 2rem;--post-overview-item-spacing: var(--spacing);--code-text-color: #F8F8F2;--code-text-color-value: var(--color-accent);--code-background-color: #1D1E22;--code-background-color-lighter: #E4E4E4;--code-font-stack: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--code-color-comment: #D4D0AB;--code-color-punctuation: #FEFEFE;--code-color-property: #FFA07A;--code-color-number: #00E0E0;--code-color-selector: #ABE338;--code-color-operator: #00E0E0;--code-color-function: #FFD700;--code-color-keyword: #00E0E0;--code-color-important: #FFD700;--code-block-padding: var(--spacing);--code-block-margin: var(--spacing-small);--code-block-border-radius: 4px;--code-inline-padding: 0.15em;--code-tag-background-color: var(--code-text-color);--code-tag-text-color: var(--code-background-color)}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--font-stack-system)}body{overflow-x:hidden;margin:0;padding-left:var(--spacing);padding-right:var(--spacing);background-color:var(--page-background-color);color:var(--color-text)}:root{--link-underline-height: 0.1em}a,a:visited{text-decoration:none;color:var(--color-primary)}a:not([class]){position:relative;display:inline-block;color:var(--color-text)}a:not([class])::after{content:"";position:absolute;left:0;right:0;top:100%;display:inline-block;width:100%;height:var(--link-underline-height);background-color:var(--color-highlight)}a:hover,a:focus{color:var(--color-highlight)}:not(pre) code,pre{font-family:var(--code-font-stack);color:var(--code-text-color)}:not(pre) code{padding:var(--code-inline-padding);background-color:var(--code-background-color-lighter);color:var(--color-text)}code[class*="language-"],pre[class*="language-"]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none;background-color:var(--code-background-color);color:var(--code-text-color-value)}pre[class*="language-"]{position:relative;overflow:auto;margin-top:var(--code-block-margin);margin-bottom:var(--code-block-margin);padding:var(--code-block-padding);border-radius:var(--code-block-border-radius)}pre[class*="language-"]::after{position:absolute;z-index:5;top:0;right:0;display:inline-block;background-color:var(--code-tag-background-color);color:var(--code-tag-text-color)}pre[class="language-scss"]::after{content:"scss"}pre[class="language-css"]::after{content:"css"}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-color-comment)}.token.punctuation{color:var(--code-color-punctuation)}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:var(--code-color-property)}.token.boolean,.token.number{color:var(--code-color-number)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-color-selector)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:var(--code-color-operator)}.token.atrule,.token.attr-value,.token.function{color:var(--code-color-function)}.token.keyword{color:var(--code-color-keyword)}.token.regex,.token.important{color:var(--code-color-important)}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--draft-badge-background: var(--color-red);--draft-badge-color: var(--color-white)}img{max-width:100%}.o-main-footer{width:100%;margin-top:auto}.u-full-width{width:100vw;margin-left:50%;padding:var(--spacing);transform:translateX(-50%)}.u-full-width__inner{max-width:var(--content-width);margin:0 auto}.c-post-intro{background-color:var(--color-primary-light)}.c-post-header{background-color:var(--color-primary);color:var(--color-text-light)}.c-post-header__title{margin-top:0;margin-bottom:0}.c-article-heading{transition:background-color 0.3s ease}.c-article-heading:target{color:var(--color-accent)}.c-permalink{display:inline-block;margin-right:var(--spacing-small)}.c-copyright{font-size:0.75rem;text-align:center}.o-content-wrap{max-width:var(--content-width);margin-left:auto;margin-right:auto}.o-meta{margin:0;padding:0;list-style:none;font-size:0.8rem}.o-meta__item{display:inline-block;color:var(--color-text)}.o-meta__item:not(:last-child){margin-right:var(--spacing)}.c-tag-list{margin:0;padding:0;list-style:none}.c-tag-list__item{display:inline-block}.c-tag-list__item::before{content:"#"}.c-tag-list__item:not(:last-child){margin-right:var(--spacing)}.c-post-overview{margin:0;padding:0;list-style:none}.c-post-overview__item{padding-top:var(--spacing);padding-bottom:var(--spacing)}.c-post-overview--draft .c-post-overview__item{position:relative}.c-post-overview--draft .c-post-overview__item::after{content:"DRAFT";position:absolute;top:0;left:0;background-color:var(--draft-badge-background);color:var(--draft-badge-color)}.c-post-overview__item:not(:last-child){margin-bottom:var(--post-overview-item-spacing);border-bottom:1px solid var(--color-divider)}.c-post-overview__item__date{display:block}.c-post-overview__item__title{display:block;font-size:var(--post-overview-item-title-font-size);text-decoration:none}