.level-pane{--level-blue:#0371dd;--level-violet:#a278fb;--level-ultra-text:#7c3aed;--level-ink:#1a1d21;--level-ink-2:#8e9299;--level-ink-3:#c0c0c2;--level-track:#e1e1e4;--level-knob:#fff;--level-row-hover:#f5f5f7;--ease-out:cubic-bezier(.32, .72, 0, 1);--ease-swap:cubic-bezier(.2, 0, 0, 1);--spring:linear(0, .062 3.4%, .24 7.5%, .51 12.5%, .76 17.9%, .905 22.4%, .997 27.2%, 1.038 32.4%, 1.05 37.4%, 1.044 42.7%, 1.028 49.2%, 1.012 56.9%, 1.003 65.7%, .999 76%, 1);-webkit-user-select:none;user-select:none;margin:-4px;padding:13px 16px 15px}.dark .level-pane{--level-ink:#eee;--level-ink-2:#9aa0a6;--level-ink-3:#6b7076;--level-track:#3a3d40;--level-knob:#f4f4f5;--level-row-hover:#2a2d30}.level-header{height:22px;margin-bottom:13px;position:relative}.level-hdr-layer{opacity:0;filter:blur(3px);pointer-events:none;transition:opacity .2s var(--ease-swap), translate .2s var(--ease-swap), filter .2s var(--ease-swap);align-items:center;display:flex;position:absolute;inset:0;translate:0 3px}.level-hdr-layer.is-active{opacity:1;filter:blur();pointer-events:auto;translate:0}.level-hdr-title{justify-content:space-between}.level-back{cursor:pointer;font:inherit;min-height:32px;color:var(--level-ink-2);transition:color .14s var(--ease-out), background-color .14s var(--ease-out);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;margin-left:-8px;padding:0 8px;font-size:14px;display:inline-flex}.level-back:hover{color:var(--level-ink);background:var(--level-row-hover)}.level-back .level-back-chev{color:var(--level-ink-3);transition:translate .16s var(--ease-out)}.level-back:hover .level-back-chev{translate:2px}.level-hdr-value{min-width:0;color:var(--level-ink-2);align-items:center;gap:5px;font-size:14px;display:inline-flex;overflow:hidden}.level-pane [role=menu]{margin-inline:-8px}.level-hdr-value.is-max{color:var(--level-ultra-text)}.level-mark{color:var(--level-blue);flex:none}.level-hdr-value.is-max .level-mark{color:var(--level-ultra-text)}.level-hdr-labels{justify-content:space-between}.level-hdr-labels span{color:var(--level-ink-2);font-size:14px}.level-slider{touch-action:none;cursor:grab;outline:none;height:38px;position:relative}.level-slider.is-dragging{cursor:grabbing}.level-slider:focus-visible:after{content:"";border:2px solid var(--level-blue);pointer-events:none;border-radius:999px;position:absolute;inset:-4px}.level-slider-track{background:var(--level-track);border-radius:999px;height:28px;position:absolute;inset:50% 0 auto;overflow:hidden;translate:0 -50%}.level-slider-ticks{pointer-events:none;position:absolute;inset:0}.level-slider-tick{background:var(--level-ink-3);border-radius:999px;width:5px;height:5px;position:absolute;top:50%;translate:-50% -50%}.level-slider-fill{background:var(--level-blue);border-radius:999px;width:50%;position:absolute;inset:0 auto 0 0;overflow:hidden}.level-slider-fill:after{content:"";opacity:0;transition:opacity .3s var(--ease-out);background:linear-gradient(90deg,#2e61d4 0%,#a57bfd 65%,#8b73f3 100%);position:absolute;inset:0}.level-slider.is-max .level-slider-fill:after{opacity:1}.level-slider-sparkles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.level-slider-confetti{pointer-events:none;z-index:3;position:absolute;top:-40px;left:-32px}.level-slider-knob{z-index:2;background:var(--level-knob);width:34px;height:34px;transition:scale .14s var(--ease-out);border-radius:999px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .5px #1a1d2108,0 1px 2px #1a1d211a,0 2px 6px #1a1d2124}.level-slider-knob:after{content:"";opacity:0;transition:opacity .14s var(--ease-out);border-radius:999px;position:absolute;inset:0;box-shadow:0 2px 3px #1a1d211a,0 4px 10px #1a1d2124}.level-slider.is-snapping .level-slider-fill{transition:width .38s var(--spring)}.level-slider.is-snapping .level-slider-knob{transition:left .38s var(--spring), scale .14s var(--ease-out)}.level-slider.is-dragging .level-slider-knob{scale:1.04}.level-slider.is-dragging .level-slider-knob:after{opacity:1}@media (prefers-reduced-motion:reduce){.level-hdr-layer,.level-back,.level-back .level-back-chev,.level-slider-fill:after,.level-slider-knob,.level-slider-knob:after,.level-slider.is-snapping .level-slider-fill,.level-slider.is-snapping .level-slider-knob{transition:none}}