.skill-bar-slider{background:color-mix(in srgb, var(--neu-bg) 88%, var(--neu-shadow-dark));-webkit-user-select:none;user-select:none;width:100%;max-width:500px;box-shadow:var(--neu-inset-shadow);border-radius:7px;padding:10px 20px;position:relative}.skill-bar-slider__title{color:var(--neu-text);font-size:14px;font-weight:600;display:block}.skill-bar-slider__track{background:#0000001a;border-radius:6px;width:100%;height:8px;margin-top:10px;position:relative}.dark .skill-bar-slider__track{background:#ffffff1f}.skill-bar-slider__fill{background:var(--neu-text);border-radius:6px;min-width:0;height:100%;transition:width .15s ease-out;display:block;position:relative}.skill-bar-slider__tooltip{color:#fff;z-index:1;white-space:nowrap;background:#000;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:500;position:absolute;top:-28px;right:-14px}.dark .skill-bar-slider__tooltip{color:#111;background:#f4f4f5}.skill-bar-slider__tooltip:before{content:"";z-index:-1;background:#000;width:10px;height:10px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)rotate(45deg)}.dark .skill-bar-slider__tooltip:before{background:#f4f4f5}.skill-bar-slider__input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.skill-bar-slider__input:focus-visible+.skill-bar-slider__fill{outline:2px solid var(--ring);outline-offset:3px}.skill-bar-slider__hint{color:color-mix(in srgb, var(--neu-text) 55%, transparent);margin-top:8px;font-size:11px}