:root { --fontstack-prefix: -apple-system, BlinkMacSystemFont,; --fontstack-sans-serif: "Helvetica Neue", Arial, sans-serif; --fontstack-serif: Georgia, serif; --fontstack-monospace: Menlo, Consolas, monospace; --fontstack-default: var(--fontstack-prefix) var(--fontstack-sans-serif); --font-size-base: 1rem; --font-size-factor: 1vw; --font-size: 1.6vw; --font-features: "halt", "cv01", "cv02", "cv03"; --line-height: calc(20 / 14); --heading-letter-spacing: -.04em; --breakpoint-lg: 1600px; --breakpoint-md: 1080px; --breakpoint-sm: 640px; --breakpoint-xs: 400px; --space-lg: 24vw; --space-md: 8vw; --space-sm: 4vw; --space-xs: 1.2vw; --border-lg: 4px; --border-md: 2px; --border-sm: 1px; --nav-padding: .75vmax; --nav-item-space: 1.4vmax; --text-color-h: 318; --text-color-s: 30%; --text-color-l: 10%; --text-color-hsl: var(--text-color-h), var(--text-color-s), var(--text-color-l); --text-color: hsl(var(--text-color-hsl)); --text-color-0: hsla(var(--text-color-hsl), 0); --text-color-3: hsla(var(--text-color-hsl), .03); --text-color-5: hsla(var(--text-color-hsl), .05); --text-color-7: hsla(var(--text-color-hsl), .07); --text-color-10: hsla(var(--text-color-hsl), .1); --text-color-20: hsla(var(--text-color-hsl), .2); --text-color-30: hsla(var(--text-color-hsl), .3); --text-color-40: hsla(var(--text-color-hsl), .4); --text-color-50: hsla(var(--text-color-hsl), .5); --text-color-60: hsla(var(--text-color-hsl), .6); --text-color-70: hsla(var(--text-color-hsl), .7); --text-color-80: hsla(var(--text-color-hsl), .8); --text-color-90: hsla(var(--text-color-hsl), .9); --text-color-light: hsl(var(--text-color-h), var(--text-color-s), calc(var(--text-color-l) / .9)); --text-color-dark: hsl(var(--text-color-h), var(--text-color-s), calc(var(--text-color-l) * .9)); --link-color-h: 318; --link-color-s: 100%; --link-color-l: 50%; --link-color-hsl: var(--link-color-h), var(--link-color-s), var(--link-color-l); --link-color: hsl(var(--link-color-hsl)); --link-color-0: hsla(var(--link-color-hsl), 0); --link-color-3: hsla(var(--link-color-hsl), .03); --link-color-5: hsla(var(--link-color-hsl), .05); --link-color-7: hsla(var(--link-color-hsl), .07); --link-color-10: hsla(var(--link-color-hsl), .1); --link-color-20: hsla(var(--link-color-hsl), .2); --link-color-30: hsla(var(--link-color-hsl), .3); --link-color-40: hsla(var(--link-color-hsl), .4); --link-color-50: hsla(var(--link-color-hsl), .5); --link-color-60: hsla(var(--link-color-hsl), .6); --link-color-70: hsla(var(--link-color-hsl), .7); --link-color-80: hsla(var(--link-color-hsl), .8); --link-color-90: hsla(var(--link-color-hsl), .9); --link-color-light: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) / .9)); --link-color-dark: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) * .9)); --bg-color-h: 318; --bg-color-s: 30%; --bg-color-l: 100%; --bg-color-hsl: var(--bg-color-h), var(--bg-color-s), var(--bg-color-l); --bg-color: hsl(var(--bg-color-hsl)); --bg-color-0: hsla(var(--bg-color-hsl), 0); --bg-color-3: hsla(var(--bg-color-hsl), .03); --bg-color-5: hsla(var(--bg-color-hsl), .05); --bg-color-7: hsla(var(--bg-color-hsl), .07); --bg-color-10: hsla(var(--bg-color-hsl), .1); --bg-color-20: hsla(var(--bg-color-hsl), .2); --bg-color-30: hsla(var(--bg-color-hsl), .3); --bg-color-40: hsla(var(--bg-color-hsl), .4); --bg-color-50: hsla(var(--bg-color-hsl), .5); --bg-color-60: hsla(var(--bg-color-hsl), .6); --bg-color-70: hsla(var(--bg-color-hsl), .7); --bg-color-80: hsla(var(--bg-color-hsl), .8); --bg-color-90: hsla(var(--bg-color-hsl), .9); --bg-color-light: hsl(var(--bg-color-h), var(--bg-color-s), calc(var(--bg-color-l) / .9)); --bg-color-dark: hsl(var(--bg-color-h), var(--bg-color-s), calc(var(--bg-color-l) * .9)); --code-color-h: calc(var(--link-color-h) + 30); --code-color-s: calc(var(--link-color-s) * .2 + 30%); --code-color-l: var(--link-color-l); --code-color-hsl: var(--code-color-h), var(--code-color-s), var(--code-color-l); --code-color: hsl(var(--code-color-hsl)); --code-color-0: hsla(var(--code-color-hsl), 0); --code-color-3: hsla(var(--code-color-hsl), .03); --code-color-5: hsla(var(--code-color-hsl), .05); --code-color-7: hsla(var(--code-color-hsl), .07); --code-color-10: hsla(var(--code-color-hsl), .1); --code-color-20: hsla(var(--code-color-hsl), .2); --code-color-30: hsla(var(--code-color-hsl), .3); --code-color-40: hsla(var(--code-color-hsl), .4); --code-color-50: hsla(var(--code-color-hsl), .5); --code-color-60: hsla(var(--code-color-hsl), .6); --code-color-70: hsla(var(--code-color-hsl), .7); --code-color-80: hsla(var(--code-color-hsl), .8); --code-color-90: hsla(var(--code-color-hsl), .9); --code-color-light: hsl(var(--code-color-h), var(--code-color-s), calc(var(--code-color-l) / .9)); --code-color-dark: hsl(var(--code-color-h), var(--code-color-s), calc(var(--code-color-l) * .9)); }

