html,body{margin:0;padding:0}:root{--ember-brand: #e04e39;--ember-black: #212121;--ember-burnt-ember: #9b2918;--ember-gray: #817f7f;--ember-blue: #1e719b;--ember-faint-gray: #efebea;--ember-light-blue: #74b0ce;--ember-linen: #fdf7f6;--ember-yellow: #fbc840;--ember-white: #fdfdfd;--horizon-lavender: #b877db;--horizon-turquoise: #25b2bc;--horizon-cranberry: #e95678;--horizon-apricot: #f09383;--horizon-rosebud: #fab795;--horizon-tacao: #fac29a;--horizon-amethyst: #8931b9;--horizon-elm: #1d8991;--horizon-crimson: #da103f;--horizon-thunderbird: #dc3318;--horizon-tango: #f6661e;--horizon-jaffa: #f77d26}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:1ms!important}}body{--page-bg: var(--ember-faint-gray);--page-font: var(--ember-black);--link-font: var(--ember-blue);--link-hover: var(--ember-light-blue);--github-bg: var(--ember-black);--github-border: var(--ember-black);--github-font: white;--github-hover: var(--ember-gray);font-family:Helvetica,Arial,sans-serif;background:var(--page-bg);color:var(--page-font);overflow:hidden}@media(prefers-color-scheme:dark){body{--page-bg: var(--ember-black);--page-font: var(--ember-white);--link-font: var(--horizon-lavender);--github-bg: var(--ember-faint-gray);--github-border: var(--ember-light-blue);--github-font: white;--github-hover: var(--ember-gray)}}.theme-light{--page-bg: var(--ember-faint-gray);--page-font: var(--ember-black);--link-font: var(--ember-blue);--link-hover: var(--ember-light-blue);--github-bg: var(--ember-black);--github-border: var(--ember-gray);--github-font: white;--github-hover: var(--ember-gray)}.theme-dark{--page-bg: var(--ember-black);--page-font: var(--ember-white);--link-font: var(--horizon-lavender);--github-bg: var(--ember-faint-gray);--github-border: var(--ember-light-blue);--github-font: white;--github-hover: var(--ember-gray)}.preem__site-theme-toggle:has(input:focus-visible) label .ball,.fun-switch>span:has(input:focus-visible) label:after,*:focus-visible,*:focus{--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 50%);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);outline:none;outline-offset:2px}.fun-switch>span:has(input:focus-visible) label:after,.preem__site-theme-toggle:has(input:focus-visible) label .ball{--tw-ring-color: rgb(59 130 246 / 90%)}.layout{display:grid;grid-template-rows:min-content 1fr;width:100vw;height:100dvh}main{padding:2rem 4rem 4rem;max-width:100vw;display:grid;justify-content:center;grid-auto-columns:1fr;gap:2rem;max-height:calc(100dvh - 52px);grid-template-rows:min-content 1fr;overflow:auto}form{display:grid;gap:1rem;max-height:min-content}main>div,main>p{display:grid;justify-content:center}main>form{display:grid;justify-content:center;.toggles{position:fixed;right:2rem;display:flex;flex-direction:column;gap:.5rem}}@media screen and (max-width:900px){main>form{display:flex;flex-direction:row;flex-wrap:wrap;.toggles{position:static!important;right:unset}}}a{text-decoration:none}ul{margin-bottom:50px;padding:0}li{display:flex;flex-direction:column;margin-bottom:1rem}li a{color:var(--link-font);grid-area:link}li a:hover{color:var(--link-hover)}li span{grid-area:text}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.history-toggle{position:absolute;bottom:1rem}header{display:flex;justify-content:space-between;background:#282828;height:36px;padding:.5rem;h1{margin:0;color:#fff}.left{display:flex;align-items:center;gap:.125rem;a{color:var(--github-font);border-radius:.25rem;padding:.25rem 1rem;&:hover{text-decoration:underline}}}.preem__site-theme-toggle{label{height:30px}}}a.github{align-items:center;color:var(--github-font);padding:.25rem 1rem;display:grid;grid-auto-flow:column;gap:.5rem}a.github:hover{text-decoration:underline}a.github img{mix-blend-mode:difference;max-height:1.2rem}.preem__external-link{display:inline-grid;gap:.5rem}.preem__site-theme-toggle{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin:0;transition:background .2s linear;.preem__sr-only{margin-left:-.5rem}input[type=checkbox][role=switch]{opacity:0;position:absolute}label{background-color:#111;min-width:40px;flex-grow:1;aspect-ratio:2.1;border-radius:50px;position:relative;padding:4% 8%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;box-shadow:inset 1px 0 1px gray}svg{fill:currentColor;height:90%}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}label .ball{background-color:#fff;width:42%;height:88%;position:absolute;left:3%;border-radius:50%;transition:transform .2s linear}input[type=checkbox][role=switch]:checked+label .ball{transform:translate(120%)}}.preem__sr-only{width:0px;max-width:0px;height:0px;max-height:0px;overflow:hidden;position:absolute}.date-cutoff{display:flex;align-items:center;gap:.75rem}.date-cutoff__label{text-transform:uppercase;letter-spacing:.1em;color:var(--page-font);font-size:.9rem;white-space:nowrap}.date-cutoff__input{color:var(--page-font);background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.4rem .6rem;font-size:.9rem;transition:all .2s ease;cursor:pointer}.date-cutoff__input:hover{background:#ffffff14;border-color:#ffffff4d}.date-cutoff__input:focus{outline:none;background:#ffffff1a;border-color:#fff6}.date-cutoff__input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.6}.date-cutoff__input::-webkit-calendar-picker-indicator:hover{opacity:1}.input-group{width:100%;max-width:20em;display:flex;flex-direction:column;z-index:2;position:relative}@supports (mix-blend-mode: darken){.input-group__label{position:absolute;left:3em;top:-.28em;background:var(--page-bg)}}.input-group__label{padding:0 .5em;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.1em;color:var(--page-font);cursor:pointer;margin-top:-.2rem}.input-group__input{color:#fff;font-size:1.5rem;height:3.1em;padding:.4rem 1rem;border:.5rem solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(120deg,#f0f,#0ff,#9f9);background-origin:border-box;background-clip:padding-box,border-box;border-radius:1.5rem;background-size:200% 100%;transition:background-position .8s ease-out}.input-group__input:hover{background-position:100% 0}.fun-switch{display:grid;grid-template-columns:1fr max-content 1fr;justify-content:center;align-items:center;gap:.5rem}.fun-switch .secondary-label{text-transform:uppercase;letter-spacing:.1em;color:var(--page-font);font-size:.9rem;justify-self:end}.fun-switch .secondary-label+span+.secondary-label{justify-self:start}.fun-switch input[type=checkbox]{height:0;width:0;opacity:0;position:absolute}.fun-switch label{cursor:pointer;text-indent:-9999px;width:100px;height:50px;background:gray;display:block;border-radius:100px;position:relative}.fun-switch label:after{content:"";position:absolute;top:4px;left:4px;width:42px;height:42px;background:#fff;border-radius:42px;transition:.3s}.fun-switch label:active:after{width:65px}.fun-switch input:checked+label{background:#8c4}.fun-switch input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}#history-chart-tooltip{background:#000000b3;border-radius:.25rem;color:#fff;padding:.5rem;pointer-events:none;z-index:1000;&[data-hidden]{opacity:0}header{background:none;height:unset;padding:0}display:grid;gap:.5rem;table{pointer-events:none;width:max-content;margin:0;border-collapse:collapse;border-spacing:0;tr{background-color:inherit;td{padding:.25rem .5rem;&:first-child{background:var(--dataset-color)}}span{width:10px;height:10px;display:inline-block}}}.active{font-weight:700;font-style:italic;td{border-top:1px solid var(--dataset-color);border-bottom:3px solid var(--dataset-color);border-radius:.5rem;&:first-child{border-radius:0}&:last-child{border-right:1px solid var(--dataset-color)}}}}
