.slider-container{position:relative;width:100%;height:16px;--slider-dir:1}[dir=rtl] .slider-container{--slider-dir:-1}.slider-track{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);border-radius:4px;z-index:1;background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--slider-progress,0),var(--color-text-50) var(--slider-progress,0),var(--color-text-50) 100%);pointer-events:none}[dir=rtl] .slider-track{background:linear-gradient(to left,var(--color-primary) 0,var(--color-primary) var(--slider-progress,0),var(--color-text-50) var(--slider-progress,0),var(--color-text-50) 100%)}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:3;width:100%;height:2px;margin:0;background:transparent;border-radius:4px;outline:none;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:var(--color-black);border-radius:50%;cursor:grab;border:2px solid var(--color-primary);box-shadow:0 0 3px var(--color-black);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.5);box-shadow:0 2px 6px var(--color-black)}.slider-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.slider-input::-moz-range-thumb{width:16px;height:16px;background:radial-gradient(circle,#1a1a1a 0,#1a1a1a 4px,white 0,white 100%);border-radius:50%;cursor:grab;border:2.4px solid #1a1a1a;box-shadow:0 0 3px rgba(0,0,0,.12);-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.slider-input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.16)}.slider-input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.15)}.slider-input::-moz-range-track{height:8px;background:transparent;border-radius:4px}.slider-disabled{opacity:.5;cursor:not-allowed}.slider-disabled::-webkit-slider-thumb{cursor:not-allowed}.slider-disabled::-moz-range-thumb{cursor:not-allowed}.slider-marks{position:absolute;top:50%;left:0;width:100%;height:0;z-index:2;pointer-events:none}.slider-mark{position:absolute;padding:0;width:8px;height:8px;border-radius:50%;cursor:pointer;pointer-events:auto;transform:translate(calc(var(--slider-dir) * -50%),-50%);transition:background-color .15s ease,border-color .15s ease;border:1px solid var(--color-text-50)}.slider-mark,.slider-mark-active{background-color:var(--color-bg-700)}.slider-mark-active{border-color:var(--color-primary)}.slider-mark:hover{transform:translate(calc(var(--slider-dir) * -50%),-50%) scale(1.15)}.slider-mark:disabled{cursor:not-allowed;opacity:.5}.slider-labels{position:relative;width:100%;top:18px}.slider-label{position:absolute;color:var(---700-666666,#666);font-family:OPPOSans,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}