*, *::before, *::after { padding: 0; margin: 0; box-sizing: border-box; }

html { font-size: 100%; text-size-adjust: none; text-rendering: optimizelegibility; image-rendering: optimizequality; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: var(--bg-color); }

body { --space-body: var(--space-lg); padding-top: 0; padding-bottom: 0; padding-left: var(--space-body); padding-right: var(--space-body); margin: 0 auto 0; font-family: var(--fontstack-default); font-size: var(--font-size); font-feature-settings: var(--font-features); line-height: var(--line-height); hanging-punctuation: first allow-end; color: var(--text-color); background: var(--bg-color); transition: all .2s ease; }

@media (max-width: 1080px) { body { --space-body: var(--space-md); font-size: calc(var(--font-size) * 1.4); } }

@media (max-width: 640px) { body { --space-body: var(--space-sm); font-size: calc(var(--font-size) * 2.4); } }

@media (max-width: 400px) { body { font-size: calc(var(--font-size) * 3.2); } }

input, button, select, textarea { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input, select[multiple], textarea { background-image: none; }

a, button { color: var(--text-color); text-decoration: none; transition: color .5s ease, border-color .5s ease, background .5s ease, opacity 1.5s ease; }

a:hover, a:focus, button:hover, button:focus { transition: color .1s ease, border-color .1s ease, background .1s ease, opacity .1s ease; text-decoration: underline; }

a[disabled], button[disabled] { opacity: .4; cursor: not-allowed; }

button { appearance: none; cursor: pointer; background: none; border: none; outline: none; }

img, hr { border: 0; }

del { text-decoration: line-through; }

::placeholder { color: var(--text-color); opacity: .2; }

:focus::placeholder { color: var(--link-color); }

.navigation { padding-top: var(--nav-padding); padding-bottom: var(--nav-padding); margin-right: calc(var(--nav-item-space) * -1); margin-left: calc(var(--nav-item-space) * -1); font-size: 90%; font-weight: bold; }

.navigation li { display: inline-block; line-height: 2; }

.navigation li a { padding: 0.5em var(--nav-item-space); }

.navigation li a:hover, .navigation li a:focus { color: var(--link-color); text-decoration: none; }

.current a { color: var(--link-color); }

body:hover .latest { color: var(--link-color) !important; }

.content { margin-bottom: 16vmin; }

.content::before, .content::after { display: table; content: ""; }

.content::after { clear: both; }

.content article > *:last-child { margin-bottom: 0 !important; }

.content article > *:last-child > *:last-child { margin-bottom: 0 !important; }

.content article > *:last-child > *:last-child > *:last-child { margin-bottom: 0 !important; }

.content article > *:last-child > *:last-child > *:last-child > *:last-child { margin-bottom: 0 !important; }

.content .post-content > *:first-child, .content .page-content > *:first-child { margin-top: 0; }

.content .post-content > *:first-child > *:first-child, .content .page-content > *:first-child > *:first-child { margin-top: 0; }

.content a { font-weight: bold; }

.content a:has(> code) { text-decoration-color: var(--code-color); }

.content p { margin-bottom: 1.6rem; line-height: calc(var(--line-height) * 1.2); }

.content header { --header-height: 100vh; --space-header: var(--space-lg); display: flex; min-height: calc(var(--header-height) - (var(--nav-padding) * 4) - (var(--nav-item-space) * 4) - (1ex * .9 * 2)); padding-top: 10vmin; padding-bottom: 10vmin; margin-bottom: 16vmin; flex-direction: column; justify-content: center; background: var(--text-color-3); padding-left: var(--space-header); padding-right: var(--space-header); margin-left: calc(var(--space-header) * -1); margin-right: calc(var(--space-header) * -1); }

@media (max-width: 1080px) { .content header { --header-height: 70vh; --space-header: var(--space-md); padding-top: 16vmin; padding-bottom: 16vmin; } }

@media (max-width: 640px) { .content header { --space-header: var(--space-sm); } }

.content header h1 { font-size: 360%; font-weight: bold; letter-spacing: var(--heading-letter-spacing); margin-left: -2px; hyphens: none; line-height: 1.1; color: var(--link-color); }

@media (max-width: 640px) { .content header h1 { font-size: 280%; } }

.content header h1 svg, .content header h1 img { display: block; max-width: 100%; margin-left: 0; margin-right: 0; margin-bottom: .3em; }

@media (max-width: 640px) { .content header h1 svg, .content header h1 img { width: 100% !important; height: 100% !important; } }

.content header h2 { margin: 1.2vmin 0 0; }

.content header .image-title { text-indent: -999999px; line-height: 0; }

.content header small { display: block; margin-top: 2vmin; }

.content h2, .content h3, .content h4, .content h5, .content h6 { margin: 10vmin 0 1rem; font-size: 72%; font-weight: normal; opacity: .5; }

.content ul, .content ol { margin-bottom: 1.8rem; list-style: none; counter-reset: list; }

@media (max-width: 640px) { .content ul, .content ol { margin-left: 1em; } }

.content ul li, .content ol li { line-height: calc(var(--line-height) * 1.2); }

.content ul li::before, .content ol li::before { position: absolute; display: flex; justify-content: flex-end; width: 4em; margin-top: 0; margin-left: -4em; text-align: right; opacity: .4; pointer-events: none; }

.content ul li > ul, .content ul li > ol, .content ol li > ul, .content ol li > ol { margin-left: 1em; margin-bottom: 0; }

.content ul li::before { content: "-"; padding-right: .5em; }

.content ol li::before { counter-increment: list; content: counter(list) "."; padding-right: .25em; }

.content dl { line-height: calc(var(--line-height) * 1.2); }

@media (max-width: 640px) { .content dl { margin-left: 1em; } }

.content dl dt::before { position: absolute; width: 1em; margin-left: -1em; content: "-"; opacity: .6; pointer-events: none; }

.content dl dd { margin-bottom: 1.8rem; }

.content img, .content video, .content iframe, .content .browser { --space-deco: var(--space-md); display: block; width: calc(100% + var(--space-deco) * 2); margin-left: calc(var(--space-deco) * -1); margin-right: calc(var(--space-deco) * -1); margin-bottom: 1.8rem; }

@media (max-width: 1080px) { .content img, .content video, .content iframe, .content .browser { --space-deco: var(--space-md); } }

@media (max-width: 640px) { .content img, .content video, .content iframe, .content .browser { --space-deco: var(--space-sm); } }

.content img.size-fit, .content img.no-enlarge, .content video.size-fit, .content video.no-enlarge, .content iframe.size-fit, .content iframe.no-enlarge, .content .browser.size-fit, .content .browser.no-enlarge { margin-left: 0; margin-right: 0; max-width: 100%; width: auto; }

.content img.size-large, .content video.size-large, .content iframe.size-large, .content .browser.size-large { --space-deco: var(--space-lg); }

@media (max-width: 1080px) { .content img.size-large, .content video.size-large, .content iframe.size-large, .content .browser.size-large { --space-deco: var(--space-md); } }

@media (max-width: 640px) { .content img.size-large, .content video.size-large, .content iframe.size-large, .content .browser.size-large { --space-deco: var(--space-sm); } }

.content img.size-small, .content video.size-small, .content iframe.size-small, .content .browser.size-small { --space-deco: var(--space-xs); }

@media (max-width: 1080px) { .content img.size-small, .content video.size-small, .content iframe.size-small, .content .browser.size-small { --space-deco: var(--space-md); } }

@media (max-width: 640px) { .content img.size-small, .content video.size-small, .content iframe.size-small, .content .browser.size-small { --space-deco: var(--space-sm); } }

.content img.size-left, .content video.size-left, .content iframe.size-left, .content .browser.size-left { float: left; max-width: 36vw; margin-top: calc(var(--space-xs) / 2); margin-right: var(--space-xs); margin-bottom: calc(var(--space-xs) / 2); }

@media (max-width: 1080px) { .content img.size-left, .content video.size-left, .content iframe.size-left, .content .browser.size-left { float: none; max-width: none; margin-top: auto; margin-right: auto; margin-bottom: auto; } }

.content img.size-right, .content video.size-right, .content iframe.size-right, .content .browser.size-right { float: right; max-width: 36vw; margin-top: calc(var(--space-xs) / 2); margin-left: var(--space-xs); margin-bottom: calc(var(--space-xs) / 2); }

@media (max-width: 1080px) { .content img.size-right, .content video.size-right, .content iframe.size-right, .content .browser.size-right { float: none; max-width: none; margin-top: auto; margin-left: auto; margin-bottom: auto; } }

.content img.no-resize, .content img.noresize, .content img.size-original, .content video.no-resize, .content video.noresize, .content video.size-original, .content iframe.no-resize, .content iframe.noresize, .content iframe.size-original, .content .browser.no-resize, .content .browser.noresize, .content .browser.size-original { width: unset; max-width: 100%; margin-left: unset; margin-right: unset; }

.content img.no-resize.center, .content img.noresize.center, .content img.size-original.center, .content video.no-resize.center, .content video.noresize.center, .content video.size-original.center, .content iframe.no-resize.center, .content iframe.noresize.center, .content iframe.size-original.center, .content .browser.no-resize.center, .content .browser.noresize.center, .content .browser.size-original.center { margin-left: auto; margin-right: auto; }

.content blockquote { position: relative; margin-bottom: 2.8rem; margin-left: calc(var(--space-xs) * -1); font-size: 90%; }

@media (max-width: 640px) { .content blockquote { margin-left: 0; } }

.content blockquote > p { padding-left: var(--space-xs); border-left: var(--border-md) solid; color: var(--text-color-60); padding-bottom: 1.6em; margin-bottom: 0; }

.content blockquote > p:last-of-type { padding-bottom: 0; margin-bottom: .4em; }

@media (max-width: 640px) { .content blockquote > p { padding-left: calc(var(--space-sm) - var(--border-md)); padding-right: var(--space-sm); margin-left: calc(var(--space-sm) * -1); margin-right: calc(var(--space-sm) * -1); } }

.content blockquote footer::before, .content blockquote footer::after { display: table; content: ""; }

.content blockquote footer::after { clear: both; }

.content blockquote cite { float: right; font-style: normal; }

.content blockquote cite::before { content: "\2500\2500\00a0"; }

.content details { margin-bottom: 1.8rem; }

.content details summary { position: relative; list-style: none; line-height: calc(var(--line-height) * 1.2); outline: none; cursor: pointer; }

@media (max-width: 640px) { .content details summary { margin-left: 1em; } }

.content details summary::-webkit-details-marker { display: none; }

.content details summary::before { content: "+"; position: absolute; display: flex; justify-content: center; width: 1ex; left: -.5em; margin-top: 0; margin-left: -1ex; text-align: right; opacity: .4; transition: opacity .2s ease, transform .2s ease; transform-origin: center center; font-feature-settings: "case"; }

.content details[open] summary::before { opacity: 1; transform: rotate(45deg); }

.content hr::before { display: block; content: ''; width: 3px; height: 3px; margin: 2em auto; border-radius: 50%; background: var(--text-color); box-shadow: 24px 0 0 0 var(--text-color), -24px 0 0 0 var(--text-color); }

.content sup { font-size: 75%; }

.content pre, .content code { font-family: var(--fontstack-monospace); color: var(--code-color); }

.content pre { background: var(--code-color-5); }

.content code { font-size: 92%; overflow-wrap: break-word; }

.content pre, .content .highlight > pre, .content .highlighter-rouge pre.highlight { --space-code: var(--space-xs); padding-top: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-code); padding-right: var(--space-code); margin-left: calc(var(--space-code) * -1); margin-right: calc(var(--space-code) * -1); margin-bottom: 1.8rem; overflow-x: auto; font-size: 80%; line-height: calc(var(--line-height) * 1.2); -webkit-overflow-scrolling: touch; }

