@layer bcc-design-layer{.bcc-custom-slider{padding:var(--g-spacing-1) var(--g-spacing-3) 0 var(--g-spacing-2);padding-top:var(--g-spacing-half);margin-top:calc(-1 * (var(--g-spacing-1) + var(--g-spacing-half)));flex-direction:column;display:flex;position:relative}.bcc-custom-slider input:disabled.bcc-custom-slider__slider-track{cursor:not-allowed}.bcc-custom-slider input:disabled.bcc-custom-slider__slider-track::-webkit-slider-thumb{cursor:not-allowed;background-color:var(--b-color-text-neutral-weak-500)!important}.bcc-custom-slider__slider-track{cursor:pointer;border-radius:var(--b-border-radius-cof-2);appearance:none;background-color:var(--b-color-object-bg-neutral-weak-200);outline:none;width:100%;height:2px;transition:background-color .3s}.bcc-custom-slider__slider-track::-webkit-slider-thumb{cursor:pointer;appearance:none;background-color:var(--b-color-object-bg-brand-strong-500);border-radius:var(--b-border-radius-circle);transition:background-color .3s,transform .2s;z-index:2;outline:4px solid #8080801a;width:14px;height:14px;transition:outline .2s ease-in-out;position:relative}.bcc-custom-slider__slider-track::-webkit-slider-thumb:hover{outline:6px solid #80808033;transition:outline .2s ease-in-out}.bcc-custom-slider__slider-track::-moz-range-thumb{cursor:pointer;background-color:var(--b-color-object-bg-brand-strong-500);border-radius:var(--b-border-radius-circle);width:14px;height:14px;position:relative}.bcc-custom-slider__slider-track:active::-webkit-slider-thumb{transform:scale(1.2)}.bcc-custom-slider__slider-track:active::-moz-range-thumb{transform:scale(1.2)}.bcc-custom-slider__marks{pointer-events:none;z-index:1;width:calc(100% - 30px);height:10px;position:absolute;top:0;left:15px}.bcc-custom-slider__mark{background-color:var(--b-color-object-bg-neutral-weak-0);border-radius:var(--b-border-radius-circle);border:solid 1px var(--b-color-object-bg-brand-strong-500);width:5px;height:5px;position:absolute;top:50%;transform:translate(-50%,-50%)}.bcc-custom-slider__slider-range{margin-top:var(--g-spacing-1);font-size:var(--b-text-caption-1-font-size);color:var(--b-color-object-bg-neutral-weak-200);justify-content:space-between;display:flex}}