.progress-linear{color:#ffffffbf;box-sizing:border-box;background:0 0;border:none;border-radius:1rem;width:100%;height:10px;position:relative;transform:translateZ(0);box-shadow:inset 0 1px 1px #bfbfbf1a}.progress-linear:before{color:#ffffffbf;box-sizing:border-box;background:#201e2c;background:var(--color);opacity:.1;content:"";border-radius:inherit;border:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 1px 1px #bfbfbf1a}.progress-linear__dot{z-index:2;top:50%;right:calc(100% - 1% * (var(--progress,0)));justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(50%)translateY(-50%)}.progress-linear__indicator{background:var(--color);border-radius:inherit;background-position:0;background-repeat:no-repeat;background-size:calc(100% * 100 / var(--progress,100)) 100%;z-index:1;width:100%;height:100%;position:absolute}.progress-linear__indicator--prediction{background:repeating-linear-gradient(-45deg,#00000040,#00000040 2.5px,transparent 2.5px,transparent 5px),var(--color);z-index:0;opacity:.25;background-position:0;background-repeat:no-repeat;background-size:calc(100% * 100 / var(--progressPrediction,100)) 100%}.progress-circle{width:var(--size);height:var(--size);justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-circle__circle{width:var(--size);height:var(--size);display:block;transform:translateZ(0)}.progress-circle__track{opacity:.1;stroke:var(--color);stroke-linecap:round}.progress-circle__prediction{opacity:.25;stroke:url(#circle-stripe-overlay);stroke-linecap:round;z-index:1}.progress-circle__range{stroke:var(--color);stroke-linecap:round;z-index:2}.progress-circle__dot{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}