.krioft-slider{--_color: var(--slider-color, var(--color-primary, #3b82f6));--_track-h: var(--slider-track-height, 8px);--_thumb-size: var(--slider-thumb-size, 24px);--_progress: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;height:var(--_thumb-size)}.krioft-slider::-webkit-slider-runnable-track{width:100%;height:var(--_track-h);border-radius:99px;background:linear-gradient(to right,var(--_color) var(--_progress),#e2e8f0 var(--_progress));transition:background .1s ease}.krioft-slider::-moz-range-track{width:100%;height:var(--_track-h);border-radius:99px;background:#e2e8f0}.krioft-slider::-moz-range-progress{height:var(--_track-h);border-radius:99px;background:var(--_color)}.krioft-slider::-webkit-slider-thumb{-webkit-appearance:none;height:var(--_thumb-size);width:var(--_thumb-size);border-radius:50%;background:var(--_color);border:3px solid white;cursor:pointer;margin-top:calc((var(--_track-h) - var(--_thumb-size)) / 2);box-shadow:0 2px 8px #00000026,0 0 color-mix(in srgb,var(--_color) 30%,transparent);transition:transform .2s ease,box-shadow .2s ease}.krioft-slider::-moz-range-thumb{height:calc(var(--_thumb-size) - 6px);width:calc(var(--_thumb-size) - 6px);border-radius:50%;background:var(--_color);border:3px solid white;cursor:pointer;box-shadow:0 2px 8px #00000026,0 0 color-mix(in srgb,var(--_color) 30%,transparent);transition:transform .2s ease,box-shadow .2s ease}.krioft-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 4px 12px #0003,0 0 0 8px color-mix(in srgb,var(--_color) 15%,transparent)}.krioft-slider:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 4px 12px #0003,0 0 0 8px color-mix(in srgb,var(--_color) 15%,transparent)}.krioft-slider:active::-webkit-slider-thumb{transform:scale(1.05)}.krioft-slider:active::-moz-range-thumb{transform:scale(1.05)}.krioft-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--_color);outline-offset:4px}.krioft-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--_color);outline-offset:4px}.krioft-slider--rose{--slider-color: #f43f5e}.krioft-slider--amber{--slider-color: #f59e0b}.krioft-slider--blue{--slider-color: var(--color-primary, #3b82f6)}.krioft-slider--emerald{--slider-color: #10b981}@media(prefers-reduced-motion:reduce){.krioft-slider::-webkit-slider-thumb,.krioft-slider::-moz-range-thumb{transition:none}.krioft-slider:hover::-webkit-slider-thumb,.krioft-slider:hover::-moz-range-thumb{transform:none}}