/*!
 *  __  __                __                                     __
 * /\ \/\ \              /\ \             __                    /\ \
 * \ \ \_\ \   __  __    \_\ \      __   /\_\      __       ___ \ \ \/'\
 *  \ \  _  \ /\ \/\ \   /'_` \   /'__`\ \/\ \   /'__`\    /'___\\ \ , <
 *   \ \ \ \ \\ \ \_\ \ /\ \L\ \ /\  __/  \ \ \ /\ \L\.\_ /\ \__/ \ \ \\`\
 *    \ \_\ \_\\/`____ \\ \___,_\\ \____\ _\ \ \\ \__/.\_\\ \____\ \ \_\ \_\
 *     \/_/\/_/ `/___/> \\/__,_ / \/____//\ \_\ \\/__/\/_/ \/____/  \/_/\/_/
 *                 /\___/                \ \____/
 *                 \/__/                  \/___/
 *
 * Powered by Hydejack v9.0.4 <https://hydejack.com/>
 */
@charset "UTF-8";
.clearfix, .layout-resume .columns::after, .layout-resume .clearafter::after, main:not(.layout-resume) .columns::after, .sidebar-social::after { content: ""; display: table; clear: both; }

.color-transition, .layout-resume .symbol, .layout-resume .tag, main:not(.layout-resume) .project-card, .content .avatar, .nav-btn, .nav-btn-bar, .navbar, .pagination, .message, .note-sm, #markdown-toc, .note_default, .pre-header, pre > code .highlight-code-line, .figure-base, .pre-base, article .katex-display, article mjx-container[jax][display="true"], pre, table:not(.highlight), code, .footnotes::before, table:not(.highlight) tbody tr:nth-child(odd) td, table:not(.highlight) tbody tr:nth-child(odd) th, table:not(.highlight) tbody tr:nth-child(even) td, table:not(.highlight) tbody tr:nth-child(even) th, table:not(.highlight) thead + tbody, table:not(.highlight) tbody + tbody, table:not(.highlight) tfoot, table:not(.highlight) thead, table:not(.highlight) td, table:not(.highlight) th, .faded, .figcaption, figure, .figure, .read-more, blockquote, .hr-bottom, .hr-after::after, hr, .hr, p, body { transition: none; }

#_dark-mode { font-size: 1.25rem; }

