.performance-level-scale{box-sizing:border-box;color:#f5f5f5;background:#101010;border:1px solid #ffffff1f;border-radius:14px;width:100%;min-width:0;padding:20px}.level-scale__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.level-scale__title{min-width:0}.level-scale__title>h3{color:#c4c4c4;letter-spacing:.1em;margin:0;font-size:12px;font-weight:500}.level-scale__description{color:#bdbdbd;margin-top:6px;font-size:13px;line-height:1.5}.level-scale__value{font-variant-numeric:tabular-nums;font-family:var(--font-display,inherit);white-space:nowrap;flex-shrink:0;margin:0;line-height:1.1}.level-scale__value strong{color:#f5f5f5;font-size:clamp(26px,2.5vw,34px);font-weight:600}.level-scale__value>span{color:#aaa;font-size:13px}.level-scale__value .level-scale__empty{white-space:normal;text-align:right;max-width:95px;padding-top:3px;display:block}.level-scale__control{align-items:center;gap:12px;margin-top:14px;display:flex}.level-scale__button{color:#f5f5f5;cursor:pointer;background:0 0;border:1px solid #ffffff35;border-radius:10px;flex:0 0 44px;place-items:center;height:44px;display:grid}.level-scale__button:disabled{opacity:.3;cursor:not-allowed}.level-scale__button:hover:not(:disabled){background:#ffffff12}.level-scale__button:focus-visible,.level-scale__footer button:focus-visible{outline-offset:3px;outline:2px solid #fff}.level-scale__body{flex:1;min-width:0}.level-scale__slider{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;height:72px;display:flex;position:relative}.level-scale__track,.level-scale__static{width:100%;height:72px;display:block;position:relative}.level-scale__steps{box-sizing:border-box;align-items:end;gap:2px;width:100%;height:100%;padding:6px 0;display:grid}.level-scale__step{background:#ffffff1c;border-radius:2px;min-width:0;display:block;position:relative;overflow:hidden}.level-scale__fill{display:block;position:absolute;inset:0}.level-scale__thumb{box-sizing:border-box;background:#fff;border:3px solid #101010;border-radius:50%;outline:none;width:20px;height:20px;display:block;box-shadow:0 0 0 1px #fff9}.level-scale__thumb:focus-visible{box-shadow:0 0 0 3px #fff}.level-scale__thumb--empty{background:#777;box-shadow:0 0 0 1px #777}.level-scale__numbers{color:#c4c4c4;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:11px;display:flex}.level-scale__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.level-scale__footer p{color:#b6b6b6;margin:0;font-size:11px}.level-scale__footer button{color:#c4c4c4;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:36px;font-size:12px;text-decoration:underline}@media (width<=420px){.performance-level-scale{padding:16px}.level-scale__control{gap:8px}.level-scale__steps{gap:1px}.level-scale__footer{flex-wrap:wrap;gap:4px}}@media (forced-colors:active){.level-scale__step{border:1px solid canvastext}.level-scale__fill{forced-color-adjust:none;background:highlight!important}.level-scale__thumb{background:buttontext;border-color:canvas}}