.slider-pagination{align-items:center;display:flex;justify-content:center}.slider-pagination--light{--pagination-blocks-bg:var(--color-light);--pagination-bar-bg:var(--color-extralight)}.slider-pagination--dark{--pagination-blocks-bg:var(--color-dimgray);--pagination-bar-bg:var(--color-light)}.slider-pagination__bar{background:var(--pagination-bar-bg);border-right:2px solid var(--pagination-bar-bg);height:9px;overflow:hidden;position:relative;width:200px}.slider-pagination__bar-value{background:var(--color-black);height:5px;left:2px;max-width:calc(100% - 2px);position:absolute;top:2px;transition:width .3s}.slider-pagination__blocks{display:flex;gap:20px}.slider-pagination__blocks .slider-pagination__block{background:var(--pagination-blocks-bg);height:4px;transition:background .3s;width:12px}.slider-pagination__blocks .slider-pagination__block.is-active{background:var(--color-black)}