:root{--color-darkpurp: #110026;--color-lightgray: #EDEDED;--color-medpink: #C2366E;--color-darkpink: #7F2153;--color-darkerpink: #48113D;--font-space-mono: "Space Mono", monospace;--font-space-grotesk: "Space Grotesk", serif;--color-background: var(--color-darkpurp);--color-text: var(--color-lightgray);--color-accents: var(--color-medpink);--color-button-primary: var(--color-medpink);--color-button-secondary: var(--color-darkpink);--font-headings: var(--font-space-grotesk);--font-table: var(--font-space-mono);--font-copy: var(--font-space-grotesk);--font-form: var(--font-space-grotesk)}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-copy);padding:2rem}@media (max-width: 30rem){body{padding:1rem}}h1,h2,h3,h4,h5{font-family:var(--font-headings);font-weight:400;margin:0}h1{font-size:32px;letter-spacing:4px;font-weight:100}a{color:var(--color-text);text-decoration-color:var(--color-medpink);opacity:.8}a:hover{opacity:.5;text-decoration-color:var(--color-darkpink)}form{display:grid}.form-controls{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end}.form-controls .buttoned-input{flex-shrink:0}@media (min-width: 30rem){.form-controls .buttoned-input{margin-right:2rem}}@media (max-width: 30rem){.form-controls .buttoned-input{width:100%}}.form-controls .example-button{flex-basis:10rem;margin-top:1rem}form label{display:block;width:100%}button{color:var(--color-lightgray);font-family:var(--font-space-mono);font-weight:700;padding:0 1rem;transition:background .1s ease-in}button:hover{cursor:pointer}.button--primary{background:var(--color-medpink);border:1px solid var(--color-lightgray)}@media (max-width: 30rem){.button--primary{display:block;margin-top:.5rem}}.button--primary:hover{background:var(--color-darkpink)}.button--primary:active{background:var(--color-medpink)}.button--secondary{background:var(--color-darkpink);border:1px solid var(--color-lightgray)}.button--secondary:hover{background:var(--color-darkerpink)}.button--secondary:active{background:var(--color-darkpink)}input{background:transparent;padding:1rem;font-size:18px;font-weight:100;color:var(--color-lightgray)}input[type=text],button{height:2.5rem;border:1px solid var(--color-lightgray);border-radius:5px}input[type=text]:focus,input[type=text]:focus-within,button:focus,button:focus-within{outline-color:var(--color-medpink);outline:3px solid var(--color-darkpink);outline-offset:1px}.buttoned-input label{font-family:var(--font-form);font-size:24px;font-weight:100}.buttoned-input input{flex-basis:100%;flex-shrink:1;background:transparent;border-top-right-radius:0;border-bottom-right-radius:0}@media (max-width: 30rem){.buttoned-input input{width:100%;flex-basis:initial;border-radius:5px}}.buttoned-input button{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;width:7rem;flex-shrink:0}@media (min-width: 30rem){.buttoned-input button{flex-basis:7rem}}@media (max-width: 30rem){.buttoned-input button{border-radius:5px;border-left:1px solid var(--color-lightgray)}}.buttoned-input__controls{margin-top:1rem;display:flex;align-items:flex-start;width:100%;max-width:30rem}@media (max-width: 30rem){.buttoned-input__controls{flex-direction:column;align-items:flex-end}}table{border:none;width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-table);font-size:12px;table-layout:fixed;margin-top:3rem}table,td,tr,th{border:none}th{max-width:4rem;width:4rem;border-bottom:1px solid var(--color-accents);padding:4px 0;position:sticky;top:1.5rem;background:var(--color-background);z-index:3}th:after{content:"";width:110%;height:1.5rem;display:block;background:var(--color-background);position:absolute;top:-1.5rem;left:-5%;right:0;margin:auto}th:first-child{max-width:9rem;width:9rem}tr{background:#251638;height:1.75rem}tr:nth-child(2n){background:#392b4a}tbody td:not(:last-child),th:not(:last-child){border-right:1px solid var(--color-accents)}tbody td{width:4rem}tbody td:first-child{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px;position:sticky;left:0;z-index:2;background:inherit}tbody td:not(:first-child){background:linear-gradient(to right,rgba(218,218,218,.15) 0%,rgba(218,218,218,.15) 60%,transparent 60%,transparent 100%)}td,.result-cell{height:1.75rem}.result-cell{display:flex;justify-content:space-between;width:100%}.result-cell__count,.result-cell__avg{display:inline-block;text-align:center;flex-shrink:0;padding-top:4px;padding-bottom:4px;height:1.7rem}.result-cell__avg{padding-left:2px;flex-basis:60%}.result-cell__count{padding-right:2px;flex-basis:40%}.good,.ok,.bad{position:relative}.colorize .good .result-cell__avg{color:#4bff4bc9}.colorize .ok .result-cell__avg{color:#ffff4ad1}.colorize .bad .result-cell__avg{color:#ff9f9f}.about{margin-top:2rem;font-family:var(--font-grotesk)}.about span{display:inline-block;font-weight:700}.about p{margin-bottom:2rem}@media (min-width: 40rem){.about__section{display:flex;justify-content:flex-start;margin-bottom:1.5rem}.about__section span{flex-basis:12rem}.about__section p{flex-basis:100%;flex-shrink:1;margin:0;max-width:30rem}}.app.svelte-8o1gnw{display:flex;flex-direction:column;min-height:100vh}main.svelte-8o1gnw{flex:1;display:flex;flex-direction:column;padding:1rem;width:100%;max-width:64rem;margin:0 auto;box-sizing:border-box}footer.svelte-8o1gnw{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px}@media (min-width: 480px){footer.svelte-8o1gnw{padding:12px 0}}