@define-mixin slider-click {
    /* progress */
    --slider-progress-background: var(--color-light-graphic-quaternary);
    --slider-progress-color: var(--color-light-graphic-positive);
    --slider-progress-border-radius: var(--border-radius-s);
    --slider-progress-height: 6px;
    --slider-progress-hover-color: var(--color-light-graphic-positive-shade-10);
    --slider-progress-hover-background: var(--color-light-graphic-quaternary-shade-10);

    /* thumb */
    --slider-thumb-color: var(--color-light-graphic-positive);
    --slider-thumb-size: 24px;
    --slider-thumb-box-shadow: var(--shadow-xs-hard);
    --slider-thumb-border: 4px solid var(--color-light-border-key-inverted);
    --slider-thumb-hover-color: var(--color-light-graphic-positive-shade-10);
}