.group{display:flex;justify-content:center;align-items:center}.item,.percentage{width:10.15%;margin:0 1.01%}.item .inner{position:relative;padding-top:125%}.item span{opacity:.8;display:block;position:absolute;background:var(--primary);transition:.1s ease}.item span:first-child{top:0;left:0;width:25%;height:100%}.item span:nth-child(2){opacity:.8;top:0;left:0;width:100%;height:20%}.item span:nth-child(3){top:0;left:75%;width:25%;height:100%}.item span:nth-child(4){opacity:.8;top:80%;left:0;width:100%;height:20%}.item span:nth-child(5){top:40%;left:0;left:75%;width:25%}.item.num0 span:nth-child(5){opacity:0}.item.num1 span:first-child{opacity:0;left:75%}.item.num1 span:nth-child(2){left:75%;width:25%;height:100%}.item.num1 span:nth-child(3){opacity:0;top:80%;left:75%;width:25%;height:20%}.item.num1 span:nth-child(4),.item.num1 span:nth-child(5){opacity:0;left:75%;width:25%}.item.num2 span:first-child{top:0;left:75%;width:25%;height:60%}.item.num2 span:nth-child(2){top:80%;left:0;width:100%;height:20%}.item.num2 span:nth-child(3){top:40%;left:0;width:100%;height:20%}.item.num2 span:nth-child(4){top:40%;left:0;width:25%;height:60%}.item.num2 span:nth-child(5){top:0;left:0;width:100%;height:20%}.item.num3 span:first-child{top:80%;left:0;width:100%;height:20%}.item.num3 span:nth-child(2){top:40%;left:0;width:100%;height:20%}.item.num3 span:nth-child(3){opacity:0;top:0;left:0;width:25%;height:20%}.item.num3 span:nth-child(4){top:0;left:0;width:100%;height:20%}.item.num3 span:nth-child(5){top:0;left:75%;width:25%;height:100%}.item.num4 span:first-child{top:40%;left:0;width:100%;height:20%}.item.num4 span:nth-child(2){top:0;left:0;width:25%;height:60%}.item.num4 span:nth-child(3){opacity:0;top:0;left:0;width:25%;height:20%}.item.num4 span:nth-child(4){top:0;left:75%;width:25%;height:100%}.item.num4 span:nth-child(5){opacity:0;top:80%;left:75%;width:25%;height:20%}.item.num5 span:first-child{top:0;left:0;width:25%;height:60%}.item.num5 span:nth-child(2){top:0;left:0;width:100%;height:20%}.item.num5 span:nth-child(3){top:40%;left:75%;width:25%;height:60%}.item.num5 span:nth-child(4){top:80%;left:0;width:100%;height:20%}.item.num5 span:nth-child(5){top:40%;left:0;width:100%;height:20%}.item.num6 span:first-child{top:0;left:0;width:100%;height:20%}.item.num6 span:nth-child(2){top:40%;left:75%;width:25%;height:60%}.item.num6 span:nth-child(3){top:80%;left:0;width:100%;height:20%}.item.num6 span:nth-child(4){top:40%;left:0;width:100%;height:20%}.item.num6 span:nth-child(5){top:0;left:0;width:25%;height:100%}.item.num7 span:first-child{top:0;left:75%;width:25%;height:100%}.item.num7 span:nth-child(2){opacity:0;top:80%;left:75%;width:25%;height:20%}.item.num7 span:nth-child(3){opacity:0;top:40%;left:75%;width:25%;height:20%}.item.num7 span:nth-child(4){opacity:0;top:0;left:0;width:25%;height:20%}.item.num7 span:nth-child(5){top:0;left:0;width:100%;height:20%}.item.num8 span:first-child{top:80%;left:0;width:100%;height:20%}.item.num8 span:nth-child(2){top:40%;left:0;width:100%;height:20%}.item.num8 span:nth-child(3){top:0;left:0;width:25%;height:100%}.item.num8 span:nth-child(4){top:0;left:0;width:100%;height:20%}.item.num8 span:nth-child(5){top:0;left:75%;width:25%;height:100%}.item.num9 span:first-child{top:40%;left:0;width:100%;height:20%}.item.num9 span:nth-child(2){top:0;left:0;width:25%;height:60%}.item.num9 span:nth-child(3){top:0;left:0;width:100%;height:20%}.item.num9 span:nth-child(4){top:0;left:75%;width:25%;height:100%}.item.num9 span:nth-child(5){top:80%;left:0;width:100%;height:20%}.loader-progress-bar{height:1em;background-color:transparent;border-radius:.5em;overflow:hidden;position:relative;border:2px solid var(--primary)}.loader-fill{height:100%;width:0;background-color:var(--muted-foreground);border-radius:.25em;position:relative;overflow:hidden;transition:width .3s ease-in-out}.loader-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,var(--primary) 0,var(--primary) 4px,var(--secondary) 5px,var(--secondary) 9px);background-size:26px 13px;animation:diagonal-stripes 1s linear infinite;border-radius:.5em}@keyframes diagonal-stripes{0%{background-position:26px 13px}to{background-position:0 0}}.progressbar-success{padding:.5em;background:#daf5d7;color:#256029;border:1px solid #a1e59a;border-radius:.5em;text-align:center}