@media (max-width: 1080px) { .content pre, .content .highlight > pre, .content .highlighter-rouge pre.highlight { --space-code: var(--space-md); } }

@media (max-width: 640px) { .content pre, .content .highlight > pre, .content .highlighter-rouge pre.highlight { --space-code: var(--space-sm); } }

.content pre code, .content .highlight > pre code, .content .highlighter-rouge pre.highlight code { overflow-wrap: normal; }

.content form input { display: block; width: 100%; padding: 1vmin 0; margin: 0 0 1.8rem; border: none; border-bottom: 1px solid var(--text-color); background: inherit; border-radius: 0; outline: none; transition: padding .2s ease; }

.content form input:focus { border-color: var(--text-color); }

.content input:focus:required:invalid:focus, .content textarea:focus:required:invalid:focus, .content select:focus:required:invalid:focus { color: var(--link-color); border-color: var(--link-color); box-shadow: none; }

.content table { --space-table: var(--space-xs); width: calc(100% + var(--space-table) * 2); border-collapse: collapse; border-spacing: 0; font-size: 90%; margin-left: calc(var(--space-table) * -1); margin-right: calc(var(--space-table) * -1); margin-bottom: 1.8rem; }

@media (max-width: 1080px) { .content table { --space-table: var(--space-md); } }

