.slider-container{position:relative;width:100%;height:16px}.slider-track{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}.slider-input,.slider-track{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);border-radius:4px}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:3;margin:0;background:transparent;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(-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(-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}