.s-state-view{--state-accent:#2f7de1;--state-halo:#2f7de11f;font-family:inherit}.s-state-view--success{--state-accent:#2e9d5b;--state-halo:#2e9d5b1f}.s-state-view--warning{--state-accent:#e08a00;--state-halo:#e08a0024}.s-state-view--error{--state-accent:#d64545;--state-halo:#d645451f}.s-state-view__content{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:520px;padding:48px 32px;display:flex}.s-state-view__halo{background:var(--state-halo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:128px;height:128px;display:flex}.s-state-view__icon{--icon-size:64px;--icon-color:var(--state-accent)}.s-state-view__spinner{border:4px solid var(--state-halo);border-top-color:var(--state-accent);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite s-state-view-spin}.s-state-view__title{color:var(--darkmode-font-color,#404040);letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:700}.s-state-view__message{color:var(--darkmode-text-soft,#6b6b6b);margin:0;font-size:15px;line-height:1.6}.s-state-view__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.s-state-view__btn{min-width:160px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.s-state-view__btn .s-icon{--icon-size:18px;flex-shrink:0}.s-state-view__btn--primary{color:#fff;background:var(--state-accent);box-shadow:0 4px 14px var(--state-halo);border:none}.s-state-view__btn--primary .s-icon{--icon-color:white}.s-state-view__btn--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.s-state-view__btn--secondary{background:var(--darkmode-background-soft,white);color:var(--darkmode-font-color,#404040);border:1px solid var(--darkmode-border-soft,#e5e5e5)}.s-state-view__btn--secondary .s-icon{--icon-color:var(--state-accent)}.s-state-view__btn--secondary:hover{border-color:var(--state-accent);transform:translateY(-1px)}.s-state-view--overlay{z-index:5;background:var(--darkmode-background-default,white);justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 0 10px;overflow:auto}.s-state-view--inline{justify-content:center;width:100%;display:flex}.s-state-view--banner .s-state-view__content{text-align:start;background:var(--state-halo);border-radius:12px;flex-direction:row;align-items:center;gap:14px;max-width:none;margin:8px 10px;padding:12px 16px}.s-state-view--banner .s-state-view__halo{background:0 0;width:40px;height:40px}.s-state-view--banner .s-state-view__icon{--icon-size:24px}.s-state-view--banner .s-state-view__spinner{border-width:3px;width:22px;height:22px}.s-state-view--banner .s-state-view__text{flex:1}.s-state-view--banner .s-state-view__title{margin:0 0 2px;font-size:15px}.s-state-view--banner .s-state-view__message{font-size:13px;line-height:1.4}.s-state-view--banner .s-state-view__btn{min-width:0;padding:8px 16px;font-size:13px}@media (max-width:830px){.s-state-view__content{padding:32px 20px}.s-state-view__halo{width:96px;height:96px}.s-state-view__icon{--icon-size:48px}.s-state-view__title{font-size:20px}.s-state-view__btn{width:100%;max-width:280px}.s-state-view--banner .s-state-view__content{flex-wrap:wrap}.s-state-view--banner .s-state-view__btn{width:auto}}.s-state-view[aria-busy=true] .s-state-view__content{animation:.6s ease-out both s-state-view-fade-in}@keyframes s-state-view-fade-in{0%,60%{opacity:0}to{opacity:1}}@keyframes s-state-view-spin{to{transform:rotate(360deg)}}