.slider-wrapper{background:#fefefe;border:1px solid #bfc1c7;border-radius:20px;block-size:24px;inline-size:100%;padding:2px 11px;position:relative;box-shadow:inset 0 0 4px #00000040}.slider-track{z-index:0;background:#fefefe;border-radius:20px;position:absolute;inset-block:2px;inset-inline:11px}.slider-fill{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0029a5,#1877f2);border-radius:10px;block-size:16px;min-inline-size:22px;transition:width .1s ease-out;position:absolute;inset-block-start:50%;inset-inline-start:2px;transform:translateY(-50%)}.step-dots{pointer-events:none;z-index:2;block-size:100%;inline-size:calc(100% - 22px);position:absolute;inset-block-start:50%;inset-inline:11px;transform:translateY(-50%)}.step-dot{background:#fefefe;border:1px solid #bfc1c7;border-radius:10px;block-size:12px;inline-size:12px;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 4px #00000040}.slider-thumb{pointer-events:none;z-index:3;background:#0029a5;border:1px solid #fcfcfc;border-radius:10px;block-size:12px;inline-size:18px;transition:left .1s ease-out;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%)}.slider-input{appearance:none;cursor:grab;z-index:4;opacity:0;background:0 0;outline:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.slider-input::-webkit-slider-thumb{appearance:none;opacity:0;block-size:0;inline-size:0}.slider-input::-moz-range-thumb{opacity:0;background:0 0;border:none;block-size:0;inline-size:0}.custom-slider{block-size:24px;margin-block-end:1rem;position:relative}.custom-slider-input{z-index:10;opacity:0;cursor:grab;appearance:none;background:0 0;inline-size:100%;margin:0;position:absolute;inset:0}.custom-slider-input:active{cursor:grabbing}.custom-slider-input::-webkit-slider-thumb{appearance:none;opacity:0;block-size:0;inline-size:0}.custom-slider-input::-moz-range-thumb{opacity:0;background:0 0;border:none;block-size:0;inline-size:0}.custom-slider-display{background-color:#fefefe;border-radius:20px;align-items:center;block-size:100%;inline-size:100%;padding:3px;display:flex;box-shadow:inset 0 0 4px #00000040}.custom-slider-fill{inline-size:var(--display-first-position,calc(var(--step,0)/var(--total-steps,1)*(100%) + 10px));background:linear-gradient(90deg,#0029a5,#1877f2);border-radius:20px;block-size:16px;transition:inline-size .1s ease-out}.custom-slider-markers{position:absolute;inset-block:0;inset-inline:3px}.custom-slider-tooltip{pointer-events:none;z-index:5;font-size:12px;display:flex;position:absolute;inset-block-start:-4px;inset-inline-start:var(--tooltip-first-position,calc(var(--step,0)/var(--total-steps,1)*(100%) - 10px));transform:translate(calc(8px - 50%),-100%)}.custom-slider-tooltip-content{color:#fff;white-space:nowrap;background-color:#0029a5;border-radius:4px;padding:4px 8px;font-weight:500}.custom-slider-handle{z-index:4;pointer-events:none;color:#0029a5;background-color:#0029a5;border:1px solid #fcfcfc;border-radius:10px;justify-content:center;align-items:center;block-size:12px;inline-size:18px;transition:inset-inline-start .1s ease-out;display:flex;position:absolute;inset-block-start:calc(50% - 6px);inset-inline-start:var(--handle-first-position,calc(6px + var(--step,0)/var(--total-steps,1)*(100%) - 8px));transform:translate(-50%)}.custom-slider-dots{block-size:100%;inline-size:100%;position:relative}.custom-slider-dot{z-index:2;background:#fefefe;border:1px solid #bfc1c7;border-radius:10px;block-size:12px;inline-size:12px;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--marker-position,0)/var(--total-steps,1)*(100% - 12px));transform:translateY(-50%);box-shadow:inset 0 0 4px #00000040}.custom-slider-labels{inline-size:100%;padding-block-start:.5rem;display:flex;position:relative}.custom-slider-label{transform:translateX(-50% + 50px);color:#6b7280;white-space:nowrap;font-size:12px;position:absolute;inset-inline-start:calc(6px + var(--marker-position,0)/var(--total-steps,1)*(100% - 24px))}