@media (max-width: 640px) { .content table { --space-table: var(--space-sm); } }

.content table th, .content table td { --space-table-cell: var(--space-xs); padding: 0.6em var(--space-xs); }

.content table th:first-child, .content table td:first-child { padding-left: var(--space-table-cell); }

.content table th:last-child, .content table td:last-child { padding-right: var(--space-table-cell); }

@media (max-width: 1080px) { .content table th, .content table td { --space-table-cell: var(--space-md); } }

@media (max-width: 640px) { .content table th, .content table td { --space-table-cell: var(--space-sm); } }

.content table th { border-bottom: var(--border-md) solid var(--text-color-5); text-align: left; }

.content table td { border-top: var(--border-sm) solid var(--text-color-5); }

:lang(zh), :lang(ja) { text-align: justify; }

:lang(zh) header, :lang(zh) header *, :lang(ja) header, :lang(ja) header * { text-align: start; }

:lang(zh) ruby rt, :lang(ja) ruby rt { text-align: start; }

.post-modified-date { font-size: 75%; opacity: .5; }

@media only percy { .post-modified-date { display: none; } }

.largetype { font-size: 360%; font-weight: bold; letter-spacing: var(--heading-letter-spacing); font-size: 200%; margin-bottom: 1.8rem !important; }

