:root{--scroll-tracker-index:999;--scroll-tracker-height:15px;--scroll-tracker-bar-height:5px;--scroll-tracker-padding:5px 0;--scroll-tracker-bg-color:#fff;--scroll-tracker-bar-bg-color:#377acf;--scroll-tracker-icon-bg:none;--scroll-tracker-icon-width:12px;--scroll-tracker-icon-height:12px;--scroll-tracker-bar-border-radius:50px}.scroll-tracker{width:100%;height:var(--scroll-tracker-height);background:var(--scroll-tracker-bg-color);padding:var(--scroll-tracker-padding);z-index:var(--scroll-tracker-index);justify-content:flex-start;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 2px 3px #0000001a}.scroll-tracker .scroll-tracker__bar{border-radius:var(--scroll-tracker-bar-border-radius);height:var(--scroll-tracker-bar-height);background:var(--scroll-tracker-bar-bg-color);transition:all .5s;position:relative}.scroll-tracker .scroll-tracker__bar:after{content:"";background-image:var(--scroll-tracker-icon-bg);width:var(--scroll-tracker-icon-width);height:var(--scroll-tracker-icon-height);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;right:0;transform:translateY(-50%)translate(100%)}