.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;align-items:center;width:100%;height:28px;margin-top:10px;display:flex;position:relative}.dark .skill-bar-slider__track{background:#ffffff1f}.skill-bar-slider__fill{background:var(--neu-text);pointer-events:none;border-radius:6px;min-width:0;height:8px;transition:width .15s ease-out;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.skill-bar-slider__thumb{background:var(--neu-bg);border:2px solid var(--neu-text);width:22px;height:22px;box-shadow:2px 2px 6px var(--neu-shadow-dark), -1px -1px 4px var(--neu-shadow-light);pointer-events:none;z-index:1;border-radius:9999px;transition:left .15s ease-out;position:absolute;top:50%;transform:translate(-50%,-50%)}.skill-bar-slider__value-badge{color:var(--neu-text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;position:absolute;top:-22px;right:0}.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:grab;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.skill-bar-slider__input:active{cursor:grabbing}.skill-bar-slider__input:focus-visible~.skill-bar-slider__thumb{outline:2px solid var(--ring);outline-offset:2px}.skill-bar-slider__hint{color:color-mix(in srgb, var(--neu-text) 55%, transparent);margin-top:8px;font-size:11px}