.browser { position: relative; padding-top: 24px; background: rgba(255, 255, 255, 0.1); border-radius: 5px 5px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }

@media (max-width: 1080px), (max-width: 640px) { .browser { border-radius: 0; } }

.browser::before { position: absolute; top: 8px; left: 10px; display: block; width: 8px; height: 8px; background: #fcdddf; border-radius: 50%; content: ""; box-shadow: 16px 0 0 0 rgba(254, 240, 203, 0.96), 32px 0 0 0 rgba(177, 247, 185, 0.96), 0 0 0 1px rgba(156, 11, 21, 0.3), 16px 0 0 1px rgba(147, 108, 4, 0.3), 32px 0 0 1px rgba(11, 107, 22, 0.3); }

.browser img { margin-left: 0; margin-right: 0; width: auto; max-width: 100%; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05); }

.screenshot-mac { --osx-shadow-size: 56px; margin-left: calc(var(--osx-shadow-size) * -1); margin-right: calc(var(--osx-shadow-size) * -1); }

@media (max-width: 1080px), (max-width: 640px) { .screenshot-mac { margin-left: 0; margin-right: 0; } }

.note, .store, .download { padding-left: var(--space-xs); margin-left: calc(var(--space-xs) * -1); border-left: var(--border-md) solid var(--link-color); }

