.CalculationProgress{display:flex;flex-direction:column;gap:1.5em;max-width:48em;margin-block:1em;padding:1.5em 1.75em;background-color:var(--component-background-color);border:var(--component-border);border-radius:var(--component-border-radius);>.Header{display:grid;grid-template-columns:2.5em 1fr;gap:1em;align-items:center;>.Indicator{box-sizing:border-box;width:2.5em;height:2.5em;border-radius:50%;border:3px solid hsl(from var(--hint-color) h s l / 20%);border-top-color:var(--hint-color);animation:CalculationProgressSpin .9s linear infinite}>.Titles{display:flex;flex-direction:column;gap:.25em}.Title{font-size:1.2em;font-weight:600;color:var(--heading-color)}.Subtitle{color:var(--muted-text-color)}}&.Failed>.Header>.Indicator,&.Ready>.Header>.Indicator{position:relative;border:none;animation:none}&.Failed>.Header>.Indicator{background-color:hsl(from var(--error-color) h s l / 12%);&:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font-size:1.3em;font-weight:700;color:var(--error-color)}}&.Ready>.Header>.Indicator{background-color:hsl(from var(--success-color) h s l / 12%);&:after{content:"";position:absolute;left:50%;top:45%;width:.55em;height:1em;border-right:3px solid var(--success-color);border-bottom:3px solid var(--success-color);transform:translate(-50%,-50%) rotate(45deg)}}>.Stages{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;>.Stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--muted-text-color);font-size:.875em;&:before{content:"";position:absolute;top:.45em;left:calc(-50% + 1em);right:calc(50% + 1em);height:.1em;border-radius:.05em;background-color:var(--component-internal-border-color)}&:first-child:before{display:none}>.Dot{position:relative;width:1em;height:1em;border-radius:50%;background-color:var(--component-background-color);border:2px solid var(--component-internal-border-color);box-sizing:border-box}&.Done{color:var(--dark-text-color);&:before{background-color:var(--success-color)}>.Dot{border-color:var(--success-color);background-color:var(--success-color)}}&.Current{color:var(--dark-text-color);font-weight:600;&:before{background-color:var(--hint-color)}>.Dot{border:3px solid var(--hint-color);box-shadow:0 0 0 4px hsl(from var(--hint-color) h s l / 18%);animation:CalculationProgressPulse 1.6s ease-in-out infinite}}&.Failed{color:var(--error-color);font-weight:600;>.Dot{border-color:var(--error-color);background-color:var(--error-color)}}}}>.Calculations{display:flex;flex-direction:column;border-top:var(--main-layout-border)}.Calculation{display:flex;flex-direction:column;gap:.5em;padding-top:1em;&:not(:last-child){padding-bottom:1em;border-bottom:var(--main-layout-border)}>.Line{display:flex;align-items:baseline;gap:.75em}.Name{font-weight:600;color:var(--dark-text-color)}.State{padding:.1em .6em;border-radius:1em;font-size:.8em;font-weight:600;color:var(--hint-color);background-color:hsl(from var(--hint-color) h s l / 12%)}.Percentage{visibility:hidden;margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}&.Calculating:not(.Indeterminate) .Percentage,&.Completed .Percentage{visibility:visible}>.Bar{position:relative;height:6px;border-radius:3px;background-color:var(--main-layout-border-color);overflow:hidden}.Fill{height:100%;width:0;border-radius:inherit;background-color:var(--hint-color);transition:width .6s ease}>.Footer{display:flex;justify-content:space-between;gap:1em;font-size:.875em;color:var(--muted-text-color)}.Time{white-space:nowrap;font-variant-numeric:tabular-nums}&.Indeterminate .Fill{position:absolute;width:35%;animation:CalculationProgressSlide 1.4s ease-in-out infinite}&.Queued,&.Unknown{.State{color:var(--muted-text-color);background-color:var(--main-layout-border-color)}}&.Completed{.State{color:var(--success-color);background-color:hsl(from var(--success-color) h s l / 12%)}.Fill{background-color:var(--success-color)}}&.Error,&.Cancelled{.State{color:var(--error-color);background-color:hsl(from var(--error-color) h s l / 12%)}.Fill{background-color:var(--error-color)}}&.Error>.Footer>.Detail{color:var(--error-color)}>.ErrorDetails{display:none}&.Error>.ErrorDetails:has(>.Message:not(:empty)){display:flex;flex-direction:column;align-items:flex-start;gap:.5em;font-size:.875em;>.Toggle{display:inline-flex;align-items:center;gap:.4em;padding:0;border:none;background:none;color:var(--link-color);font:inherit;cursor:pointer;&:before{content:"";width:.8em;height:.8em;background:var(--expand-icon-dark);background-size:.6em;transition:transform .2s ease}&:hover{text-decoration:underline}}.HideLabel,>.Message{display:none}>.Message{box-sizing:border-box;width:100%;max-height:16em;overflow:auto;padding:.75em 1em;border-radius:.5em;background-color:var(--main-layout-border-color);color:var(--dark-text-color);font-family:monospace;white-space:pre-wrap;overflow-wrap:anywhere}&.Open{>.Toggle:before{transform:rotate(90deg)}.ShowLabel{display:none}.HideLabel,>.Message{display:block}}}}}@keyframes CalculationProgressSpin{to{transform:rotate(360deg)}}@keyframes CalculationProgressPulse{50%{box-shadow:0 0 0 7px hsl(from var(--hint-color) h s l / 8%)}}@keyframes CalculationProgressSlide{0%{left:-35%}to{left:100%}}@media(prefers-reduced-motion:reduce){.CalculationProgress{>.Header>.Indicator,.Stage.Current>.Dot{animation:none}.Calculation.Indeterminate .Fill{position:static;width:100%;opacity:.35;animation:none}}}@media(width<1024px){.CalculationProgress{margin-inline:.5em;padding:1em;>.Stages>.Stage{font-size:.75em}}}
/*# sourceMappingURL=Protide.css.map */