/* One quiet loading language across Sphera. Animation uses only transform. */
.sphera-loader{--load-accent:#e9cf63;--load-muted:#93a2b2;display:grid;gap:8px;min-width:0;padding:13px 16px;border:1px solid #ffffff12;border-radius:10px;background:#111923;color:#dce2e6;font-family:inherit;font-size:12px;line-height:1.5;box-sizing:border-box;box-shadow:none;text-align:left}
.sphera-loader[hidden],.sphera-loader.hidden,.sphera-loader [hidden]{display:none!important}
.sphera-loader__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-width:0}
.sphera-loader .sphera-loader__label{margin:0;color:#dce2e6;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;text-wrap:initial;overflow-wrap:anywhere}
.sphera-loader__count{flex-shrink:0;color:#b7bdad;font-size:11px;font-variant-numeric:tabular-nums}
.sphera-loader .sphera-loader__detail{margin:0;color:var(--load-muted);font-size:11px;font-weight:400;line-height:1.6;text-wrap:initial;overflow-wrap:anywhere}
.sphera-loader #progress-text{margin:0;color:var(--load-muted);font-size:11px;font-weight:400;line-height:1.6;text-wrap:initial}
.sphera-loader .sphera-loader__track{position:relative;display:block;width:100%;height:3px;max-width:none;padding:0;margin:0;border:0;border-radius:10px;overflow:hidden;background:#ffffff0b;box-shadow:none}
.sphera-loader .sphera-loader__fill{position:absolute;inset:0 auto 0 0;display:block;width:32%;height:100%;margin:0;border-radius:inherit;background:var(--load-accent);box-shadow:none;animation:none;transition:width .25s ease;opacity:.85;will-change:auto}
.sphera-loader .sphera-loader__fill::after{display:none}
.sphera-loader[data-loading-mode=indeterminate][data-loading-state=loading] .sphera-loader__fill{animation:sphera-wait 1.65s cubic-bezier(.45,0,.3,1) infinite;will-change:transform}
.sphera-loader[data-loading-state=error]{border-color:#c2936a35}
.sphera-loader[data-loading-state=error] .sphera-loader__label{color:#dec0a4}
.sphera-loader--line{padding:0;border:0;background:none;border-radius:0;gap:0}
.sphera-loader--line>.sphera-loader__row,.sphera-loader--line>.sphera-loader__detail{display:none}
.sphera-loader--attached{margin:0 0 12px;width:100%;grid-column:1/-1}
.sphera-loader--navigation{position:fixed;z-index:10050;bottom:20px;right:20px;width:min(360px,calc(100vw - 40px));box-shadow:0 8px 28px #0003;pointer-events:none}
.sphera-busy{position:relative!important;overflow:hidden}
.sphera-busy::after{content:''!important;position:absolute;inset:auto auto 0 0;width:32%;height:2px;background:#e9cf63;border-radius:2px;pointer-events:none;animation:sphera-wait 1.65s cubic-bezier(.45,0,.3,1) infinite}
.progress-card.sphera-loader{margin-top:12px;padding:13px 16px;border-radius:10px;background:#111923;border:1px solid #ffffff12;box-shadow:none;gap:8px;text-align:left;overflow:hidden}
.progress-card.sphera-loader::before{display:none}
.sphera-loader.store-loading{margin:12px 0 18px;padding:13px 16px;min-height:0}
.sphera-app .discover-studio .sphera-loader.store-loading{padding:13px 16px;background:#111923;border:1px solid #ffffff12;border-radius:10px;font-size:12px;line-height:1.5}
.sphera-app .discover-studio .sphera-loader .sphera-loader__detail{font-size:11px;line-height:1.6}
.sphera-loader .store-loading-text{margin:0}
.shell-loading:has(>[data-sphera-loader]){padding:0;border:0;background:none}
.sphera-loader.ps-offers-loading{padding:13px 16px;border:1px solid #ffffff12;border-radius:10px;font-size:12px;color:#dce2e6}
.connection-toast{flex-wrap:wrap}
.connection-toast>.sphera-loader--attached{flex-basis:100%;margin:0;padding:0}
.connection-progress.is-active [role=status]::before{display:none!important}
.sphera-game-preview-header{position:relative}
.sphera-game-preview-header>.sphera-loader--attached{position:absolute;bottom:0;left:20px;right:20px;width:auto;margin:0;padding:0;pointer-events:none}
html[data-effects=essential] .sphera-loader__fill,html[data-effects=essential] .sphera-busy::after,html[data-system-motion=reduce] .sphera-loader__fill,html[data-system-motion=reduce] .sphera-busy::after{animation:none!important;transition:none!important;transform:none!important;will-change:auto!important}
html[data-loading-paused=true] .sphera-loader__fill,html[data-loading-paused=true] .sphera-busy::after{animation-play-state:paused}
@keyframes sphera-wait{0%{transform:translateX(-105%)}100%{transform:translateX(420%)}}
@media(prefers-reduced-motion:reduce){.sphera-loader__fill,.sphera-busy::after{animation:none!important;transition:none!important;transform:none!important;will-change:auto!important}}
@media(max-width:600px){.sphera-loader{padding:12px}.sphera-loader--line{padding:0}.sphera-loader__row{gap:10px}.sphera-loader--navigation{bottom:12px;right:12px;width:calc(100vw - 24px)}}