@media (max-width: 640px) { .note, .store, .download { padding-left: calc(var(--space-sm) - var(--border-md)); padding-right: var(--space-sm); margin-left: calc(var(--space-sm) * -1); margin-right: calc(var(--space-sm) * -1); } }

.footnotes { font-size: 80%; }

.footnotes::before { display: block; content: ''; width: 3px; height: 3px; margin: 2em auto; border-radius: 50%; background: var(--text-color); box-shadow: 24px 0 0 0 var(--text-color), -24px 0 0 0 var(--text-color); }

:target [rev=footnote], :target [rel=footnote], :target .reversefootnote, :target .footnote { color: var(--link-color); }

.list { display: block; margin: 0 0 .4rem; }

.list h1 { font-size: 360%; font-weight: bold; letter-spacing: var(--heading-letter-spacing); font-size: 200%; line-height: 1.1; opacity: 1; margin: 0; }

@media (max-width: 640px) { .list h1 { font-size: 180%; } }

@media (max-width: 640px) { .list .external { display: none; } }

.external .dot { display: inline-block; width: .7rem; height: .7rem; margin: 0 .1em; vertical-align: middle; background: var(--text-color); border-radius: 50%; transition: transform .4s ease; }

.external .dot--post { margin-left: 1rem; }

.external:hover .dot, .external:focus .dot { transform: scale(1.4); }

.of-case { font-feature-settings: "case"; }

.footer { padding: 0 0 16vmin; margin-right: calc(var(--nav-item-space) * -1); margin-left: calc(var(--nav-item-space) * -1); font-size: 80%; text-transform: lowercase; }

.footer ul li { display: inline-block; line-height: 1.8; }

.footer ul li a { padding: 0.5em var(--nav-item-space); }

.footer ul li a:hover, .footer ul li a:focus { color: var(--link-color); text-decoration: none; }

.gist { font-size: 80% !important; }

.gist code, .gist pre { padding: 0; color: inherit; background-color: transparent; }

.gist .gist-data { font-family: var(--fontstack-monospace) !important; }

.gist .gist-data .file-data { font-size: 100% !important; }

.gist .gist-data .file-data > table { margin-bottom: 0 !important; }

.gist .highlight { font-size: 90% !important; }

.gist .markdown-body { font-size: 100% !important; padding: 1em !important; }

