@import"https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Silkscreen:wght@400;700&display=swap";:root{--max-width: calc(100vw - var(--spacing) * 8);--player-width: min(30rem, var(--max-width)) ;--modal-width: var(--player-width);@media (width >= 80rem){--modal-width: min(80rem, var(--max-width)) }}html{font-size:1.25em}body{background-color:var(--color-grey);color:var(--color-white);line-height:1.2}main>:first-child{margin-top:calc(-2 * var(--spacing))}main{>h1,>h2,>h3,>p{&:not(.wide){max-width:var(--player-width)}text-align:center}}h1,.h1{font-size:2.2rem}h2,.h2{font-size:1.5rem;&:not(.font-normal){font-weight:700}}h3,.h3{font-size:1.25rem;&:not(.font-normal){font-weight:700}}a:not(.no-underline){text-decoration:underline}@layer base{.mdx{ul:not(:has(.badge)){font-size:var(--text-sm)}li{font-size:inherit}li:has(.badge){display:inline}p{margin-top:calc(var(--spacing) * 4);font-size:var(--text-sm)}h1,h2,h3,em{p{margin-top:calc(var(--spacing) * -1)}p{font-size:inherit}}h1,h2,h3{+p{margin-top:0}}}}input[type=range]{--border-radius: .15rem;--thumb-background: var(--background-past);--thumb-inline-size: .4em;--thumb-block-size: 1.8em;--range-inline-size: 100%;--range-block-size: .4em;inline-size:var(--range-inline-size);block-size:var(--range-block-size);-webkit-appearance:none;appearance:none;border-radius:var(--border-radius);background:var(--background-future);&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--thumb-inline-size);block-size:var(--thumb-block-size);background:var(--thumb-background);border-radius:var(--border-radius)}&::-moz-range-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--thumb-inline-size);block-size:var(--thumb-block-size);background:var(--thumb-background);border-width:0;border-radius:var(--border-radius)}&.compact{overflow:hidden;&::-webkit-slider-thumb{background:transparent}&::-moz-range-thumb{background:transparent}}}.bg-white{--background-past: var(--color-white) !important;--background-future: rgba(255, 255, 255, .25)}.bg-grey{--background-past: var(--color-grey) !important;--background-future: rgba(15, 14, 15, .25)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
