.slider-container{position:relative;width:100%;max-width:100%;padding:8px 0;box-sizing:border-box;overflow:hidden}.slider-track{position:relative;width:calc(100% - 16px);margin:0 8px;height:2px;background-color:#ccc;border-radius:4px;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-track-fill{position:absolute;top:0;left:0;height:100%;background-color:#1a1a1a;border-radius:4px;pointer-events:none}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;background:#ffffff;border:2px solid #1a1a1a;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 0 3px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease;z-index:2}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.16)}.slider-thumb-active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.slider-disabled{opacity:.5}.slider-disabled,.slider-disabled .slider-thumb,.slider-disabled .slider-track{cursor:not-allowed}.slider-marks{position:absolute;top:50%;left:8px;width:calc(100% - 16px);height:0;z-index:1;pointer-events:none}.slider-mark{position:absolute;padding:0;width:8px;height:8px;border-radius:50%;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);transition:background-color .15s ease,border-color .15s ease;background-color:#fff;border:1px solid #ccc}.slider-mark-active{background-color:#1a1a1a;border-color:#1a1a1a}.slider-mark:hover{transform:translate(-50%,-50%) scale(1.15)}.slider-mark:disabled{cursor:not-allowed;opacity:.5}