@media print { *, *::before, *::after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } body { padding: 10mm !important; margin: 0 !important; font-size: calc(var(--font-size) * 1.35); } a, a:visited { text-decoration: none; } .content header { min-height: 0; padding-bottom: 0; } .content .post-content, .content .page-content { max-width: 100% !important; } .content .post-content a[href]::after, .content .page-content a[href]::after { content: " (" attr(href) ")"; font-weight: normal; opacity: .5; } .content .post-content a[href^="#"]::after, .content .post-content a[href^="javascript:"]::after, .content .page-content a[href^="#"]::after, .content .page-content a[href^="javascript:"]::after { content: ""; } .content .post-content abbr[title]::after, .content .page-content abbr[title]::after { content: " (" attr(title) ")"; font-weight: normal; } pre, blockquote { page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navigation, .footer { display: none; } }

@use "sass:math";
:root { --rdmz-h: var(--code-color-h, unitlessness(254deg)); --rdmz-s: var(--code-color-s, 80%); --rdmz-l: var(--code-color-l, 39%); }

.highlight > pre, .highlighter-rouge pre.highlight { background: hsla(var(--rdmz-h), var(--rdmz-s), var(--rdmz-l), 0.03); }

.highlight .err, .highlighter-rouge .err { background-color: hsla(var(--rdmz-h), calc(var(--rdmz-s) * 2), var(--rdmz-l), 0.1); }

.highlight .c, .highlighter-rouge .c { font-style: italic; }

.highlight .cm, .highlighter-rouge .cm { font-style: italic; }

.highlight .cp, .highlighter-rouge .cp { font-weight: bold; }

.highlight .c1, .highlighter-rouge .c1 { font-style: italic; }

.highlight .cs, .highlighter-rouge .cs { font-weight: bold; font-style: italic; }

.highlight .nc, .highlighter-rouge .nc { font-weight: bold; }

.highlight .ne, .highlighter-rouge .ne { font-weight: bold; }

.highlight .nf, .highlighter-rouge .nf { font-weight: bold; }

.highlight .o, .highlighter-rouge .o { font-weight: bold; }

.highlight .ow, .highlighter-rouge .ow { font-weight: bold; }

.highlight .gs, .highlighter-rouge .gs { font-weight: bold; }

.highlight .ge, .highlighter-rouge .ge { font-style: italic; }

.highlight .k, .highlighter-rouge .k { font-weight: bold; }

.highlight .kt, .highlighter-rouge .kt { font-weight: bold; }

.highlight .kc, .highlighter-rouge .kc { font-weight: bold; }

.highlight .kd, .highlighter-rouge .kd { font-weight: bold; }

.highlight .kp, .highlighter-rouge .kp { font-weight: bold; }

.highlight .kr, .highlighter-rouge .kr { font-weight: bold; }

.highlight pre, .highlight code, .highlighter-rouge pre, .highlighter-rouge code { --rdmz-h-local: var(--rdmz-h); color: hsl(var(--rdmz-h), var(--rdmz-s), var(--rdmz-l)); }

.highlight .gd, .highlighter-rouge .gd { --rdmz-h-local: 10; }

.highlight .gi, .highlighter-rouge .gi { --rdmz-h-local: 150; }

.highlight table, .highlight table th, .highlight table td, .highlight table td pre, .highlighter-rouge table, .highlighter-rouge table th, .highlighter-rouge table td, .highlighter-rouge table td pre { padding: 0; margin: 0; border: none; background: transparent; font-size: 100%; }

.highlight table pre, .highlighter-rouge table pre { overflow-x: visible; }

.highlight table .gutter:first-child, .highlight table .gutter:last-child, .highlighter-rouge table .gutter:first-child, .highlighter-rouge table .gutter:last-child { padding: 0 !important; }

.highlight table .gutter .lineno, .highlighter-rouge table .gutter .lineno { color: hsla(var(--rdmz-h), calc(var(--rdmz-s) * .4), var(--rdmz-l), 0.4); user-select: none; }

.highlight table .code, .highlighter-rouge table .code { padding-left: 1em; }

:root { --text-color-h: 140; --link-color-h: 140; --bg-color-h: 140; }

.content .sub-title { font-size: 108%; opacity: .9; }

@font-face { font-family: Anonymous; src: url("/assets/fonts/Anonymous-Pro-Minus.ttf"); }

.title { font-family: Anonymous; }

/*# sourceMappingURL=styles.css.map */