.score-indicator{--c-dark:color-mix(in srgb,var(--c),var(--color-dark) 20%);--c-darker:color-mix(in srgb,var(--c),var(--color-dark) 70%);--c-clear:color-mix(in srgb,var(--c),var(--color-background) 40%);--c-clearer:color-mix(in srgb,var(--c),var(--color-background) 70%);--c-clear--2:color-mix(in srgb,var(--c),var(--color-background) 85%);--c-text:color-mix(in srgb,var(--c),var(--color-background) 95%);background-color:var(--c);padding:5px 10px;border-radius:20px;text-align:center;color:var(--c-text);font-weight:700;position:relative;margin:0 10px;display:inline-block;transition:box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:-moz-fit-content;height:fit-content}.score-indicator p{margin:0!important}.score-indicator .score{color:var(--c-text)}.score-indicator .maxScore,.score-indicator .percentage{color:var(--c-text);opacity:.8;margin-left:5px;font-size:.7em;line-height:1rem}.score-indicator .el-input{min-width:80px!important}.score-indicator .el-input input.el-input__inner{background-color:var(--c-clear--2)!important}.edit-indicator{font-size:.9rem!important;margin-left:10px}.score-indicator .el-input,.score-indicator .el-input-number,.score-indicator .el-input input.el-input__inner{font-size:unset!important;line-height:1.5!important;width:200px;max-width:90vw;height:auto!important;background-color:var(--c-clearer)!important;border-radius:1000px}.score-indicator .el-input-number__decrease,.score-indicator .el-input-number__increase{height:100%!important;width:50px}.score-indicator .el-input-number__decrease{border-radius:1000px 0 0 1000px}.score-indicator .el-input-number__increase{border-radius:0 1000px 1000px 0}.score-indicator.editing{box-shadow:0 0 0 7px var(--c-clearer)}