.dots-indicator-container{--animation-duration:7s;--dot-selected-width:16px;--gap:8px;--dot-size:6px;--selected-dot-color:#fff;--dots-progress:0;--dot-color:#757575dd}.dot-indicator{width:0;height:var(--dot-size);border-radius:var(--dot-size);background-color:var(--dot-color);animation-name:dots-progress-animation;animation-play-state:paused;animation-duration:var(--animation-duration);animation-delay:calc((var(--offset) - (var(--dots-progress) * 7)) * (var(--animation-duration) / 7) - (var(--animation-duration) / 2));margin-left:0;margin-right:0;position:relative;scale:0}@keyframes dots-progress-animation{0%{background-color:var(--dot-color);width:0;margin-left:0;margin-right:0;scale:0}7.14286%{width:var(--dot-size);background-color:var(--dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:0}21.4286%{width:var(--dot-size);background-color:var(--dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:.5}35.7143%{width:var(--dot-size);background-color:var(--dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:1}50%{width:var(--dot-selected-width);background-color:var(--selected-dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:1}64.2857%{width:var(--dot-size);background-color:var(--dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:1}78.5714%{width:var(--dot-size);background-color:var(--dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:.5}92.8571%{width:var(--dot-size);background-color:var(--dot-color);margin-left:calc(var(--gap) / 2);margin-right:calc(var(--gap) / 2);scale:0}to{background-color:var(--dot-color);width:0;margin-left:0;margin-right:0;scale:0}}