[data-progress]{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:15px}[data-progress] .progress-indicator{background-color:rgba(0,0,0,.2);border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}[data-progress] .progress-indicator.active{background-color:#000;transform:scale(1.2)}.dark-mode [data-progress] .progress-indicator{background-color:hsla(0,0%,100%,.2)}.dark-mode [data-progress] .progress-indicator.active{background-color:#fff}@media (max-width:768px){[data-progress]{gap:6px}[data-progress] .progress-indicator{height:10px;width:10px}}:root{--progress-indicator-size:12px;--progress-indicator-active-size:14px;--progress-indicator-color:rgba(0,0,0,.2);--progress-indicator-active-color:#000;--progress-indicator-spacing:8px}[data-progress].custom-style .progress-indicator{background-color:var(--progress-indicator-color);height:var(--progress-indicator-size);width:var(--progress-indicator-size)}[data-progress].custom-style .progress-indicator.active{background-color:var(--progress-indicator-active-color);height:var(--progress-indicator-active-size);width:var(--progress-indicator-active-size)}[data-progress].custom-style{gap:var(--progress-indicator-spacing)}[data-progress] .progress-indicator{overflow:hidden;position:relative}[data-progress] .progress-indicator:after{background-color:currentColor;border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:transform .3s ease,opacity .3s ease;width:100%}[data-progress] .progress-indicator:hover:after{opacity:.3;transform:scale(1.5)}[data-progress].progress-line{align-items:center;display:flex;gap:1px;justify-content:center}[data-progress].progress-line .progress-indicator{background-color:hsla(0,0%,100%,.2);border-radius:0;height:1px;width:100%}[data-progress].progress-line .progress-indicator.active{background-color:#fff;border-radius:2px;height:3px;transform:none}