/* Loading strip along the bottom of the embedded Potree viewer. */
.as-pl { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; display: flex; flex-direction: column; align-items: flex-start; pointer-events: none; font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; transition: opacity .6s ease; }
.as-pl.is-done { opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.as-pl-info { display: flex; align-items: baseline; gap: 10px; max-width: calc(100% - 24px); box-sizing: border-box; padding: 5px 10px 4px; background: rgba(12, 15, 16, .82); color: #9aa5a3; font-size: 11px; line-height: 1.3; letter-spacing: .04em; white-space: nowrap; overflow: hidden; font-variant-numeric: tabular-nums; }
.as-pl-label { color: #e8ecea; text-transform: uppercase; letter-spacing: .1em; overflow: hidden; text-overflow: ellipsis; }
.as-pl-pct { color: #ff5a1f; }
.as-pl-pct:empty, .as-pl-points:empty, .as-pl-time:empty { display: none; }
.as-pl-track { position: relative; align-self: stretch; height: 3px; background: rgba(35, 42, 44, .9); overflow: hidden; }
.as-pl-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #ff5a1f; transition: width .25s ease-out, opacity .4s; }
.as-pl.is-complete .as-pl-label { color: #b9c2c0; }
.as-pl.is-complete .as-pl-bar { opacity: .75; }
.as-pl.is-indeterminate .as-pl-bar { width: 32%; animation: as-pl-slide 1.3s ease-in-out infinite; transition: none; }
.as-pl.is-indeterminate.is-still .as-pl-bar { animation: none; left: 0; }
.as-pl.is-busy .as-pl-track::after { content: ""; position: absolute; top: 0; bottom: 0; width: 22%; background: linear-gradient(90deg, transparent, rgba(255, 214, 196, .85), transparent); animation: as-pl-slide 1.1s linear infinite; }
.as-pl.is-still .as-pl-track::after { display: none; }
@keyframes as-pl-slide { 0% { left: -32%; } 100% { left: 100%; } }
@media (max-width: 560px) { .as-pl-info { font-size: 10px; gap: 8px; } .as-pl-time { display: none; } }