:root{--base-color-h:240;--base-color-s:100%;--base-color-l:50%;--base-color-hsl:var(--base-color-h),var(--base-color-s),var(--base-color-l);--color-0:hsl(var(--base-color-hsl));--color-1:hsl(var(--base-color-h),var(--base-color-s),calc(var(--base-color-l) + 45%));--color-2:hsl(var(--base-color-h),var(--base-color-s),calc(var(--base-color-l) + 40%));--color-3:hsl(var(--base-color-h),var(--base-color-s),calc(var(--base-color-l) + 35%));--color-4:hsl(var(--base-color-h),var(--base-color-s),calc(var(--base-color-l) + 25%));--color-5:hsl(var(--base-color-h),var(--base-color-s),calc(var(--base-color-l) + 15%));--font-color:hsl(var(--base-color-h),var(--base-color-s),calc(var(--base-color-l) - 35%));font-size:62.5%;--font-size:1.5rem;--line-height:1.5}body,html{height:100%;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:var(--font-size);line-height:var(--line-height);text-align:center;color:var(--font-color)}#app{display:flex;flex-direction:column;height:100%;box-sizing:border-box}#app>header{flex-shrink:0;padding:2rem 2rem 0}#app>footer{flex-shrink:0;padding:0 2rem 2rem}#app>main{flex:1 0 auto;display:flex;flex-direction:column;padding:0 2rem}#app>main.justify-center{justify-content:center}h1{margin:0 0 1rem;font-size:calc(var(--font-size)*3)}h1 a{text-decoration:none;color:inherit}h1 a:focus{text-decoration:underline}h2{margin:0}h3{margin:0 0 1rem}ul{display:flex;flex-direction:column;gap:1rem;margin:0;padding:2rem 0;list-style:none}button{display:inline-block;height:4rem;padding:0 2rem;border:.5rem solid var(--color-4);border-radius:2em;background-color:var(--color-5);color:var(--color-1)}button:hover{cursor:pointer}button:disabled{opacity:.1}button:disabled:hover{cursor:not-allowed}fieldset{margin:0;padding:0;border:none}fieldset legend{font-size:2rem}ul li input[type=checkbox][data-v-3b873d20]{position:absolute;opacity:0}ul li input[type=checkbox]+label[data-v-3b873d20]{position:relative;display:flex;justify-content:center;height:4rem;box-sizing:border-box;border-radius:1em;background-color:var(--color-1);border:.2rem solid var(--color-2);font-size:2rem;line-height:3.6rem}ul li input[type=checkbox]+label[data-v-3b873d20]:focus,ul li input[type=checkbox]+label[data-v-3b873d20]:hover{cursor:pointer;background-color:var(--color-2)}ul li input[type=checkbox]+label[data-v-3b873d20]:active{background-color:var(--color-2);border-color:var(--color-3)}ul li input[type=checkbox]+label[data-v-3b873d20]:active:before{border:.2rem solid var(--color-3)}ul li input[type=checkbox]+label[data-v-3b873d20]:before{content:"";position:absolute;display:block;width:2rem;height:2rem;left:1rem;top:50%;transform:translateY(-50%);background:#fff;border:.2rem solid var(--color-2);border-radius:50%}ul li input[type=checkbox]:focus+label[data-v-3b873d20]{background-color:var(--color-2)}ul li input[type=checkbox]:checked+label[data-v-3b873d20]{background-color:var(--color-2);border-color:var(--color-3)}ul li input[type=checkbox]:checked+label[data-v-3b873d20]:before{border:.2rem solid var(--color-3)}ul li input[type=checkbox]:checked+label[data-v-3b873d20]:after{content:"";position:absolute;left:1.6rem;top:50%;margin-top:-.6rem;height:.6rem;width:.8rem;border-left:.3rem solid;border-bottom:.3rem solid;border-color:var(--color-3);transform:rotate(-45deg)}ul li input[type=checkbox]:checked:focus+label[data-v-3b873d20],ul li input[type=checkbox]:checked:hover+label[data-v-3b873d20]{background-color:var(--color-3)}