/* Lume's design system */
/*
Font families defined by this CSS:
- InterVariable variable font for modern web browsers
- Inter static fonts for older web browsers (small optical size)
- InterDisplay static fonts for older web browsers (large optical size)
Usage example:
:root { font-family: Inter, sans-serif; }
@supports (font-variation-settings: normal) {
:root { font-family: InterVariable, sans-serif; }
}
*/
@font-face {
font-family: InterVariable;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('font-files/InterVariable.woff2?v=4.1') format('woff2');
}
@font-face {
font-family: InterVariable;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('font-files/InterVariable-Italic.woff2?v=4.1') format('woff2');
}
/* legacy name "Inter var" (Oct 2023) */
@font-face { font-family:'Inter var'; font-style:normal; font-weight:100 900; font-display:swap; src: url('font-files/InterVariable.woff2?v=4.1') format('woff2'); }
@font-face { font-family:'Inter var'; font-style:italic; font-weight:100 900; font-display:swap; src: url('font-files/InterVariable-Italic.woff2?v=4.1') format('woff2'); }
/* static fonts */
@font-face { font-family:Inter; font-style:normal; font-weight:100; font-display:swap; src:url("font-files/Inter-Thin.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:100; font-display:swap; src:url("font-files/Inter-ThinItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:200; font-display:swap; src:url("font-files/Inter-ExtraLight.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:200; font-display:swap; src:url("font-files/Inter-ExtraLightItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:300; font-display:swap; src:url("font-files/Inter-Light.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:300; font-display:swap; src:url("font-files/Inter-LightItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url("font-files/Inter-Regular.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:400; font-display:swap; src:url("font-files/Inter-Italic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:500; font-display:swap; src:url("font-files/Inter-Medium.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:500; font-display:swap; src:url("font-files/Inter-MediumItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:600; font-display:swap; src:url("font-files/Inter-SemiBold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:600; font-display:swap; src:url("font-files/Inter-SemiBoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url("font-files/Inter-Bold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:700; font-display:swap; src:url("font-files/Inter-BoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:800; font-display:swap; src:url("font-files/Inter-ExtraBold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:800; font-display:swap; src:url("font-files/Inter-ExtraBoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:900; font-display:swap; src:url("font-files/Inter-Black.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:900; font-display:swap; src:url("font-files/Inter-BlackItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:100; font-display:swap; src:url("font-files/InterDisplay-Thin.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:100; font-display:swap; src:url("font-files/InterDisplay-ThinItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:200; font-display:swap; src:url("font-files/InterDisplay-ExtraLight.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:200; font-display:swap; src:url("font-files/InterDisplay-ExtraLightItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:300; font-display:swap; src:url("font-files/InterDisplay-Light.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:300; font-display:swap; src:url("font-files/InterDisplay-LightItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:400; font-display:swap; src:url("font-files/InterDisplay-Regular.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:400; font-display:swap; src:url("font-files/InterDisplay-Italic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:500; font-display:swap; src:url("font-files/InterDisplay-Medium.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:500; font-display:swap; src:url("font-files/InterDisplay-MediumItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:600; font-display:swap; src:url("font-files/InterDisplay-SemiBold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:600; font-display:swap; src:url("font-files/InterDisplay-SemiBoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:700; font-display:swap; src:url("font-files/InterDisplay-Bold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:700; font-display:swap; src:url("font-files/InterDisplay-BoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:800; font-display:swap; src:url("font-files/InterDisplay-ExtraBold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:800; font-display:swap; src:url("font-files/InterDisplay-ExtraBoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:normal; font-weight:900; font-display:swap; src:url("font-files/InterDisplay-Black.woff2?v=4.1") format("woff2"); }
@font-face { font-family:InterDisplay; font-style:italic; font-weight:900; font-display:swap; src:url("font-files/InterDisplay-BlackItalic.woff2?v=4.1") format("woff2"); }
@font-feature-values InterVariable {
@character-variant {
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
alt-1: 1; /* Alternate one */
alt-3: 9; /* Flat-top three */
open-4: 2; /* Open four */
open-6: 3; /* Open six */
open-9: 4; /* Open nine */
lc-l-with-tail: 5; /* Lower-case L with tail */
simplified-u: 6; /* Simplified u */
alt-double-s: 7; /* Alternate German double s */
uc-i-with-serif: 8; /* Upper-case i with serif */
uc-g-with-spur: 10; /* Capital G with spur */
single-story-a: 11; /* Single-story a */
compact-lc-f: 12; /* Compact f */
compact-lc-t: 13; /* Compact t */
}
@styleset {
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
open-digits: 1; /* Open digits */
disambiguation: 2; /* Disambiguation (with zero) */
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
round-quotes-and-commas: 3; /* Round quotes & commas */
square-punctuation: 7; /* Square punctuation */
square-quotes: 8; /* Square quotes */
circled-characters: 5; /* Circled characters */
squared-characters: 6; /* Squared characters */
}
}
@font-feature-values Inter {
@character-variant {
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
alt-1: 1; /* Alternate one */
alt-3: 9; /* Flat-top three */
open-4: 2; /* Open four */
open-6: 3; /* Open six */
open-9: 4; /* Open nine */
lc-l-with-tail: 5; /* Lower-case L with tail */
simplified-u: 6; /* Simplified u */
alt-double-s: 7; /* Alternate German double s */
uc-i-with-serif: 8; /* Upper-case i with serif */
uc-g-with-spur: 10; /* Capital G with spur */
single-story-a: 11; /* Single-story a */
compact-lc-f: 12; /* Compact f */
compact-lc-t: 13; /* Compact t */
}
@styleset {
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
open-digits: 1; /* Open digits */
disambiguation: 2; /* Disambiguation (with zero) */
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
round-quotes-and-commas: 3; /* Round quotes & commas */
square-punctuation: 7; /* Square punctuation */
square-quotes: 8; /* Square quotes */
circled-characters: 5; /* Circled characters */
squared-characters: 6; /* Squared characters */
}
}
@font-feature-values InterDisplay {
@character-variant {
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
alt-1: 1; /* Alternate one */
alt-3: 9; /* Flat-top three */
open-4: 2; /* Open four */
open-6: 3; /* Open six */
open-9: 4; /* Open nine */
lc-l-with-tail: 5; /* Lower-case L with tail */
simplified-u: 6; /* Simplified u */
alt-double-s: 7; /* Alternate German double s */
uc-i-with-serif: 8; /* Upper-case i with serif */
uc-g-with-spur: 10; /* Capital G with spur */
single-story-a: 11; /* Single-story a */
compact-lc-f: 12; /* Compact f */
compact-lc-t: 13; /* Compact t */
}
@styleset {
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
open-digits: 1; /* Open digits */
disambiguation: 2; /* Disambiguation (with zero) */
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
round-quotes-and-commas: 3; /* Round quotes & commas */
square-punctuation: 7; /* Square punctuation */
square-quotes: 8; /* Square quotes */
circled-characters: 5; /* Circled characters */
squared-characters: 6; /* Squared characters */
}
}
/* Lume's design system */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:after,:before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}
hr{color:inherit;height:0}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{border-color:inherit;text-indent:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:1px dotted ButtonText}
:-moz-ui-invalid{box-shadow:none}
legend{padding:0}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
details{border:1px solid}
summary{--marker-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 9.586 5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 1.414-1.414L8 9.586Z' fill='%23000'/%3E%3C/svg%3E");align-items:center;background:inherit;background:var(--marker-image) no-repeat center left .5em;background-size:1em 1em;color:inherit;cursor:pointer;display:flex;list-style:none;min-height:2.75em;padding:.7em .7em .7em 2em;text-decoration:none}
summary::-webkit-details-marker{display:none}
a[role=button],button,input[type=button],input[type=reset],input[type=submit]{align-items:center;background:inherit;border:1px solid;color:inherit;-moz-column-gap:.5em;column-gap:.5em;display:inline-flex;justify-content:center;min-height:2.75em;padding:.7em;text-align:center;text-decoration:none}
:is(button,input[type=button],input[type=reset],input[type=submit],a[role=button]):not(:disabled){cursor:pointer}
:is(button,input[type=button],input[type=reset],input[type=submit],a[role=button]):disabled,[aria-disabled=true]:is(button,input[type=button],input[type=reset],input[type=submit],a[role=button]){opacity:.33;pointer-events:none}
select{--marker-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 9.586 5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 1.414-1.414L8 9.586Z' fill='%23000'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--marker-image) no-repeat center right .5em;background-size:1em 1em;border:1px solid;border-radius:0;color:inherit;display:block;min-height:2.75em;padding:.7em 2em .7em .7em}
select:not(:disabled){cursor:pointer}
select:disabled{opacity:.33;pointer-events:none}
input[type=checkbox]{accent-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;border:1px solid;color:inherit;height:1.5em;transition:background-color .2s;vertical-align:middle;width:1.5em}
input[type=checkbox]:checked{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.92 3c.297 0 .552.109.763.326.211.217.317.48.317.786 0 .307-.107.57-.32.79l-7.56 7.777a1.02 1.02 0 0 1-.76.321 1.03 1.03 0 0 1-.768-.321l-4.28-4.394A1.09 1.09 0 0 1 1 7.495c0-.307.106-.57.317-.787.21-.217.466-.325.764-.325s.555.11.77.33l3.51 3.611 6.79-6.994c.213-.22.47-.33.768-.33Z'/%3E%3C/svg%3E")}
input[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E")}
input[type=checkbox]:not(:disabled){cursor:pointer}
input[type=checkbox]:disabled{opacity:.33;pointer-events:none}
input[type=radio]{accent-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;border:1px solid;border-radius:50%;color:inherit;height:1.5em;transition:border-width .2s;vertical-align:middle;width:1.5em}
input[type=radio]:checked{border-width:.5em}
input[type=radio]:not(:disabled){cursor:pointer}
input[type=radio]:disabled{opacity:.33;pointer-events:none}
input[type=range]{--color-background:#fff;--track-height:1px;accent-color:currentColor;-webkit-appearance:none;background-color:transparent;color:currentColor;cursor:pointer;display:block;height:1.5em;margin:0;vertical-align:middle;width:100%}
input[type=range]::-webkit-slider-runnable-track{background:currentColor;border:0;height:var(--track-height);width:100%}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-background);border:1px solid;border-radius:50%;cursor:pointer;height:1.5em;margin-top:calc((-1.5em + var(--track-height))/2);width:1.5em}
input[type=range]:focus::-webkit-slider-runnable-track{background:currentColor}
input[type=range]::-moz-range-track{background:currentColor;border:0;height:var(--track-height);width:100%}
input[type=range]::-moz-range-thumb{background:var(--color-background);border:1px solid;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1.5em;width:1.5em}
input[type=range]:not(:disabled){cursor:pointer}
input[type=range]:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range]:not(:disabled):hover::-webkit-slider-thumb{background:currentColor}
input[type=range]:not(:disabled):focus-visible::-moz-range-thumb,input[type=range]:not(:disabled):hover::-moz-range-thumb{background:currentColor}
input[type=range]:disabled{opacity:.33;pointer-events:none}
hr{margin-bottom:2em;margin-top:2em}
input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{background:inherit;border:1px solid;color:inherit;display:block;min-height:2.75em;padding:.7em;width:100%}
:is(input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea):disabled{opacity:.33;pointer-events:none}
:is(input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea)::-moz-placeholder{color:currentColor;opacity:.5}
:is(input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea)::placeholder{color:currentColor;opacity:.5}
textarea{-webkit-appearance:initial;min-height:3em;resize:vertical}
progress{background:transparent;border:1px solid;display:block;height:.5em;width:100%}
progress::-webkit-progress-value{background:currentColor;height:calc(100% + 1px);position:relative;top:-1px}
progress::-webkit-progress-bar{background:transparent}
progress::-moz-progress-bar{background:currentColor}
progress:indeterminate{animation:progressIndeterminate 1s linear infinite alternate;background:linear-gradient(currentColor,currentColor) no-repeat;background-size:25% 100%}
progress:indeterminate::-moz-progress-bar{background:transparent}
@keyframes progressIndeterminate{0%{background-position-x:0}to{background-position-x:100%}}
dialog{border-width:1px;max-width:calc(100% - 2em);padding:1em}
[role=tooltip]{background:#fff;border:1px solid;margin:0;max-width:30em;padding:1em;position:absolute}
button[role=switch]{--color-off:gray;--color-on:currentColor;border:none;padding:0}
button[role=switch]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E") no-repeat 0 currentColor;background-size:2em 2em;border:1px solid;border-radius:1em;color:var(--color-off);content:"";display:block;flex:0 0 auto;height:2em;transition-duration:.2s;transition-property:background-color,background-position;width:3.5em}
button[role=switch][aria-checked=true]:before{background-position-x:right;color:var(--color-on)}
:root{--color-base:#0a0c0f;--color-text:#29303d;--color-dim:#525f7a;--color-link:var(--color-primary);--color-link-hover:var(--color-primary-highlight);--color-line:#e0e4eb;--color-background:#fff;--color-highlight:#f6f7f9;--color-primary:#bf4040;--color-primary-highlight:#933;--code-text:var(--color-base);--code-comment:#708090;--code-token-1:#aa0909;--code-token-2:#909;--code-token-3:#06c;--code-token-4:#00802b;--code-inserted:#639108;--code-deleted:#910853;--code-border:var(--color-line);--code-background:var(--color-highlight);--code-background-selection:#b3d4fc;--font-family-code:Consolas,Menlo,Monaco,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L","Courier New",Courier,monospace;--font-family-ui:-apple-system,system-ui,sans-serif;--font-family-display:var(--font-family-ui);--font-bold:600;--font-code:.9em/1.5 var(--font-family-code);--font-display:var(--font-bold) clamp(2rem,10vw,4rem)/1 var(--font-family-display);--font-display-spacing:-0.02em;--font-title:var(--font-bold) clamp(1.5rem,8vw,2rem)/1.2 var(--font-family-ui);--font-title-spacing:-0.015em;--font-body:clamp(1rem,5vw,1.125rem)/1.6 var(--font-family-ui);--font-body-bold:var(--font-bold) var(--font-body);--font-body-spacing:0;--font-ui:1rem/1.4 var(--font-family-ui);--font-ui-bold:var(--font-bold) var(--font-ui);--font-small:clamp(0.85rem,4vw,0.9rem)/1.4 var(--font-family-ui);--font-small-bold:var(--font-bold) var(--font-small);--row-gap-xsmall:1rem;--row-gap-small:2.5rem;--row-gap-medium:5rem;--border-radius:6px;--animation-duration:0.2s;--pagefind-ui-scale:.8;--pagefind-ui-primary:var(--color-text);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-highlight);--pagefind-ui-border:var(--color-line);--pagefind-ui-tag:var(--color-highlight);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:var(--border-radius);--pagefind-ui-image-border-radius:var(--border-radius);--pagefind-ui-image-box-ratio:3/2;--pagefind-ui-font:var(--font-family-ui);color-scheme:light}
[data-theme=dark]{--color-base:#fff;--color-text:#a3adc2;--color-dim:#7585a3;--color-line:#29303d;--color-background:#14181f;--color-highlight:#1b1f28;--color-primary:#f45757;--color-primary-highlight:#f66f6f;--code-text:var(--color-base);--code-comment:grey;--code-token-1:#f66;--code-token-2:#d65cd6;--code-token-3:#75b3f0;--code-token-4:#52e081;--code-inserted:#8c9966;--code-deleted:#d16a47;--code-border:var(--color-line);--code-background:var(--color-highlight);--code-background-selection:hsla(0,0%,93%,.15);color-scheme:dark}
@supports (font-variation-settings:normal){:root{--font-family-display:InterDisplay,var(--font-family-ui);--font-family-ui:InterVariable,-apple-system,system-ui,sans-serif;--font-display-spacing:-0.03em;--font-title-spacing:-0.015em;--font-body-spacing:-0.01em;font-feature-settings:"liga" 1,"calt" 1}}
html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:120px;text-rendering:auto}
body,html{background-color:var(--color-background);color:var(--color-base);font:var(--font-ui);overflow-wrap:break-word}
main>:first-child{margin-top:0}
a{color:var(--color-link)}
a:hover{color:var(--color-link-hover);text-decoration:none}
table{margin:1em 0}
table td,table th{padding-right:1em}
code,pre{font:var(--font-code);font-variant-ligatures:none;letter-spacing:0}
:not(pre)>code{background:var(--color-highlight);border-radius:4px;color:var(--color-text);font-size:.95em;letter-spacing:inherit;padding:0 .2rem}
:focus{z-index:1}
:focus-visible{outline-color:var(--color-line);outline-offset:2px;outline-style:solid;outline-width:1px}
hr{background:none;border:none;border-top:1px solid;color:var(--color-line);margin:var(--row-gap-medium) 0}
b,h1,h2,h3,h4,h5,h6,strong{color:var(--color-text);font-weight:var(--font-bold)}
.icon{align-items:center;display:inline-flex;font-size:24px;height:24px;justify-content:center;line-height:0;width:24px}
.badge{border:1px solid var(--color-line);border-radius:4px;color:var(--color-dim);display:inline-block;padding:.2em .6em;text-decoration:none}
.badge:hover{background-color:var(--color-line)}
.body{color:var(--color-text);font:var(--font-body);letter-spacing:var(--font-body-spacing)}
.body>:first-child{margin-top:0}
.body h2,.body h3,.body h4,.body h5,.body h6{text-wrap:balance;color:var(--color-base);margin:1.5em 0 .5em}
.body h1{text-wrap:balance;font:var(--font-display);letter-spacing:var(--font-display-spacing);padding-bottom:.1em}
.body h1,.body h2{border-bottom:1px solid var(--color-line)}
.body h2{font:var(--font-title);letter-spacing:var(--font-title-spacing);padding-bottom:.2em}
.body{:not(pre)>code,b,h1,h2,strong{color:var(--color-base)}}
.body img{max-width:100%}
.body .header-anchor{color:inherit;text-decoration:none}
.body sup>a{background:var(--color-highlight);border:1px solid var(--color-highlight);display:inline-block;line-height:1;margin:0 .1em;padding:.2em;text-decoration:none}
.body sup>a:hover{border-color:var(--color-primary)}
.body sup>a:target{border:1px solid var(--color-primary)}
.body{.markdown-alert{--color:currentColor;border-left:4px solid var(--color);color:var(--color-text);font:var(--font-ui);margin-block:1.5rem;padding:.5rem 1rem}.markdown-alert :last-child{margin-bottom:0}.markdown-alert-title{align-items:center;color:var(--color);-moz-column-gap:.5em;column-gap:.5em;display:flex;font:var(--font-ui-bold);margin:0}.markdown-alert-title:before{background:var(--img) no-repeat center center;content:"";display:block;height:24px;width:24px}.markdown-alert-important{--color:#909;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-note{--color:#06c;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-tip{--color:#00802b;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-warning{--color:#998000;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-caution{--color:#aa0909;--img:url('data:image/svg+xml;charset-UTF-8,')}}
[data-theme=dark] .body{.markdown-alert-important{--color:#d65cd6;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-note{--color:#75b3f0;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-tip{--color:#52e081;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-warning{--color:#e6c41a;--img:url('data:image/svg+xml;charset-UTF-8,')}.markdown-alert-caution{--color:#f66;--img:url('data:image/svg+xml;charset-UTF-8,')}}
blockquote{background-color:var(--color-highlight);border-left:4px solid var(--color-line);color:var(--color-dim);margin:1.5em 0;padding-block:.75em;padding-inline:1.5em}
.breadcrumb{display:flex;flex-wrap:wrap;font:var(--font-small);list-style:none;margin:0;padding:0}
.breadcrumb>li:after{content:"/";display:inline-block;padding:0 .5em}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.button{align-items:center;background:var(--background,none);border:0;border-radius:var(--border-radius);color:var(--color,currentColor);-moz-column-gap:.5em;column-gap:.5em;cursor:pointer;display:inline-flex;flex:0 0 auto;font:var(--font-ui);justify-content:center;min-height:2.5em;padding:.6em;text-align:center;text-decoration:none;transition-duration:var(--animation-duration);transition-property:background-color,color}
.button:disabled,.button[aria-disabled=true]{cursor:default;opacity:.33;pointer-events:none}
.button.is-small{font:var(--font-small);min-height:1em}
.button.is-primary{--color:var(--color-background);--color-hover:var(--color-background);--background:var(--color-primary);--background-hover:var(--color-primary-highlight)}
.button.is-secondary{--color:var(--color-dim);--color-hover:var(--color-text);--color-active:var(--color-base);--background:var(--color-highlight);--background-hover:var(--color-line);--background-active:var(--color-line)}
.button:hover{background:var(--background-hover,none);color:var(--color-hover,currentColor)}
code[class*=language-],pre[class*=language-]{border-radius:var(--border-radius);color:var(--code-text);direction:ltr;font:var(--font-code);-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}
code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection{background:var(--code-background-selection)}
code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:var(--code-background-selection)}
pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}
:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--code-background);border:1px solid var(--code-border)}
:not(pre)>code[class*=language-]{padding:.15em .2em .05em}
.namespace,.token.punctuation{opacity:.7}
.token{position:relative;z-index:1}
.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-comment)}
.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:var(--code-token-1)}
.token.boolean,.token.number,.token.tag{color:var(--code-token-2)}
.token.deleted{color:var(--code-deleted)}
.token.inserted{color:var(--code-inserted)}
.token.attr-value,.token.char,.token.entity,.token.operator,.token.string,.token.url,.token.variable{color:var(--code-token-3)}
.token.atrule,.token.attr-name,.token.important,.token.regex{color:var(--code-token-4)}
.emptyState{background-color:var(--color-highlight);border-radius:var(--border-radius);color:var(--color-dim);font:var(--font-body);padding:2em}
.search .pagefind-ui__search-input{font-weight:400}
.search .pagefind-ui__search-input::-moz-placeholder{color:var(--color-dim);opacity:1}
.search .pagefind-ui__search-input::placeholder{color:var(--color-dim);opacity:1}
.search .pagefind-ui__search-input:focus{background:var(--color-background)}
.search .pagefind-ui__search-clear{background:none;z-index:2}
.search .pagefind-ui__drawer{background-color:var(--color-highlight);border-radius:var(--pagefind-ui-border-radius);margin-top:4px;padding:0 1em}
.search .pagefind-ui__results-area{margin-top:0}
.search .pagefind-ui__result{border-bottom:none!important}
.toc{font:var(--font-small);margin-bottom:var(--row-gap-small)}
.toc h2{font:var(--font-small-bold);margin:.5em 0;text-transform:uppercase}
.toc ol{color:var(--color-dim);margin:0;padding-left:1.5em}
.toc ul{margin:0;padding-left:1em}
.toc li{margin:.1em 0}
.toc a{color:inherit}
.pagination ul{-moz-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0}
.pagination ul:has(.pagination-page){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.pagination a{color:var(--color-dim);display:block;text-decoration:none}
.pagination a:hover strong{text-decoration:underline}
.pagination strong{color:var(--color-base);display:block}
.pagination-prev{grid-column:1;text-align:left}
.pagination-page{grid-column:2;text-align:center}
.pagination-next{grid-column:-2;text-align:right}
@media only screen and (max-width:576px){.pagination strong{display:none}}
.footnotes{color:var(--color-dim);font:var(--font-small);margin-top:5em}
.footnotes>dl{margin:0}
.footnotes>dl>div{padding:.5em}
.footnotes>dl>div:target{outline:1px dashed var(--color-primary)}
:is(.footnotes>dl>div)+div{margin-top:.5em}
.footnotes dt{float:left;font-weight:700;margin-right:1em}
.footnotes dt a{color:var(--color-base);text-decoration:none}
.footnotes dt a:hover{text-decoration:underline}
.footnotes dd{margin:0;padding-left:2em}
.footnotes dd p{margin:.25em 0}
.footnotes dd>:first-child{margin-top:0}
.footnotes dd>:last-child{margin-bottom:0}
/* Custom components */
.header {
font: var(--font-body);
margin-bottom: min(5vh, 100px);
color: var(--color-text);
p {
margin: 0;
text-wrap: balance;
+ p {
margin-top: .5em;
}
}
}
.header-avatar {
border-radius: 50%;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 200px;
max-width: 50vw;
}
.header-title {
font: var(--font-title);
letter-spacing: var(--font-title-spacing);
margin: .5em 0 0;
color: var(--color-base);
}
.header-theme {
position: absolute;
top: 1rem;
right: 1.5rem;
}
.link-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
row-gap: 10px;
.button {
display: flex;
font: var(--font-body-bold);
transition: transform 200ms;
border: solid 1px #00000022;
&:hover {
transform: scale(1.05);
box-shadow: 0 2px 10px -8px #0009;
}
}
.button:not(.is-primary) {
background: var(--bg-color);
color: var(--text-color);
}
svg {
width: 20px;
height: 20px;
fill: currentColor;
}
}
[data-theme="dark"] {
.link-list .button {
border: solid 1px #FFFFFF16;
}
}
.icon-list {
list-style: none;
margin: 0 0 min(5vh, 100px);
padding: 0;
display: flex;
gap: 10px;
justify-content: center;
svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.button {
display: flex;
font: var(--font-body-bold);
transition: transform 200ms;
&:hover {
transform: scale(1.05);
box-shadow: 0 2px 10px -8px #0009;
}
}
.button:not(.is-primary) {
background: var(--bg-color);
color: var(--text-color);
}
}
body {
display: grid;
grid-template-columns: minmax(0, 500px);
grid-template-rows: 1fr auto;
min-height: 100vh;
text-align: center;
padding: max(20px, 5vh) 20px;
row-gap: 20px;
justify-content: center;
align-content: center;
}
main {
align-self: center;
}
footer {
font: var(--font-small);
color: var(--color-dim);
> * {
margin: 0;
}
> * + * {
margin-top: 1em;
}
a {
color: inherit;
}
}
/* Custom components */
.header {
font: var(--font-body);
margin-bottom: min(5vh, 100px);
color: var(--color-text);
p {
margin: 0;
text-wrap: balance;
+ p {
margin-top: .5em;
}
}
}
.header-avatar {
border-radius: 50%;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 200px;
max-width: 50vw;
}
.header-title {
font: var(--font-title);
letter-spacing: var(--font-title-spacing);
margin: .5em 0 0;
color: var(--color-base);
}
.header-theme {
position: absolute;
top: 1rem;
right: 1.5rem;
}
.link-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
row-gap: 10px;
.button {
display: flex;
font: var(--font-body-bold);
transition: transform 200ms;
border: solid 1px #00000022;
&:hover {
transform: scale(1.05);
box-shadow: 0 2px 10px -8px #0009;
}
}
.button:not(.is-primary) {
background: var(--bg-color);
color: var(--text-color);
}
svg {
width: 20px;
height: 20px;
fill: currentColor;
}
}
[data-theme="dark"] {
.link-list .button {
border: solid 1px #FFFFFF16;
}
}
.icon-list {
list-style: none;
margin: 0 0 min(5vh, 100px);
padding: 0;
display: flex;
gap: 10px;
justify-content: center;
svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.button {
display: flex;
font: var(--font-body-bold);
transition: transform 200ms;
&:hover {
transform: scale(1.05);
box-shadow: 0 2px 10px -8px #0009;
}
}
.button:not(.is-primary) {
background: var(--bg-color);
color: var(--text-color);
}
}
body {
display: grid;
grid-template-columns: minmax(0, 500px);
grid-template-rows: 1fr auto;
min-height: 100vh;
text-align: center;
padding: max(20px, 5vh) 20px;
row-gap: 20px;
justify-content: center;
align-content: center;
}
main {
align-self: center;
}
footer {
font: var(--font-small);
color: var(--color-dim);
> * {
margin: 0;
}
> * + * {
margin-top: 1em;
}
a {
color: inherit;
}
}