input{border:none;outline:none}.page{justify-content:center;align-items:center;height:100vh;display:flex}.page .form{background-color:var(--card-two);border:1px solid var(--card-border-two-b);border-radius:var(--card-border-radius);flex-direction:column;align-items:center;width:95vw;max-width:1000px;padding:50px 20px;display:flex;overflow-y:scroll}@media (max-width:1000px){.page .form{height:95vh;padding:20px}}.page .form .handler{flex-direction:column;align-items:center;width:100%;display:flex}.page .form .inputs{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:24px;display:flex}.page .form .inputs .input-container{flex-direction:column;gap:4px;width:100%;max-width:600px;display:flex}.page .form .inputs .input-container .input{border:1px solid var(--card-border-b);background:0 0;border-radius:8px;align-items:center;width:100%;max-width:600px;height:26px;padding-left:4px;display:flex}.page .form .inputs .input-container .input input{width:100%;height:24px;color:var(--white);background:0 0;padding:2px;font-size:16px}.page .form .inputs .input-container .input .char-count{-webkit-user-select:none;user-select:none;padding:0 4px;font-size:14px;line-height:12px}.page .form .inputs .input-container .options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.page .form .inputs .input-container .options .option-text{-webkit-user-select:none;user-select:none;border:1px solid var(--card-border-b);border-radius:6px;transition:background .2s ease-in-out;display:flex}:is(.page .form .inputs .input-container .options .option-text:has(input:checked),.page .form .inputs .input-container .options .option-digit:has(input:checked)){background-color:var(--glow-orange-background);color:var(--glow-orange-text);border:var(--glow-orange-border)}.page .form .inputs .input-container .options .option-text label{cursor:pointer;border-radius:6px;padding:6px}.page .form .inputs .input-container .options .option-text input,.page .form .inputs .input-container .options .option-digit input{appearance:none}.page .form .inputs .input-container .options .option-digit{-webkit-user-select:none;user-select:none;border:1px solid var(--card-border-b);border-radius:100%;transition:background .2s ease-in-out;display:flex}.page .form .inputs .input-container .options .option-digit label{cursor:pointer;text-align:center;border-radius:100%;width:38px;padding:6px;font-size:18px}.page .form .inputs .input-container .time{justify-content:center;display:flex}.page .form .inputs .input-container .time p{font-size:18px;line-height:32px}.page .form .inputs .input-container .time input{width:32px;color:var(--white);border:1px solid var(--card-border-b);background:0 0;border-radius:8px;padding:2px;font-size:18px}.page .form .inputs .input-container .time .time-text{padding-right:12px}.page .form .submit{justify-content:end;width:100%;max-width:600px;margin-top:32px;display:flex}.page .form .submit button{background-color:var(--glow-orange-background);border:var(--glow-orange-border);color:var(--glow-orange-text);cursor:pointer;border-radius:6px;padding:8px;font-family:Garet-Book;font-size:18px;transition:background .1s ease-in-out}.page .form .submit button:hover{background-color:var(--glow-orange-background-hover)}.menu-background{-webkit-backdrop-filter:blur(8px)brightness(60%);backdrop-filter:blur(8px)brightness(60%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:absolute;top:0}.menu-background .loading{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;display:flex}.menu-background .loading .loader{background:#ffffff26;width:100%;height:4.8px;margin-top:32px;display:inline-block;position:relative;overflow:hidden}.menu-background .loading .loader .filler{box-sizing:border-box;background:var(--glow-orange-text);width:0;height:4.8px;display:inline-block;position:absolute;top:0;left:0}.menu-background .loading p{text-align:center;height:50px}.menu-background .score-window{background-color:var(--card-two-b);border:1px solid var(--card-border-two-b);border-radius:var(--card-border-radius);width:100%;max-width:450px;padding:20px}.menu-background .score-window .progress-bar{border:1px solid var(--card-border-b);z-index:1;border-radius:6px;width:100%;height:20px;display:inline-block;position:relative;overflow:hidden}.menu-background .score-window .progress-bar .filler{box-sizing:border-box;z-index:0;width:0;height:18px;display:inline-block;position:absolute;top:0;left:0}.menu-background .score-window .progress-bar .red{background-color:var(--red)}.menu-background .score-window .progress-bar .orange{background-color:var(--orange)}.menu-background .score-window .progress-bar .green{background-color:var(--green)}.menu-background .score-window .results .score{flex-direction:column;align-items:center;width:100%;margin:24px 0;display:flex}.menu-background .score-window .results .score .badge{border:4px solid var(--card-border-b);border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.menu-background .score-window .results .score .red{border-color:var(--red)}.menu-background .score-window .results .score .orange{border-color:var(--orange)}.menu-background .score-window .results .score .green{border-color:var(--green)}.menu-background .score-window .results .score .badge .value{color:var(--white);font-size:26px}