@media screen { body.light-mode { --body-color: #333; --body-bg: #fff; --border-color: #ebebeb; --gray: #777; --gray-bg: rgba(0, 0, 0, 0.025); --gray-text: #666; --menu-text: #bbb; } body.light-mode .content { -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; } body.dark-mode { --body-color: #ccc; --body-bg: var(--dark-mode-body-bg); --border-color: var(--dark-mode-border-color); --gray: rgba(255,255,255,.5); --gray-bg: rgba(255,255,255,.033); --gray-text: rgba(255,255,255,.625); --menu-text: rgba(255,255,255,.25); } body.dark-mode .content { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } }

@media screen and (prefers-color-scheme: dark) { body { --body-color: #ccc; --body-bg: var(--dark-mode-body-bg); --border-color: var(--dark-mode-border-color); --gray: rgba(255,255,255,.5); --gray-bg: rgba(255,255,255,.033); --gray-text: rgba(255,255,255,.625); --menu-text: rgba(255,255,255,.25); } body .content { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } }

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

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

[tabindex="-1"]:focus { outline: none !important; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

img { vertical-align: middle; border-style: none; }

svg:not(:root) { overflow: hidden; }

a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea { touch-action: manipulation; }

figure { margin: 0 0 1rem; }

label { display: inline-block; margin-bottom: .25rem; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none !important; }

html { --font-family: Noto Sans, Helvetica, Arial, sans-serif; --font-family-heading: Roboto Slab, Helvetica, Arial, sans-serif; --code-font-family: Fira Code, Menlo, Monaco, Consolas, monospace; --gray: #777; --gray-bg: rgba(0, 0, 0, 0.025); --gray-text: #666; --menu-text: #bbb; --body-color: #333; --body-bg: #fff; --border-color: #ebebeb; --root-font-size: 15px; --root-font-size-medium: 16px; --root-font-size-large: 17px; --root-font-size-print: 8pt; --root-line-height: 1.75; --font-weight: 400; --font-weight-bold: 700; --font-weight-heading: 700; --content-width-5: 54rem; --content-margin-5: 4rem; --sidebar-width: 21rem; --half-content: 31rem; --break-point-3: 64em; --break-point-5: 86em; --break-point-dynamic: 1664px; }

* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

html { font-family: var(--font-family); font-size: var(--root-font-size); line-height: var(--root-line-height); }

body { color: var(--body-color); background-color: var(--body-bg); font-weight: var(--font-weight); overflow-y: scroll; }

.content img, .img, .content video, .video { max-width: 100%; height: auto; }

.lead { margin-left: -1rem; margin-right: -1rem; }

img.lead, video.lead { display: block; max-width: calc(100% + 2rem); width: calc(100% + 2rem); height: auto; }

@media (display-mode: standalone) { body { overscroll-behavior-y: contain; } }

:focus { outline-color: var(--accent-color) !important; }

::selection { background: var(--accent-color-faded); }

.heading, .f6, h6, .h6, .f5, h5, .h5, .f4, .sidebar-nav-item, h4, .h4, .post-date, .f3, h3, .h3, .f2, h2, .h2, .f1, h1, .h1 { font-family: var(--font-family-heading); font-weight: var(--font-weight-heading); }

.f1, h1, .h1 { font-size: 2rem; line-height: 1.3; }

.f2, h2, .h2 { font-size: 1.5rem; line-height: 1.4; }

.f3, h3, .h3 { font-size: 1.2em; line-height: 1.5; }

.f4, .sidebar-nav-item, h4, .h4, .post-date { font-size: 1.08rem; }

.f5, h5, .h5 { font-size: 1.04rem; }

.f6, h6, .h6 { font-size: 1rem; }

.content h1 > a, .content .h1 > a { text-decoration: none; border-bottom: none; }

@media screen and (max-width: 42em) { .content h1, .content .h1 { font-size: 1.7rem; line-height: 1.35; } }

@media screen and (min-width: 86em) { .content h1, .content .h1 { font-size: 2.4rem; line-height: 1.25; } }

@media screen and (min-width: 1664px) { body:not(.no-large-headings) .content h1, body:not(.no-large-headings) .content .h1 { width: calc(100% + 50vw - 32rem); font-size: 3rem; line-height: 1.2; } }

@media screen and (min-width: 124em) { body:not(.no-large-headings) .content h1, body:not(.no-large-headings) .content .h1 { font-size: 4rem; line-height: 1.1; } }

h1, h2, h3, .h1, .h2, .h3 { margin: 3rem 0 1rem; }

h4, h5, h6, .h4, .post-date, .h5, .h6 { margin: 2rem 0 .5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

p.lead { font-size: 1.2em; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 0 1rem; }

ul, ol, dl { margin-top: 0; margin-bottom: 1rem; }

ul, ol { padding-left: 1.25rem; }

hr, .hr { border: 0; margin: 1rem 0; border-top: 1px solid var(--border-color); }

.hr-after::after { content: ""; display: block; margin: 1rem 0; border-top: 1px solid var(--border-color); }

.hr-bottom { border-bottom: 1px solid var(--border-color); padding-bottom: .75rem; margin-bottom: 1rem; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .post-date, .h5, .h6, .heading, .f1, .f2, .f3, .f4, .sidebar-nav-item, .f5, .f6 { text-rendering: optimizeLegibility; }

h1 + h2, .h1 + .h2, h1 + .h2, .h1 + h2, h2 + h3, .h2 + .h3, h2 + .h3, .h2 + h3, h3 + h4, .h3 + .h4, .h3 + .post-date, h3 + .h4, h3 + .post-date, .h3 + h4, h4 + h5, .h4 + .h5, .post-date + .h5, h4 + .h5, .h4 + h5, .post-date + h5, h5 + h6, .h5 + .h6, h5 + .h6, .h5 + h6 { margin-top: 0; }

dt, strong { font-weight: var(--font-weight-bold); }

dt:after { content: " :"; color: var(--menu-text); }

dd { margin-bottom: .5rem; }

abbr { font-size: 85%; font-weight: var(--font-weight-bold); text-transform: uppercase; }

abbr[title] { cursor: help; border-bottom: 1px dotted var(--border-color); }

blockquote { padding: .5rem 1rem; margin: .8rem 0; color: var(--gray); border-left: 0.25rem solid var(--border-color); }

blockquote.lead { font-size: 1.2em; margin-top: 1.5rem; margin-bottom: 1.5rem; border-left-width: 0.4rem; }

blockquote > p:last-child { margin-bottom: 0; }

.heading, .f1, .f2, .f3, .f4, .sidebar-nav-item, .f5, .f6, h1, .h1, h2, .h2, h3, .h3, h4, .h4, .post-date, h5, .h5, h6, .h6 { font-weight: var(--font-weight-heading); }

.fine, .figcaption, figure, .figure { font-size: smaller; }

.faded, .figcaption, figure, .figure, .read-more { color: var(--gray); }

.centered, .figcaption, figure, .figure { text-align: center; }

h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] { position: relative; }

h1[id] > .permalink, h2[id] > .permalink, h3[id] > .permalink, h4[id] > .permalink, h5[id] > .permalink, h6[id] > .permalink { text-decoration: none; opacity: 0; transition: opacity 400ms; }

@media print { h1[id] > .permalink, h2[id] > .permalink, h3[id] > .permalink, h4[id] > .permalink, h5[id] > .permalink, h6[id] > .permalink { display: none; } }

h1[id]:hover > .permalink, h2[id]:hover > .permalink, h3[id]:hover > .permalink, h4[id]:hover > .permalink, h5[id]:hover > .permalink, h6[id]:hover > .permalink { opacity: 0.5; }

h1[id] > .permalink:hover, h1[id] > .permalink:focus, h2[id] > .permalink:hover, h2[id] > .permalink:focus, h3[id] > .permalink:hover, h3[id] > .permalink:focus, h4[id] > .permalink:hover, h4[id] > .permalink:focus, h5[id] > .permalink:hover, h5[id] > .permalink:focus, h6[id] > .permalink:hover, h6[id] > .permalink:focus { opacity: 1; transition: opacity 200ms; }

.content-hash::before { content: '#'; }

.content-json::before { content: '{}'; }

@media print { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .post-date, .h5, .h6, dt { page-break-inside: avoid; break-inside: avoid-page; page-break-after: avoid; break-after: avoid-page; } }

table:not(.highlight) { border-collapse: collapse; display: block; margin-bottom: 1rem; }

table:not(.highlight) td, table:not(.highlight) th { padding: .25rem .5rem; border: 1px solid var(--border-color); }

table:not(.highlight) td:first-child, table:not(.highlight) th:first-child { padding-left: 1rem; }

table:not(.highlight) td:last-child, table:not(.highlight) th:last-child { padding-right: 1rem; }

table:not(.highlight) thead { background-color: var(--body-bg); }

table:not(.highlight) thead + tbody, table:not(.highlight) tbody + tbody, table:not(.highlight) tfoot { border-top: 3px double var(--border-color); }

table:not(.highlight) tbody tr:nth-child(even) td, table:not(.highlight) tbody tr:nth-child(even) th { background-color: var(--body-bg); }

table:not(.highlight) tbody tr:nth-child(odd) td, table:not(.highlight) tbody tr:nth-child(odd) th { background-color: var(--gray-bg); }

table.stretch-table { display: table; width: 100% !important; width: calc(100% + 2rem) !important; }

@media screen and (max-width: 72em) { table.stretch-table { display: block !important; white-space: nowrap; } }

table.scroll-table { white-space: nowrap; }

table.flip-table { display: flex; overflow: hidden; }

table.flip-table thead, table.flip-table thead + tbody, table.flip-table tbody + tbody { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }

table.flip-table thead, table.flip-table tbody { display: flex; }

table.flip-table thead { flex-shrink: 0; min-width: min-content; }

table.flip-table thead th { padding-left: 1rem; }

table.flip-table tbody { position: relative; overflow-x: auto; overflow-y: hidden; padding-left: 1px; -webkit-overflow-scrolling: touch; }

table.flip-table tr { display: flex; flex-direction: column; min-width: min-content; flex-shrink: 0; }

table.flip-table tr td { border-left: none; }

table.flip-table tr:first-child td { border-left: 1px solid var(--border-color); }

table.flip-table tr:last-child td { padding-right: 1rem; border-right: 1px solid var(--border-color); }

table.flip-table td, table.flip-table th { display: block; border-bottom: none; }

table.flip-table td:first-child, table.flip-table th:first-child { padding-left: .5rem; border-top: none; }

table.flip-table td:last-child, table.flip-table th:last-child { padding-right: .5rem; }

@media screen and (max-width: 72em) { table.scroll-table-small { white-space: nowrap; } table.flip-table-small { display: flex; overflow: hidden; } table.flip-table-small thead, table.flip-table-small thead + tbody, table.flip-table-small tbody + tbody { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } table.flip-table-small thead, table.flip-table-small tbody { display: flex; } table.flip-table-small thead { flex-shrink: 0; min-width: min-content; } table.flip-table-small thead th { padding-left: 1rem; } table.flip-table-small tbody { position: relative; overflow-x: auto; overflow-y: hidden; padding-left: 1px; -webkit-overflow-scrolling: touch; } table.flip-table-small tr { display: flex; flex-direction: column; min-width: min-content; flex-shrink: 0; } table.flip-table-small tr td { border-left: none; } table.flip-table-small tr:first-child td { border-left: 1px solid var(--border-color); } table.flip-table-small tr:last-child td { padding-right: 1rem; border-right: 1px solid var(--border-color); } table.flip-table-small td, table.flip-table-small th { display: block; border-bottom: none; } table.flip-table-small td:first-child, table.flip-table-small th:first-child { padding-left: .5rem; border-top: none; } table.flip-table-small td:last-child, table.flip-table-small th:last-child { padding-right: .5rem; } }

@media print { table:not(.highlight) { width: 100% !important; } }

footer { margin-bottom: 2rem; }

a[href^="#fn:"], a[href^="#fnref:"] { margin-left: .1rem; font-weight: var(--font-weight-bold); }

@media screen and (max-width: 72em) { a[href^="#fn:"], a[href^="#fnref:"] { font-weight: normal; } a[href^="#fn:"]::before, a[href^="#fnref:"]::before { content: "["; } a[href^="#fn:"]::after, a[href^="#fnref:"]::after { content: "]"; } }

sup { line-height: 1; }

@media screen and (max-width: 72em) { sup[id^="fnref"] { vertical-align: baseline; font-size: inherit; } }

.footnotes { margin-top: 5rem; }

.footnotes > ol { color: var(--gray); }

.footnotes > ol > li { padding: .5rem; margin-left: .5rem; }

.footnotes > ol > li > p { margin: 0; }

.footnotes > ol > li:focus { outline: none; color: var(--gray-text); background: var(--gray-bg); }

.footnotes::before { content: ""; display: block; margin: 1.5rem 0; border: 0; border-top: 1px solid var(--border-color); }

code, pre { font-family: var(--code-font-family); }

code { padding: .25em .5em; background-color: var(--gray-bg); font-size: smaller; }

.figure-base, .pre-base, article .katex-display, article mjx-container[jax][display="true"], pre, table:not(.highlight) { margin-left: -1rem; margin-right: -1rem; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.pre-base, article .katex-display, article mjx-container[jax][display="true"], pre { padding: 1rem; background-color: var(--gray-bg); backface-visibility: hidden; }

@media print { .pre-base, article .katex-display, article mjx-container[jax][display="true"], pre { width: 100% !important; page-break-inside: avoid; break-inside: avoid-page; } }

pre { margin-top: 0; display: block; line-height: 1.5; font-size: .85em; position: relative; }

pre > code { padding: 0; color: inherit; background-color: transparent; font-size: 1em; }

pre > code .highlight-code-line { position: absolute; left: 0; display: inline-block; width: 100%; background: var(--border-color); border-left: 3px solid var(--accent-color); opacity: 0.33; z-index: -1; }

pre > code .highlight-code-line:before { content: ' '; }

.pre-header { display: block; margin-left: -1rem; margin-right: -1rem; padding: 0.4rem 1rem 0.25rem; border-bottom: 1px solid var(--border-color); font-style: normal !important; font-size: smaller; color: var(--gray) !important; background-color: var(--gray-bg); }

.pre-header .lang { color: var(--menu-text); }

.pre-header + pre.highlight { padding-top: .75rem; }

.page { margin-bottom: 3em; }

.page li + li { margin-top: .25rem; }

.page > header { position: relative; margin-bottom: 1.5rem; }

@media screen and (min-width: 1664px) { body:not(.no-third-column) .page > header > .lead + .note-sm, body:not(.no-third-column) .page > header > .lead + #markdown-toc, body:not(.no-third-column) .page > header > .lead + .note_default, body:not(.no-third-column) .page > header > a.no-hover + .note-sm, body:not(.no-third-column) .page > header > a.no-hover + #markdown-toc, body:not(.no-third-column) .page > header > a.no-hover + .note_default { position: absolute; right: -25rem; width: 21rem; bottom: 0; margin-bottom: 0; } }

.page-title, .post-title { margin-top: 0; }

.post-date { display: block; margin-top: -0.5rem; margin-bottom: 1rem; color: var(--gray); }

hr.dingbat { border: 0; }

hr.dingbat:after { content: "\2756"; display: block; text-align: center; font-size: 1.5rem; color: var(--menu-text); }

@media print { .page { margin-bottom: 0; } }

.related-posts { padding-left: 0; list-style: none; margin-bottom: 2rem; }

.related-posts > li, .related-posts > li + li { margin-top: 1rem; }

@media print { .comments { display: none; } }

.read-more { margin-top: 1.5rem; margin-bottom: 3rem; }

.read-more::after { content: " \2192"; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: smaller; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.message, .note-sm, #markdown-toc, .note_default { margin-bottom: 1rem; padding: 1rem; color: var(--gray-text); background-color: var(--gray-bg); margin-left: -1rem; margin-right: -1rem; }

.note-sm, #markdown-toc, .note_default { background: transparent; color: var(--body-color); font-size: smaller; border-left: 1px solid var(--border-color); padding: 1.5rem 1rem 0 1rem; margin: 1rem -1rem; position: relative; }

.note-sm:before, #markdown-toc:before, .note_default:before { font-size: 0.667rem; font-weight: bold; font-style: normal; letter-spacing: .025rem; text-transform: uppercase; color: var(--menu-text); position: absolute; top: 0; }

.note-sm[title]:before, #markdown-toc[title]:before, .note_default[title]:before { content: attr(title) !important; }

.note_default { font-size: 1rem; }

.tip { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; border-top-color: #c9e2b3; }

.tip:before { content: "💡 TIP: "; font-weight: bold; }

.tip a { color: #000000; }

.note { color: #ccc; background-color: #484848; border-color: #bce8f1; border-top-color: #a6e1ec; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.note:before { content: "📑 NOTE: "; font-weight: bold; }

.note a { color: #ccc; }

.important { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; border-top-color: #f7e1b5; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.important:before { content: "⚠️ IMPORTANT: "; font-weight: bold; }

.important a { color: #000000; }

.warning { color: #a94442; background-color: #f2dede; border-color: #ebccd1; border-top-color: #e4b9c0; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.warning:before { content: "🚨 WARNING: "; font-weight: bold; }

.warning a { color: #000000; }

.tldr { color: #ffffff; background-color: #2f60ad; border-color: #ebccd1; border-top-color: #e4b9c0; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.tldr:before { content: "💬 TL;DR: "; font-weight: bold; }

.tldr a { color: #ffffff; }

.pagination { width: calc(100% + 2rem); margin: 0 -1rem 1rem; color: var(--gray); text-align: center; }

.pagination > ul { list-style: none; padding: 0; }

.pagination-item > * { display: block; padding: .25rem 1rem; border: solid var(--border-color); border-width: 1px 0; transition: border-color 1s ease; }

.pagination-item > a, .pagination-item > a:hover, .pagination-item > a:focus { border-color: var(--border-color) !important; text-decoration: none; }

.pagination-item:first-child > * { margin-bottom: -1px; }

.pagination-item > a:hover, .pagination-item > a:focus { background-color: var(--gray-bg); border-bottom: 1px solid var(--border-color); }

@media (min-width: 23.5em) { .pagination { width: 100%; margin: 3rem 0; } .pagination-item > * { float: left; width: 50%; border-width: 1px; } .pagination-item:first-child > * { margin-bottom: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination-item:last-child > * { margin-left: -1px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } }

body { /* Prevent side-scrolling on mobile */ display: block; position: relative; overflow-x: hidden; }

hy-push-state, hy-drawer { display: block; overflow: hidden; }

@media screen { body::before { content: ''; width: .5rem; background: var(--gray-bg); position: fixed; left: 0; top: 0; bottom: 0; } }

@media (min-width: 64em) { body::before { width: 21rem; } }

@media (min-width: 1664px) { body::before { width: calc(50% - 31rem); } }

@media screen and (min-width: 42em) { html { font-size: var(--root-font-size-medium); } }

@media screen and (min-width: 124em) { html { font-size: var(--root-font-size-large); } }

@media print { html { font-size: var(--root-font-size-print); } }

@page { margin: 16mm; }

.fl { float: left; }

.fr { float: right; }

.mb4 { margin-bottom: 4rem; }

.mb6 { margin-bottom: 6rem; }

.mt0 { margin-top: 0; }

.mt1 { margin-top: 1rem; }

.mt2 { margin-top: 2rem; }

.mt3 { margin-top: 3rem; }

.mt4 { margin-top: 4rem; }

.pb0 { padding-bottom: 0; }

.sixteen-nine { position: relative; }

.sixteen-nine::before { display: block; content: ""; width: 100%; padding-top: 56.25%; }

.sixteen-nine > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sixteen-ten { position: relative; }

.sixteen-ten::before { display: block; content: ""; width: 100%; padding-top: 62.5%; }

.sixteen-ten > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.four-three { position: relative; }

.four-three::before { display: block; content: ""; width: 100%; padding-top: 75%; }

.four-three > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sr-only { display: none; display: unset; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.border { border: 1px solid var(--border-color); transition: border-color 1s ease; }

hy-push-state a { color: var(--body-color); transition: color 250ms, text-decoration-color 250ms, border-color 250ms; }

@supports not ((text-decoration-thickness: initial) and (text-underline-offset: initial)) { hy-push-state a { text-decoration: none; border-bottom: 2px solid; } }

@supports (text-decoration-thickness: initial) and (text-underline-offset: initial) { hy-push-state a { text-decoration-style: solid; text-underline-offset: .35rem; text-decoration-thickness: 2px; } }

hy-push-state a:hover { transition: color 50ms, text-decoration-color 50ms, border-color 50ms; }

hy-push-state a.no-hover { border-bottom: none; text-decoration-thickness: unset; text-underline-offset: unset; }

.content a:not(.btn):not(.no-hover) { border-color: var(--accent-color-faded); }

@supports (text-decoration-thickness: initial) and (text-underline-offset: initial) { .content a:not(.btn):not(.no-hover) { text-decoration-color: var(--accent-color-faded); } }

.content a:not(.btn):not(.no-hover):hover { border-color: var(--accent-color); }

@supports (text-decoration-thickness: initial) and (text-underline-offset: initial) { .content a:not(.btn):not(.no-hover):hover { text-decoration-color: var(--accent-color); } }

a.btn { text-decoration: none; }

@media print { a:not(.no-print-link)::after { content: " (" attr(href) ") "; color: var(--gray); font-size: 62%; } }

.content .aspect-ratio { overflow: hidden; }

.content .aspect-ratio img { margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; background-color: var(--gray-bg); }

figure, .figure { margin-bottom: 2rem; }

figure > *:first-child, .figure > *:first-child { margin-bottom: .5rem; }

.highlighter-rouge + .figure { margin-top: -1.5rem; }

.figcaption { margin-top: -0.5rem; margin-bottom: 2rem; }

hy-drawer { width: 100%; position: relative; overflow: hidden; display: block; z-index: 4; }

@media screen { hy-drawer { --hy-drawer-width: 100%; --hy-drawer-peek-width: .5rem; --hy-drawer-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); } }

@media screen and (min-width: 64em) { hy-drawer { position: fixed; width: 21rem; top: 0; left: 0; bottom: 0; margin-left: 0; --hy-drawer-peek-width: 21rem; } hy-drawer.cover { position: relative; width: 100%; } }

@media screen and (min-width: 1664px) { hy-drawer { width: calc(50% - 31rem); --hy-drawer-peek-width: calc(50% - 31rem); } }

@media screen { hy-drawer.loaded { position: static; } }

.sidebar { position: relative; display: flex; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.75); text-align: center; min-height: 100vh; }

.sidebar a { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.2); text-decoration-color: rgba(255, 255, 255, 0.2); }

.sidebar a:hover { border-bottom-color: #fff; text-decoration-color: #fff; }

hy-drawer.loaded .sidebar { min-height: 100%; }

.sidebar-bg { position: absolute; top: 0; left: calc(50% - 50vw); width: 100vw; height: 100%; background: #202020 center / cover; }

.sidebar-bg::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.05); }

.sidebar-bg.sidebar-overlay::after { background: -moz-linear-gradient(top, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 50%, rgba(32, 32, 32, 0) 100%); background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 50%, rgba(32, 32, 32, 0) 100%); background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 50%, rgba(32, 32, 32, 0) 100%); }

.sidebar-sticky { position: relative; z-index: 3; max-width: 21rem; padding: 1.5rem; contain: content; }

.sidebar-about .avatar { margin-bottom: 1.5rem; }

.sidebar-about > a.sidebar-title { text-decoration: none; }

.sidebar-about > a.sidebar-title > h2 { margin: 0; padding-bottom: .5rem; }

.sidebar-about > a.sidebar-title::after { content: ''; display: block; border-bottom: 2px solid; margin: 0 auto .5rem; width: 4rem; border-color: rgba(255, 255, 255, 0.2); transition: border-color 250ms; }

.sidebar-about > a.sidebar-title:hover::after { border-color: white; transition: border-color 50ms; }

.sidebar-nav > ul { list-style: none; padding-left: 0; }

.sidebar-nav-item { display: inline-block; margin-bottom: .5rem; }

@media (min-width: 64em) { #_main.no-drawer #_menu { display: none; } #_main.no-drawer .nav-btn-bar > :nth-child(2) { border: none; } }

@media print { .sidebar { display: none; } }

#_swipe { position: absolute; z-index: 4; opacity: 0.33; top: 5vw; right: 5vw; transform: scale(0.67); }

@media screen and (min-width: 42em) { #_swipe { top: calc(50% - 48px); right: 10vw; transform: scale(1); } }

.sidebar-social > ul { display: inline-block; list-style: none; padding-left: 0; margin-bottom: 0; }

.sidebar-social > ul > li { float: left; }

.sidebar-social > ul > li > a { display: inline-block; text-align: center; font-size: 1.4rem; width: 3rem; height: 4rem; padding: .5rem 0; line-height: 3rem; text-decoration: none; border-bottom-width: 2px; border-bottom-style: solid; }

.sidebar-social > ul li + li { margin-top: 0; }

@media print { .sidebar-social { display: none; } }

.fixed-common, .fixed-bottom, .fixed-top { position: fixed; left: 0; width: 100%; z-index: 2; }

.fixed-top { top: 0; }

.fixed-bottom { bottom: 0; }

.navbar > .content { position: relative; padding-top: 0; padding-bottom: 0; min-height: 0; max-height: 5rem; }

.navbar > .content::before { content: ""; position: absolute; display: block; width: calc(100% - 6rem); height: 5rem; left: 3rem; margin: auto; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25); z-index: -1; }

.navbar.fixed-top > .content::before { bottom: 1px; }

.navbar.fixed-bottom > .content::before { top: 1px; }

.nav-btn-bar { margin: 0 -1rem; background-color: white; background-color: var(--body-bg); height: 5rem; display: flex; align-items: center; position: relative; }

.nav-btn-bar > :first-child, .nav-btn-bar > :last-child { border: none; }

.nav-btn { background: none; border: none; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 3.25rem; height: 5rem; color: var(--menu-text); border-right: 1px solid var(--border-color); border-left: 1px solid var(--border-color); margin-left: -1px; }

a.nav-btn, button.nav-btn { cursor: pointer; }

a.nav-btn:hover, a.nav-btn:focus, button.nav-btn:hover, button.nav-btn:focus { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); }

.nav-span { flex: 1; }

.animation-main { opacity: 0; pointer-events: none; }

#_navbar { z-index: 3; background-color: var(--body-bg); }

.navbar .loading { display: none; }

@media print { .navbar { display: none; } }

#markdown-toc { margin: 2rem -1rem 2rem calc(-1rem + 1px); padding-left: 2.5rem; padding-bottom: .5rem; transition: opacity 300ms ease, transform 300ms ease, border-color 1s ease; }

#markdown-toc:before { left: 1rem; }

@media screen and (min-width: 1664px) { body:not(.no-toc) #markdown-toc { position: absolute; z-index: 4; width: calc(50% - 31rem); right: 0; margin: auto; overflow: auto; overscroll-behavior: contain; } body:not(.no-toc) #markdown-toc.toc-hide { opacity: 0; transform: translateX(-2rem); } body:not(.no-toc) #markdown-toc.toc-show { opacity: 1; transform: translateX(0); } body:not(.no-toc) #markdown-toc.affix { position: fixed; top: 1rem; max-height: calc(100vh - 1rem); } }

.content { margin-left: auto; margin-right: auto; padding: 8rem 1rem 12rem; }

@media screen { .content { padding-left: 1.5rem; max-width: 42rem; min-height: 100vh; } }

@media screen and (min-width: 54em) { .content { max-width: 48rem; } }

@media screen and (min-width: 64em) { .content { padding-left: 1rem; margin-left: 24rem; margin-right: 3rem; } }

@media screen and (min-width: 86em) { .content { margin-left: 25rem; margin-right: 4rem; max-width: 54rem; } }

@media screen and (min-width: 1664px) { .content { margin: auto; } }

@media print { .content { padding: 1rem; } }

.large-only { display: none; }

@media screen and (min-width: 1664px) { .large-only { display: block; } }

.avatar { width: 7rem; height: 7rem; border-radius: 100%; overflow: hidden; display: inline-block; position: relative; z-index: 1; }

.avatar img { width: 100%; }

.content .avatar { float: right; box-sizing: content-box; border: 1rem solid var(--body-bg); transition: border-color 1s ease; margin-top: -1.5rem; margin-right: -1rem; }

article .katex-display, article mjx-container[jax][display="true"] { padding: 2rem; }

main > footer.content { position: absolute; bottom: 0; left: 0; right: 0; color: var(--gray); text-align: center; min-height: 0; padding-top: 0; padding-bottom: 2rem; }

main > footer.content > p { margin-bottom: 0; }

@media print { main > footer.content { display: none; } }

main:not(.layout-resume) .columns { margin-left: -1rem; display: flex; flex-wrap: wrap; }

main:not(.layout-resume) .column { float: left; padding-left: 1rem; margin-bottom: 1.5rem; width: 100%; display: flex; }

@media screen and (min-width: 42em) { main:not(.layout-resume) .columns { margin-left: -2rem; margin-right: -1rem; } main:not(.layout-resume) .column-1-2 { width: 50%; } }

@media screen and (min-width: 1664px) { main:not(.layout-resume) .columns-break { width: calc(50vw + 22rem); } main:not(.layout-resume) .columns-break > .column-1-2, main:not(.layout-resume) .columns-break > .column-1 { width: 26.5rem; } }

@media print { main:not(.layout-resume) .columns { display: block; } main:not(.layout-resume) .column { display: block; width: 50%; } }

main:not(.layout-resume) .project-card { width: 100%; color: var(--gray-text); background-color: var(--gray-bg); padding-bottom: .75rem; position: relative; overflow: hidden; box-shadow: 0.125rem 0.125rem 1rem rgba(0, 0, 0, 0.2); contain: content; page-break-inside: avoid; transition: transform 300ms ease-out, box-shadow 300ms ease-out; }

main:not(.layout-resume) .project-card:hover { box-shadow: 0.125rem 0.375rem 1.15rem rgba(0, 0, 0, 0.25); transform: translateY(-0.25rem); transition: transform 150ms ease-out, box-shadow 150ms ease-out; }

main:not(.layout-resume) .project-card > a.flip-project { display: block; }

main:not(.layout-resume) .project-card > a.flip-project .project-card-img { margin-bottom: 0; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+"); }

main:not(.layout-resume) .project-card > a.flip-project .project-card-img img { display: block; }

main:not(.layout-resume) .project-card a { position: relative; z-index: 1; }

main:not(.layout-resume) .project-card a.fill-card { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }

main:not(.layout-resume) .project-card > .project-card-title, main:not(.layout-resume) .project-card > .project-card-text { text-align: center; padding: 0 1rem; }

main:not(.layout-resume) .project-card > .project-card-title { display: block; font-size: 1.08rem; margin-top: .75rem; margin-bottom: .25rem; color: inherit; }

main:not(.layout-resume) .project-card > .project-card-text { margin: .25rem 0; }

main:not(.layout-resume) .column-1 > .project-card > .project-card-title { font-size: 1.2rem; }

main:not(.layout-resume) .column-1 > .project-card > .project-card-text { font-size: 1rem; }

.layout-resume h1 { display: inline-block; margin-bottom: .25rem; position: relative; z-index: 2; }

.layout-resume header > p { margin-bottom: 0; }

.layout-resume .page > header { margin-bottom: 1.5rem; }

.layout-resume .subline { margin-top: 0; }

.layout-resume .mt2 { margin-top: 1rem; }

.layout-resume ul { margin-bottom: 1.5rem; }

.layout-resume .h3 { margin-bottom: 1rem; }

.layout-resume .h4, .layout-resume .post-date { margin-top: 0; font-family: Noto Sans, Helvetica, Arial, sans-serif !important; font-weight: var(--font-weight-bold) !important; }

.layout-resume .bc { color: var(--body-color); }

.layout-resume .bold { font-weight: var(--font-weight-bold); }

.layout-resume .tags { list-style: none; font-size: smaller; padding-left: 0; margin: 0 -.375rem 1.5rem; clear: both; }

.layout-resume .tag { border: 1px solid var(--border-color); display: inline-block; margin: .25rem .125rem; padding: .125rem .25rem; color: var(--gray); line-height: 1.4; }

.layout-resume .help { cursor: help; }

.layout-resume .symbol { float: right; color: var(--menu-text); margin-top: 4px; margin-left: .5rem; }

.layout-resume .contact { margin-top: 2rem; }

.layout-resume .contact dl { margin-bottom: 0; }

.layout-resume .contact dt, .layout-resume .contact dd { margin-bottom: .5rem; }

.layout-resume .contact dt { clear: both; float: left; width: 2rem; }

.layout-resume .contact dt [class*="icon-"] { font-size: 1.17rem; position: relative; top: 2px; }

.layout-resume .contact dd { float: left; margin-left: 0; width: calc(100% - 2rem); padding-left: .25rem; }

.layout-resume .reference { margin-top: 1.5rem; margin-left: -1rem; }

.layout-resume .reference > footer { margin-bottom: 0; font-weight: bold; }

.layout-resume .skills > dt { margin-bottom: 0; }

.layout-resume .skills > dd { margin: 0; }

.layout-resume .columns { margin-left: -2.5rem; }

.layout-resume .column { float: left; padding-left: 2.5rem; width: 100%; }

.layout-resume .fr { float: none; display: inline-block; margin-left: .25rem; }

@media screen and (min-width: 86em) { .layout-resume .fr { float: right; } .layout-resume .column-3-5 { width: 66.67%; } .layout-resume .column-2-5 { width: 33.33%; } }

@media screen and (min-width: 1664px) { .layout-resume .columns-break { width: calc(50vw + 22rem); } .layout-resume .columns-break > .column-3-5 { width: 54rem; } .layout-resume .columns-break > .column-2-5 { width: calc(50vw + 22rem - 54rem); max-width: 24.5rem; } }

@media print { .layout-resume .screen-only { display: none; } .layout-resume h2 { page-break-after: avoid; break-after: avoid-page; } .layout-resume section section, .layout-resume header, .layout-resume blockquote, .layout-resume dd, .layout-resume .npb { page-break-inside: avoid; break-inside: avoid-page; } .layout-resume .avatar { width: 9rem; height: 9rem; } }

@media print and (min-width: 5.247in) { .layout-resume article > .note_default { padding-right: 11rem; } .layout-resume .fr { float: right; } .layout-resume .column-3-5 { width: 70%; } .layout-resume .column-2-5 { width: 30%; } }

/*! Bootstrap v4.0.0 (https://getbootstrap.com) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 42em) { .container { max-width: 540px; } }

@media (min-width: 54em) { .container { max-width: 720px; } }

@media (min-width: 64em) { .container { max-width: 960px; } }

@media (min-width: 72em) { .container { max-width: 1140px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: none; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 42em) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } }

@media (min-width: 54em) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } }

@media (min-width: 64em) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } }

@media (min-width: 72em) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } }

@media (min-width: 86em) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } }

.form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.75; color: var(--body-color); background-color: var(--body-bg); background-clip: padding-box; border: 1px solid var(--border-color); border-radius: 0rem; box-shadow: inset 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.15); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:focus { color: var(--body-color); background-color: var(--body-bg); border-color: var(--border-color); outline: 0; box-shadow: inset 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.15), 0 0 0 0.2rem rgba(79, 177, 186, 0.25); }

.form-control::placeholder { color: var(--gray); opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: var(--gray-bg); opacity: 1; }

select.form-control:not([size]):not([multiple]) { height: calc(2.75rem + 2px); }

select.form-control:focus::-ms-value { color: var(--body-color); background-color: var(--body-bg); }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.75; }

.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.2rem; line-height: 1.75; }

.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.833rem; line-height: 1.75; }

.form-control-plaintext { color: var(--body-color); display: block; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.75; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.833rem; line-height: 1.75; border-radius: 0rem; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.95775rem + 2px); }

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.2rem; line-height: 1.75; border-radius: 0rem; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(3.1rem + 2px); }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label { color: var(--gray); }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }

.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; }

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px var(--body-bg), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; }

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px var(--body-bg), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; }

.form-inline .form-check { width: 100%; }

@media (min-width: 42em) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }

.btn { display: inline-block; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.75; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.btn:hover, .btn:focus { text-decoration: none; }

.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(79, 177, 186, 0.25); }

.btn.disabled, .btn:disabled { opacity: 0.65; box-shadow: none; }

.btn:not(:disabled):not(.disabled) { cursor: pointer; }

.btn:not(:disabled):not(.disabled):active, .btn.active:not(:disabled):not(.disabled) { background-image: none; box-shadow: 0.1em 0.1em 0.25rem rgba(0, 0, 0, 0.25); }

.btn:not(:disabled):not(.disabled):active:focus, .btn.active:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(79, 177, 186, 0.25), 0.1em 0.1em 0.25rem rgba(0, 0, 0, 0.25); }

a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }

.btn-primary { color: #fff; background-color: #4fb1ba; border-color: #4fb1ba; box-shadow: 0.1em 0.1em 0.25rem rgba(0, 0, 0, 0.25); }

.btn-primary:hover { color: #fff; background-color: #409ba3; border-color: #3c929a; }

.btn-primary:focus, .btn-primary.focus { box-shadow: 0.1em 0.1em 0.25rem rgba(0, 0, 0, 0.25), 0 0 0 0.2rem rgba(79, 177, 186, 0.5); }

.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #4fb1ba; border-color: #4fb1ba; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #3c929a; border-color: #398991; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0.1em 0.1em 0.25rem rgba(0, 0, 0, 0.25), 0 0 0 0.2rem rgba(79, 177, 186, 0.5); }

.btn-link { font-weight: 400; color: #4fb1ba; background-color: transparent; }

.btn-link:hover { color: #358087; text-decoration: underline; background-color: transparent; border-color: transparent; }

.btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; }

.btn-link:disabled, .btn-link.disabled { color: var(--gray); }

.btn-lg { padding: 0.5rem 1rem; font-size: 1.2rem; line-height: 1.75; border-radius: 0.25rem; }

.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.833rem; line-height: 1.75; border-radius: 0.25rem; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 0.5rem; }

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { width: 100%; }

.copy-code-button { position: absolute; z-index: 2; right: 0; top: 0; font-size: 13px; font-weight: 700; line-height: 14px; letter-spacing: 0.5px; width: fit-content; color: #232326; background-color: #7f7f7f; border: 1.25px solid #232326; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; white-space: nowrap; padding: 4px 4px 5px 4px; margin: 0 0 0 1px; cursor: pointer; opacity: 0.6; }

.copy-code-button:hover, .copy-code-button:focus, .copy-code-button:active, .copy-code-button:active:hover { color: #222225; background-color: #b3b3b3; opacity: 0.8; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; }

.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group > .custom-file { display: flex; align-items: center; }

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group-prepend, .input-group-append { display: flex; }

.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }

.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }

.input-group-prepend { margin-right: -1px; }

.input-group-append { margin-left: -1px; }

.input-group-text { display: flex; align-items: center; padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.75; color: var(--body-color); text-align: center; white-space: nowrap; background-color: var(--gray-bg); border: 1px solid var(--border-color); border-radius: 0rem; }

.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 42em) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 54em) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 64em) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 72em) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

@media (min-width: 86em) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } }

.btn-primary { color: #fff; background-color: var(--accent-color); border-color: var(--accent-color); }

.btn-primary:focus, .btn-primary.focus, .form-control:focus, .form-control.focus { box-shadow: 0 0 0 3px var(--accent-color-faded); }

.btn-primary:hover, .btn-primary.hover { color: #fff; background-color: var(--accent-color-darkened); border-color: var(--accent-color-darkened); }

.btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: var(--accent-color); border-color: var(--accent-color); }

.btn-primary:active, .btn-primary.active { color: #fff; background-color: var(--accent-color-darkened); border-color: var(--accent-color-darkened); }

.message-newsletter > *:first-child { margin-top: 3rem; }

.message-newsletter > *:last-child { margin-bottom: 3rem; }

@media screen and (min-width: 42em) { .message-newsletter { padding: 1rem 3rem; } }

@media print { .message-newsletter { display: none; } }

form { margin-bottom: 1rem; }

button[type=submit], input[type=submit] { cursor: pointer; }

#_search-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(-9999px); }

#_search-box.show { transform: none; }

#_search-box > input[type=search] { height: 100%; flex: 1; padding-left: 3rem; padding-right: 3rem; }

#_search-box > div.nav-btn { position: absolute; top: 0; left: 0; border: none; }

#_search-box > button[type=reset] { position: absolute; top: 0; right: 0; border: none; }

#_hits { background: var(--body-bg); z-index: -2; position: absolute; top: 5rem; left: 0; right: 0; height: calc(100vh - 5rem); overflow-y: auto; overscroll-behavior-y: none; box-shadow: 0 0.5rem 5rem rgba(0, 0, 0, 0.35); }

#_hits > ul { list-style: none; margin: 0; padding: 0; }

.search-item { width: 100%; height: 4.5rem; cursor: pointer; padding: 0.5rem 1rem; border-bottom: 1px solid var(--border-color); }

.search-item:hover { background: rgba(0, 0, 0, 0.1); }

.search-item > .search-img { width: 4.67rem; margin-top: 0.25rem; float: left; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+"); background-size: 100%; }

.search-item > .search-text { margin-left: 5rem; }

.search-item > .search-text > p { padding-left: .5rem; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.search-item > .search-text > p > small { color: var(--gray); }

.search-item > .search-text > p:nth-child(2) { font-size: smaller; }

.sidebar a { text-shadow: rgba(0, 0, 0, 0.25) 0.1rem 0.1rem 0.15rem; }

@supports (text-decoration-thickness: initial) and (text-underline-offset: initial) { .dl-table a { text-underline-offset: .7rem; } }

@supports not ((text-decoration-thickness: initial) and (text-underline-offset: initial)) { .dl-table a { padding-bottom: .3rem; } }

.dl-table .btn, .dl-table .gumroad-button { margin: 1rem 0; }

.note_default:before { content: "Note"; }

.page > header > .note-sm:before, .page > header > .note_default:before, .page > header > #markdown-toc:before { content: "Description"; }

#markdown-toc:before { content: "Table of Contents"; }

.layout-resume .note-sm:before, .layout-resume .note_default:before, .layout-resume #markdown-toc:before { content: "Summary"; }

html { --accent-color: rgb(33,32,32); --accent-color-faded: rgba(33, 32, 32, 0.5); --accent-color-darkened: #0e0d0d; --theme-color: rgb(33,32,32); --dark-mode-body-bg: #312828; --dark-mode-border-color: #3f3434; }

.loading > [class*="icon-"] { display: inline-block; -webkit-animation: rotate 2s infinite linear both; animation: rotate 2s infinite linear both; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes rotate { 0% { -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

body .highlight, body pre.highlight { color: #383a42; position: relative; margin-right: 0; }

body .highlight .ge { font-style: italic; }

body .highlight .gs { font-weight: 700; }

body .highlight .ow { font-weight: 700; }

body .highlight .n, body .highlight .nf, body .highlight .nn, body .highlight .o, body .highlight .p { color: #383a42; }

body .highlight .c, body .highlight .c1, body .highlight .cm, body .highlight .cp, body .highlight .cs { color: #a0a1a7; font-style: italic; }

body .highlight .sr, body .highlight .ss { color: #0184bc; }

body .highlight .k, body .highlight .kc, body .highlight .kd, body .highlight .kn, body .highlight .kp, body .highlight .kr, body .highlight .kt { color: #a626a4; }

body .highlight .l, body .highlight .ld, body .highlight .s, body .highlight .s1, body .highlight .s2, body .highlight .sb, body .highlight .sc, body .highlight .sd, body .highlight .se, body .highlight .sh, body .highlight .si, body .highlight .sx { color: #50a14f; }

body .highlight .nt, body .highlight .nx, body .highlight .vi { color: #e45649; }

body .highlight .il, body .highlight .m, body .highlight .mf, body .highlight .mh, body .highlight .mi, body .highlight .mo, body .highlight .na { color: #986801; }

body .highlight .bp, body .highlight .nb, body .highlight .nc, body .highlight .nd, body .highlight .ne, body .highlight .ni, body .highlight .nl, body .highlight .no, body .highlight .nv, body .highlight .py, body .highlight .vc, body .highlight .vg { color: #c18401; }

body .highlight .gd { color: #ff1414; }

body .highlight .gi { color: #2db448; }

body .highlight .w { color: #f8f8f2; }

body .highlight .cpf { color: navy; }

body .highlight .gu { color: #75715e; }

body .highlight .lineno { color: #9d9d9f; user-select: none; }

body .highlight .ln { color: #9d9d9f; user-select: none; }

body .highlight .ln:after { content: " "; }

body .highlight .hll { color: #383a42; background-color: #e5e5e6; }

body .highlight .hl { color: #383a42; background-color: #e5e5e6; }

body .highlight .language-json .w + .s2 { color: #e45649; }

body .highlight .language-json .kc { color: #0184bc; }

@media screen { body.light-mode .highlight, body.light-mode pre.highlight { color: #383a42; position: relative; margin-right: 0; } body.light-mode .highlight .ge { font-style: italic; } body.light-mode .highlight .gs { font-weight: 700; } body.light-mode .highlight .ow { font-weight: 700; } body.light-mode .highlight .n, body.light-mode .highlight .nf, body.light-mode .highlight .nn, body.light-mode .highlight .o, body.light-mode .highlight .p { color: #383a42; } body.light-mode .highlight .c, body.light-mode .highlight .c1, body.light-mode .highlight .cm, body.light-mode .highlight .cp, body.light-mode .highlight .cs { color: #a0a1a7; font-style: italic; } body.light-mode .highlight .sr, body.light-mode .highlight .ss { color: #0184bc; } body.light-mode .highlight .k, body.light-mode .highlight .kc, body.light-mode .highlight .kd, body.light-mode .highlight .kn, body.light-mode .highlight .kp, body.light-mode .highlight .kr, body.light-mode .highlight .kt { color: #a626a4; } body.light-mode .highlight .l, body.light-mode .highlight .ld, body.light-mode .highlight .s, body.light-mode .highlight .s1, body.light-mode .highlight .s2, body.light-mode .highlight .sb, body.light-mode .highlight .sc, body.light-mode .highlight .sd, body.light-mode .highlight .se, body.light-mode .highlight .sh, body.light-mode .highlight .si, body.light-mode .highlight .sx { color: #50a14f; } body.light-mode .highlight .nt, body.light-mode .highlight .nx, body.light-mode .highlight .vi { color: #e45649; } body.light-mode .highlight .il, body.light-mode .highlight .m, body.light-mode .highlight .mf, body.light-mode .highlight .mh, body.light-mode .highlight .mi, body.light-mode .highlight .mo, body.light-mode .highlight .na { color: #986801; } body.light-mode .highlight .bp, body.light-mode .highlight .nb, body.light-mode .highlight .nc, body.light-mode .highlight .nd, body.light-mode .highlight .ne, body.light-mode .highlight .ni, body.light-mode .highlight .nl, body.light-mode .highlight .no, body.light-mode .highlight .nv, body.light-mode .highlight .py, body.light-mode .highlight .vc, body.light-mode .highlight .vg { color: #c18401; } body.light-mode .highlight .gd { color: #ff1414; } body.light-mode .highlight .gi { color: #2db448; } body.light-mode .highlight .w { color: #f8f8f2; } body.light-mode .highlight .cpf { color: navy; } body.light-mode .highlight .gu { color: #75715e; } body.light-mode .highlight .lineno { color: #9d9d9f; user-select: none; } body.light-mode .highlight .ln { color: #9d9d9f; user-select: none; } body.light-mode .highlight .ln:after { content: " "; } body.light-mode .highlight .hll { color: #383a42; background-color: #e5e5e6; } body.light-mode .highlight .hl { color: #383a42; background-color: #e5e5e6; } body.light-mode .highlight .language-json .w + .s2 { color: #e45649; } body.light-mode .highlight .language-json .kc { color: #0184bc; } }

@media screen { body.dark-mode .highlight, body.dark-mode pre.highlight { color: #abb2bf; } body.dark-mode .highlight .ge { font-style: italic; } body.dark-mode .highlight .gs { font-weight: 700; } body.dark-mode .highlight .ow { font-weight: 700; } body.dark-mode .highlight .n, body.dark-mode .highlight .nf, body.dark-mode .highlight .nn, body.dark-mode .highlight .o, body.dark-mode .highlight .p { color: #abb2bf; } body.dark-mode .highlight .c, body.dark-mode .highlight .c1, body.dark-mode .highlight .cm, body.dark-mode .highlight .cp, body.dark-mode .highlight .cs { color: #5c6370; font-style: italic; } body.dark-mode .highlight .sr, body.dark-mode .highlight .ss { color: #56b6c2; } body.dark-mode .highlight .k, body.dark-mode .highlight .kc, body.dark-mode .highlight .kd, body.dark-mode .highlight .kn, body.dark-mode .highlight .kp, body.dark-mode .highlight .kr, body.dark-mode .highlight .kt { color: #c678dd; } body.dark-mode .highlight .l, body.dark-mode .highlight .ld, body.dark-mode .highlight .s, body.dark-mode .highlight .s1, body.dark-mode .highlight .s2, body.dark-mode .highlight .sb, body.dark-mode .highlight .sc, body.dark-mode .highlight .sd, body.dark-mode .highlight .se, body.dark-mode .highlight .sh, body.dark-mode .highlight .si, body.dark-mode .highlight .sx { color: #98c379; } body.dark-mode .highlight .nt, body.dark-mode .highlight .nx, body.dark-mode .highlight .vi { color: #e06c75; } body.dark-mode .highlight .il, body.dark-mode .highlight .m, body.dark-mode .highlight .mf, body.dark-mode .highlight .mh, body.dark-mode .highlight .mi, body.dark-mode .highlight .mo, body.dark-mode .highlight .na { color: #d19a66; } body.dark-mode .highlight .bp, body.dark-mode .highlight .nb, body.dark-mode .highlight .nc, body.dark-mode .highlight .nd, body.dark-mode .highlight .ne, body.dark-mode .highlight .ni, body.dark-mode .highlight .nl, body.dark-mode .highlight .no, body.dark-mode .highlight .nv, body.dark-mode .highlight .py, body.dark-mode .highlight .vc, body.dark-mode .highlight .vg { color: #e5c07b; } body.dark-mode .highlight .gd { color: #e05252; } body.dark-mode .highlight .gi { color: #43d08a; } body.dark-mode .highlight .w { color: #f8f8f2; } body.dark-mode .highlight .cpf { color: navy; } body.dark-mode .highlight .gu { color: #75715e; } body.dark-mode .highlight .lineno { color: #636d83; user-select: none; } body.dark-mode .highlight .ln { color: #636d83; user-select: none; } body.dark-mode .highlight .ln:after { content: " "; } body.dark-mode .highlight .hll { color: #abb2bf; background-color: #3a3f4b; } body.dark-mode .highlight .hl { color: #abb2bf; background-color: #3a3f4b; } body.dark-mode .highlight .language-json .w + .s2 { color: #e06c75; } body.dark-mode .highlight .language-json .kc { color: #56b6c2; } }

@media screen { body.dark-mode .highlight, body.dark-mode pre.highlight { color: #abb2bf; } body.dark-mode .highlight .ge { font-style: italic; } body.dark-mode .highlight .gs { font-weight: 700; } body.dark-mode .highlight .ow { font-weight: 700; } body.dark-mode .highlight .n, body.dark-mode .highlight .nf, body.dark-mode .highlight .nn, body.dark-mode .highlight .o, body.dark-mode .highlight .p { color: #abb2bf; } body.dark-mode .highlight .c, body.dark-mode .highlight .c1, body.dark-mode .highlight .cm, body.dark-mode .highlight .cp, body.dark-mode .highlight .cs { color: #5c6370; font-style: italic; } body.dark-mode .highlight .sr, body.dark-mode .highlight .ss { color: #56b6c2; } body.dark-mode .highlight .k, body.dark-mode .highlight .kc, body.dark-mode .highlight .kd, body.dark-mode .highlight .kn, body.dark-mode .highlight .kp, body.dark-mode .highlight .kr, body.dark-mode .highlight .kt { color: #c678dd; } body.dark-mode .highlight .l, body.dark-mode .highlight .ld, body.dark-mode .highlight .s, body.dark-mode .highlight .s1, body.dark-mode .highlight .s2, body.dark-mode .highlight .sb, body.dark-mode .highlight .sc, body.dark-mode .highlight .sd, body.dark-mode .highlight .se, body.dark-mode .highlight .sh, body.dark-mode .highlight .si, body.dark-mode .highlight .sx { color: #98c379; } body.dark-mode .highlight .nt, body.dark-mode .highlight .nx, body.dark-mode .highlight .vi { color: #e06c75; } body.dark-mode .highlight .il, body.dark-mode .highlight .m, body.dark-mode .highlight .mf, body.dark-mode .highlight .mh, body.dark-mode .highlight .mi, body.dark-mode .highlight .mo, body.dark-mode .highlight .na { color: #d19a66; } body.dark-mode .highlight .bp, body.dark-mode .highlight .nb, body.dark-mode .highlight .nc, body.dark-mode .highlight .nd, body.dark-mode .highlight .ne, body.dark-mode .highlight .ni, body.dark-mode .highlight .nl, body.dark-mode .highlight .no, body.dark-mode .highlight .nv, body.dark-mode .highlight .py, body.dark-mode .highlight .vc, body.dark-mode .highlight .vg { color: #e5c07b; } body.dark-mode .highlight .gd { color: #e05252; } body.dark-mode .highlight .gi { color: #43d08a; } body.dark-mode .highlight .w { color: #f8f8f2; } body.dark-mode .highlight .cpf { color: navy; } body.dark-mode .highlight .gu { color: #75715e; } body.dark-mode .highlight .lineno { color: #636d83; user-select: none; } body.dark-mode .highlight .ln { color: #636d83; user-select: none; } body.dark-mode .highlight .ln:after { content: " "; } body.dark-mode .highlight .hll { color: #abb2bf; background-color: #3a3f4b; } body.dark-mode .highlight .hl { color: #abb2bf; background-color: #3a3f4b; } body.dark-mode .highlight .language-json .w + .s2 { color: #e06c75; } body.dark-mode .highlight .language-json .kc { color: #56b6c2; } }

@media screen and (prefers-color-scheme: dark) { body .highlight, body pre.highlight { color: #abb2bf; } body .highlight .ge { font-style: italic; } body .highlight .gs { font-weight: 700; } body .highlight .ow { font-weight: 700; } body .highlight .n, body .highlight .nf, body .highlight .nn, body .highlight .o, body .highlight .p { color: #abb2bf; } body .highlight .c, body .highlight .c1, body .highlight .cm, body .highlight .cp, body .highlight .cs { color: #5c6370; font-style: italic; } body .highlight .sr, body .highlight .ss { color: #56b6c2; } body .highlight .k, body .highlight .kc, body .highlight .kd, body .highlight .kn, body .highlight .kp, body .highlight .kr, body .highlight .kt { color: #c678dd; } body .highlight .l, body .highlight .ld, body .highlight .s, body .highlight .s1, body .highlight .s2, body .highlight .sb, body .highlight .sc, body .highlight .sd, body .highlight .se, body .highlight .sh, body .highlight .si, body .highlight .sx { color: #98c379; } body .highlight .nt, body .highlight .nx, body .highlight .vi { color: #e06c75; } body .highlight .il, body .highlight .m, body .highlight .mf, body .highlight .mh, body .highlight .mi, body .highlight .mo, body .highlight .na { color: #d19a66; } body .highlight .bp, body .highlight .nb, body .highlight .nc, body .highlight .nd, body .highlight .ne, body .highlight .ni, body .highlight .nl, body .highlight .no, body .highlight .nv, body .highlight .py, body .highlight .vc, body .highlight .vg { color: #e5c07b; } body .highlight .gd { color: #e05252; } body .highlight .gi { color: #43d08a; } body .highlight .w { color: #f8f8f2; } body .highlight .cpf { color: navy; } body .highlight .gu { color: #75715e; } body .highlight .lineno { color: #636d83; user-select: none; } body .highlight .ln { color: #636d83; user-select: none; } body .highlight .ln:after { content: " "; } body .highlight .hll { color: #abb2bf; background-color: #3a3f4b; } body .highlight .hl { color: #abb2bf; background-color: #3a3f4b; } body .highlight .language-json .w + .s2 { color: #e06c75; } body .highlight .language-json .kc { color: #56b6c2; } }