html { position: relative; overflow-x: hidden; background: #212529; }
@media (prefers-color-scheme: light) { html { background: #fff; }
  html.dark-theme { background: #212529; } }
html:before { content: ""; position: fixed; width: 40vw; height: 40vw; top: 0; left: 0; background: url("https://img.spacergif.org/v1/8x8/25a/fff.png") top right no-repeat; animation: orbit 60s linear infinite; transform: translate(-50%, -60%); z-index: -1; }
@media (prefers-reduced-motion: reduce) { html:before { display: none; } }
@media print { html:before { display: none; } }
html.light-theme { background: #fff; }
html.dark-theme { background: #212529; }
@media print { html.dark-theme { background: #fff; } }
html.light-theme:before { background: url("https://img.spacergif.org/v1/8x8/25a/8f2096.png") top right no-repeat; }
html:after { content: ""; position: fixed; width: 50vw; height: 50vw; top: 0; left: 0; background: url("https://img.spacergif.org/v1/8x8/25a/fff.png") top left no-repeat; animation: orbit 80s linear infinite; transform: translate(-50% -50%); z-index: -1; }
@media (prefers-reduced-motion: reduce) { html:after { display: none; } }
@media print { html:after { display: none; } }
html.light-theme:after { background: url("https://img.spacergif.org/v1/8x8/25a/8f2096.png") top left no-repeat; }

@keyframes orbit { from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); } }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; box-sizing: border-box; margin: 0; padding: 1rem 0; color: #fff; background: transparent; }
@media print { body { color: #212529; } }
.light-theme body { color: #212529; }
@media (prefers-color-scheme: light) { body { color: #212529; }
  .dark-theme body { color: #fff; } }

#bg-fill { height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; overflow: hidden; -webkit-backface-visibility: hidden; }
#bg-fill:before { content: ""; position: absolute; height: 100vw; width: 100vw; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform-origin: center; border-radius: 50%; transform: scale(2); }
.dark-theme #bg-fill:before { background: #212529; animation: bgFill1 0.25s linear backwards; }
@media (prefers-reduced-motion: reduce) { .dark-theme #bg-fill:before { animation: bgFill1 0s linear backwards; } }
@media print { .dark-theme #bg-fill:before { background: #fff; } }
.light-theme #bg-fill:before { background: #fff; animation: bgFill2 0.25s linear backwards; }
@media (prefers-reduced-motion: reduce) { .light-theme #bg-fill:before { animation: bgFill2 0s linear backwards; } }
@keyframes bgFill1 { from { transform: scale(0); }
  to { transform: scale(2); } }
@keyframes bgFill1 { from { transform: scale(0); }
  to { transform: scale(2); } }
@keyframes bgFill2 { from { transform: scale(0); }
  to { transform: scale(2); } }
.container { max-width: 992px; }

h1, h2, h3, h4 { font-weight: bold; }

h1 { font-size: 2rem; margin-bottom: 2rem; }
@media (min-width: 768px) { h1 { font-size: 3rem; } }

p, ul { font-size: 1.2rem; line-height: 2rem; }
@media (min-width: 768px) { p, ul { line-height: 1.8rem; } }
p.lead, ul.lead { font-size: 1.2rem; line-height: 2rem; font-weight: normal; }
@media (min-width: 768px) { p.lead, ul.lead { font-size: 1.4rem; line-height: 2.2rem; } }

p { margin: 0 0 2rem 0; }

ul { margin: 0 0 1.5rem 1rem; padding: 0; list-style-type: square; }
ul li { margin: 0 0 0.5rem 0; }

.note { border: 1px solid #ff0; padding: 1.5rem; box-sizing: border-box; border-radius: 0.25rem; margin-bottom: 2rem; font-style: italic; }
@media (min-width: 768px) { .note { padding: 2rem; margin-bottom: 3rem; } }
@media print { .note { border-color: #8f2096; } }
.light-theme .note { border-color: #8f2096; }
@media (prefers-color-scheme: light) { .note { border-color: #8f2096; }
  .dark-theme .note { border-color: #ff0; } }
.note h1:first-child, .note h2:first-child, .note h3:first-child, .note h4:first-child { margin-top: 0; }
.note h3 { font-weight: normal; }
@media (min-width: 768px) { .note h3 { font-size: 1.5rem; margin-bottom: 1rem; } }
.note > *:last-child { margin-bottom: 0; }

.snippet { text-align: right; margin: 0 0 1.3rem 0; position: relative; }

samp { background: #47234e; color: #fff; padding: 1.5rem 0.75rem; font-size: 1rem; border-left: 0.25rem solid #ff0; overflow-x: auto; display: block; position: relative; z-index: 0; max-width: 100%; margin: 1.5rem 0 0.5rem 0; text-align: left; word-break: break-all; }
@media (min-width: 768px) { samp { font-size: 1.2rem; } }
@media print { samp { border-left: 0.25rem solid #8f2096; } }
.light-theme samp { border-left: 0.25rem solid #8f2096; background: #e0d6e2; }
@media (prefers-color-scheme: light) { samp { border-left: 0.25rem solid #8f2096; background: #b388bb; }
  .dark-theme samp { border-left: 0.25rem solid #ff0; background: #47234e; } }
samp:before { content: ""; margin-right: 0.75rem; }
@media (min-width: 768px) { samp:before { content: "1"; color: #ccc; margin-right: 1.5rem; } }
samp:after { content: ""; height: 55%; width: 100%; position: absolute; margin: auto 0; background: #212529; top: 0; bottom: 0; left: 0; z-index: -1; }
@media print { samp:after { background: #fff; } }
.light-theme samp:after { background: #fff; }
@media (prefers-color-scheme: light) { samp:after { background: #fff; }
  .dark-theme samp:after { background: #212529; } }

.stat-number { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; color: #ffa500; }
@media print { .stat-number { color: #5151c0; } }
.light-theme .stat-number { color: #5151c0; }
@media (prefers-color-scheme: light) { .stat-number { color: #5151c0; }
  .dark-theme .stat-number { color: #ffa500; } }

code { color: #61a7be; }
@media print { code { color: #ae95ae; } }
.light-theme code { color: #ae95ae; }
code .tag { color: #b7dbe7; }
@media print { code .tag { color: #800080; } }
.light-theme code .tag { color: #800080; }
@media (prefers-color-scheme: light) { code .tag { color: #800080; }
  .dark-theme code .tag { color: #b7dbe7; } }
code .attr { color: #95e5ff; }
@media print { code .attr { color: #ae7100; } }
.light-theme code .attr { color: #8f2096; }
@media (prefers-color-scheme: light) { code .attr { color: #ae7100; }
  .dark-theme code .attr { color: #95e5ff; } }
code .val { color: #ffa500; }
@media print { code .val { color: #5151c0; } }
.light-theme code .val { color: #5151c0; }
@media (prefers-color-scheme: light) { code .val { color: #5151c0; }
  .dark-theme code .val { color: #ffa500; } }

.copy { background: none; outline: none; border: none; font-size: 1rem; position: relative; display: inline-block; cursor: pointer; user-select: none; text-decoration: underline; color: #ff0; transition: color 0.25s ease; }
.copy:hover, .copy:active { color: #c930d3; outline: none; }
.light-theme .copy:hover, .light-theme .copy:active { color: #531357; }
.light-theme .copy { color: #0000b5; }
@media print { .copy { display: none; } }
@media (prefers-color-scheme: light) { .copy { color: #0000b5; }
  .dark-theme .copy { color: #ff0; } }
.copy span { position: absolute; top: -999px; white-space: nowrap; border-radius: 0.25rem; padding: 0.5rem; right: 115%; opacity: 0; pointer-events: none; transform: translateY(-25%); transform-origin: center; background: #fff; }
.copy:focus span { outline: none; border: none; }
.copy.show-success span { top: 0; background: #76d95d; color: #222; }
.copy.show-error span { top: 0; background: red; color: #fff; }
.copy.show-success span { animation: copyStatus 1.5s ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) { .copy.show-success span { animation: copyStatusReducedMotion 1.5s ease; } }
.copy.show-error span { animation: copyStatus 1.5s ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) { .copy.show-error span { animation: copyStatusReducedMotion 1.5s ease; } }

@keyframes copyStatus { 0% { opacity: 0; transform: translateY(-25%) scale(0.9); }
  25% { opacity: 1; transform: translateY(-25%) scale(1); }
  75% { opacity: 1; transform: translateY(-25%) scale(1); }
  100% { opacity: 0; transform: translateY(-25%) translateX(-15%) scale(1); } }
@keyframes copyStatusReducedMotion { 0% { opacity: 0; }
  25% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; } }
.dark-theme .btn-outline-primary.focus, .dark-theme .btn-outline-primary:focus, .dark-theme select.focus, .dark-theme select:focus, .dark-theme .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem #ff0 !important; }

.btn-outline-primary { color: #fff; border-color: #8f2096; border-width: 2px; }
@media print { .btn-outline-primary { color: #8f2096; } }
.light-theme .btn-outline-primary { color: #8f2096; }
@media (prefers-color-scheme: light) { .btn-outline-primary { color: #8f2096; }
  .dark-theme .btn-outline-primary { color: #fff; } }
.btn-outline-primary:hover { background: #531357 !important; border-color: #8f2096 !important; }
.light-theme .btn-outline-primary:hover { color: #fff; }

#main-nav .btn-outline-primary { background: #212529; }
@media (prefers-color-scheme: light) { #main-nav .btn-outline-primary { background: #fff; }
  .dark-theme #main-nav .btn-outline-primary { background: #212529; } }
@media print { #main-nav .btn-outline-primary { background: #fff; } }
.light-theme #main-nav .btn-outline-primary { background: #fff; }
#main-nav ul li { margin: 0; }

#cookie-notice { position: sticky; z-index: 999; bottom: 0; left: 0; right: 0; background: #8f2096; }
@media print { #cookie-notice { display: none; } }
#cookie-notice .btn-outline-primary { border-color: #fff; }
.light-theme #cookie-notice { background: #ff0; }
.light-theme #cookie-notice .btn-outline-primary { border-color: #8f2096; }
@media (prefers-color-scheme: light) { #cookie-notice { background: #ff0; }
  #cookie-notice .btn-outline-primary { border-color: #8f2096; }
  .dark-theme #cookie-notice { background: #8f2096; }
  .dark-theme #cookie-notice .btn-outline-primary { border-color: #fff; } }
#cookie-notice.dismiss { display: none; }
#cookie-notice #cookie-settings { max-height: 20rem; overflow-y: scroll; background: #47234e; }

#chart-loader { min-height: 300px; position: relative; }
#chart-loader:before { content: ""; position: absolute; top: -50px; bottom: 0; left: 0; right: 0; margin: auto; width: 50px; height: 50px; border: 4px solid #8f2096; border-radius: 50%; }
#chart-loader:after { content: ""; position: absolute; top: -50px; bottom: 0; left: 0; right: 0; margin: auto; width: 10px; height: 60px; background: #212529; animation: spin2 1s infinite linear; }
.light-theme #chart-loader:after { background: #fff; }
@media (prefers-color-scheme: light) { #chart-loader:after { background: #fff; }
  .dark-theme #chart-loader:after { background: #212529; } }
#chart-loader span { position: absolute; height: 1rem; line-height: 1; top: 50px; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }

@keyframes spin2 { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
a:not(.btn) { text-decoration: underline; color: #ff0; transition: color 0.25s ease; }
@media print { a:not(.btn) { color: #0000b5; } }
.light-theme a:not(.btn) { color: #0000b5; }
@media (prefers-color-scheme: light) { a:not(.btn) { color: #0000b5; }
  .dark-theme a:not(.btn) { color: #ff0; } }

a:not(.btn):hover, a:not(.btn):active { color: #c930d3; }
@media print { a:not(.btn):hover, a:not(.btn):active { color: #531357; } }
.light-theme a:not(.btn):hover, .light-theme a:not(.btn):active { color: #531357; }
@media (prefers-color-scheme: light) { a:not(.btn):hover, a:not(.btn):active { color: #531357; }
  .dark-theme a:not(.btn):hover, .dark-theme a:not(.btn):active { color: #c930d3; } }

.spinner { display: inline-block; width: 0.75rem; height: 0.75rem; border-radius: 50%; border: 4px solid #715f7e; position: relative; animation: spin 0.5s linear infinite; transform: translateY(0.25rem); }
.spinner:after { content: ""; position: absolute; top: -4px; bottom: -4px; left: -4px; right: -4px; margin: auto; border-top: 4px solid #fff; border-radius: 50%; }

@keyframes spin { from { transform: translateY(0.25rem) rotate(0deg); }
  to { transform: translateY(0.25rem) rotate(360deg); } }
#spacerman { opacity: 0.35; position: fixed; top: -1.1rem; right: 0.75rem; }
@media (prefers-reduced-motion: reduce) { #spacerman { position: absolute; } }
@media print { #spacerman { display: none; } }
@media (min-width: 768px) { #spacerman { right: 1rem; } }
@media (min-width: 1200px) { #spacerman { right: auto; top: -5px; transform-origin: center top; opacity: 1; transform: translateX(-130%); animation: slide 10.5s ease-in-out alternate infinite; } }
@media (prefers-reduced-motion: reduce) { #spacerman { animation: none; } }
#spacerman svg { width: 4rem; height: auto; }
@media (min-width: 768px) { #spacerman svg { width: 5rem; } }
@media (min-width: 992px) { #spacerman svg { width: 6rem; } }
#spacerman #tether { transform-origin: 137px 2px; animation: stretch 3.5s ease-in-out alternate infinite; }
@media (prefers-reduced-motion: reduce) { #spacerman #tether { animation: none; } }
#spacerman g { transform-origin: 108px 512px; animation: bounce 3.5s ease-in-out alternate infinite; }
@media (prefers-reduced-motion: reduce) { #spacerman g { animation: none; } }
#spacerman #left-arm { transform-origin: 67px 528px; animation: leftArm 3.5s ease-in-out alternate infinite; }
@media (prefers-reduced-motion: reduce) { #spacerman #left-arm { animation: none; } }
#spacerman #right-arm { transform-origin: 110px 578px; animation: rightArm 3.5s ease-in-out alternate infinite; }
@media (prefers-reduced-motion: reduce) { #spacerman #right-arm { animation: none; } }
#spacerman #right-leg { transform-origin: 205px 497px; animation: rightLeg 3.5s ease-in-out alternate infinite; }
@media (prefers-reduced-motion: reduce) { #spacerman #right-leg { animation: none; } }
#spacerman #left-leg { transform-origin: 146px 440px; animation: leftLeg 3.5s ease-in-out alternate infinite; }
@media (prefers-reduced-motion: reduce) { #spacerman #left-leg { animation: none; } }
@media print { #spacerman path:not(#tether) { fill: #8f2096; }
  #spacerman #tether { stroke: #8f2096; } }
#spacerman path:not(#tether) { fill: #fff; }
#spacerman #tether { stroke: #fff; }
.light-theme #spacerman path:not(#tether) { fill: #8f2096; }
.light-theme #spacerman #tether { stroke: #8f2096; }
@media (prefers-color-scheme: light) { #spacerman path:not(#tether) { fill: #8f2096; }
  #spacerman #tether { stroke: #8f2096; }
  .dark-theme #spacerman path:not(#tether) { fill: #fff; }
  .dark-theme #spacerman #tether { stroke: #fff; } }

@keyframes slide { from { transform: translateX(-130%) rotate(5deg); }
  to { transform: translateX(-190%) rotate(-5deg); } }
@keyframes bounce { from { transform: translateY(-10%) rotate(0deg); }
  to { transform: translate(0) rotate(15deg); } }
@keyframes stretch { from { transform: scaleY(0.86); }
  to { transform: scaleY(1.05); } }
@keyframes leftArm { from { transform: rotate(0deg); }
  to { transform: rotate(-25deg); } }
@keyframes rightArm { from { transform: rotate(0deg); }
  to { transform: rotate(15deg); } }
@keyframes rightLeg { from { transform: rotate(0deg); }
  to { transform: rotate(-25deg); } }
@keyframes leftLeg { from { transform: rotate(0deg); }
  to { transform: rotate(-30deg); } }
.table-responsive { margin-bottom: 3rem; }

table { border-collapse: collapse; color: #fff; }
@media print { table { color: #212529; } }
.light-theme table { color: #212529; }
@media (prefers-color-scheme: light) { table { color: #212529; }
  .dark-theme table { color: #fff; } }
table tr { border-width: 0 0 1px 0; border-color: #fff; border-style: solid; }
table tr:last-of-type { border: none; }
@media print { table tr { border-color: #8f2096; } }
.light-theme table tr { border-color: #8f2096; }
@media (prefers-color-scheme: light) { table tr { border-color: #8f2096; }
  .dark-theme table tr { border-color: #fff; } }
table th, table td { padding: 1rem; line-height: 1.5rem; }
@media print { table code { color: #212529; } }
.light-theme table code { color: #212529; }
@media (prefers-color-scheme: light) { table code { color: #212529; }
  .dark-theme table code { color: #fff; } }

footer p { font-size: 1rem; }

.nojs { display: none !important; }

::-webkit-scrollbar { width: 5px; }

::-webkit-scrollbar-thumb { background: #ff0; }
.light-theme ::-webkit-scrollbar-thumb { background: #8f2096; }
@media (prefers-color-scheme: light) { ::-webkit-scrollbar-thumb { background: #8f2096; }
  .dark-theme ::-webkit-scrollbar-thumb { background: #ff0; } }

::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.25); }

.custom-switch .custom-control-label { user-select: none; cursor: pointer; }

.custom-switch .custom-control-label::after { background: #8f2096; }

.custom-control-input:checked ~ .custom-control-label::before { border-color: #8f2096; background: #8f2096; }

.custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after { top: 0; bottom: 0; margin: auto; }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background: #949494; border-color: #444; }

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