.elementor-scrolling-tracker {
    --scrolling-track-default-progress-color: #61ce70;
    --scrolling-track-default-color: #eeeeee;
    --scrolling-track-precentage-default-color: $black; }

.elementor-scrolling-tracker-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: var(--horizontal-height, 20px);
    padding: var(--tracker-padding);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-width: var(--horizontal-border-top-width, 2px);
    border-right-width: var(--horizontal-border-right-width, 2px);
    border-bottom-width: var(--horizontal-border-bottom-width, 2px);
    border-left-width: var(--horizontal-border-left-width, 2px);
    border-style: var(--horizontal-border-style);
    border-color: var(--horizontal-border-color);
    border-radius: var(--border-radius);
    background-color: var(--scrolling-track-default-color);
    direction: var(--direction); }
.elementor-scrolling-tracker-horizontal .current-progress {
    display: none;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: var(--progress-border-radius);
    border-top-width: var(--horizontal-progress-border-top-width, 2px);
    border-right-width: var(--horizontal-progress-border-right-width, 2px);
    border-bottom-width: var(--horizontal-progress-border-bottom-width, 2px);
    border-left-width: var(--horizontal-progress-border-left-width, 2px);
    border-style: var(--horizontal-progress-border);
    border-color: var(--horizontal-progress-border-color);
    background-color: var(--scrolling-track-default-progress-color); }
.elementor-scrolling-tracker-horizontal .current-progress .current-progress-percentage {
    inset-inline-end: 0.5em;
    inset-inline-start: auto;
    position: absolute;
    direction: var(--text-direction);
    color: var(--percentage-color, var(--scrolling-track-precentage-default-color)); }

.elementor-scrolling-tracker-circular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--circular-width, 100px);
    height: var(--circular-height, 100px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: auto;
    margin-inline-end: auto; }
.elementor-scrolling-tracker-circular .current-progress-percentage {
    position: absolute;
    color: var(--percentage-color, var(--scrolling-track-precentage-default-color)); }
.elementor-scrolling-tracker-circular svg {
    position: absolute; }
.elementor-scrolling-tracker-circular .current-progress {
    display: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke: var(--circular-color, var(--scrolling-track-default-progress-color));
    fill: transparent;
    stroke-width: var(--circular-progress-width, 4px); }
.elementor-scrolling-tracker-circular .circle {
    stroke: var(--circular-background-color, var(--scrolling-track-default-color));
    fill: transparent;
    stroke-width: var(--circular-background-width, 4px); }

.elementor-scrolling-tracker-alignment-left {
    margin-left: 0;
    margin-right: auto; }

.elementor-scrolling-tracker-alignment-center {
    margin-left: auto;
    margin-right: auto; }

.elementor-scrolling-tracker-alignment-right {
    margin-left: auto;
    margin-right: 0; }