.content-state{--content-state-rgb:116, 130, 158;isolation:isolate;box-sizing:border-box;border:1px dashed rgba(var(--content-state-rgb), .3);color:#dfe4ee;background:radial-gradient(circle at 50% 0, rgba(var(--content-state-rgb), .1), transparent 52%), #090d15b3;text-align:center;border-radius:16px;align-content:center;place-items:center;gap:12px;width:100%;min-height:180px;padding:clamp(26px,5vw,42px);display:grid;position:relative;overflow:hidden}.content-state:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff06}.content-state--loading{--content-state-rgb:111, 140, 255}.content-state--error{--content-state-rgb:239, 112, 127}.content-state__icon{border:1px solid rgba(var(--content-state-rgb), .3);width:44px;height:44px;color:rgb(var(--content-state-rgb));background:rgba(var(--content-state-rgb), .1);border-radius:13px;place-items:center;display:grid}.content-state__icon svg{width:22px;height:22px}.content-state--loading .content-state__icon{animation:1.1s linear infinite content-state-spin}.content-state__copy{justify-items:center;gap:6px;display:grid}.content-state__copy>strong{color:#eef1f7;font-size:14px;line-height:1.45}.content-state__copy>p{color:#858fa1;max-width:540px;font-size:var(--font-size-meta);margin:0;line-height:1.65}.content-state__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.content-state__actions>a,.content-state__actions>button{box-sizing:border-box;border:1px solid rgba(var(--content-state-rgb), .38);color:#e9edff;background:rgba(var(--content-state-rgb), .12);min-height:40px;font-size:var(--font-size-meta);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:720;text-decoration:none;display:inline-flex}.content-state__actions>a:hover,.content-state__actions>button:hover{border-color:rgba(var(--content-state-rgb), .64);background:rgba(var(--content-state-rgb), .2)}.content-state__actions>a:focus-visible,.content-state__actions>button:focus-visible{outline:2px solid rgb(var(--content-state-rgb));outline-offset:3px}.content-state__meter{background:rgba(var(--content-state-rgb), .12);border-radius:99px;width:min(220px,70%);height:3px;margin-top:4px;overflow:hidden}.content-state__meter>i{border-radius:inherit;background:rgb(var(--content-state-rgb));width:42%;height:100%;animation:1.25s ease-in-out infinite content-state-progress;display:block}.content-state--compact{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;place-items:center start;min-height:116px;padding:20px}.content-state--compact .content-state__icon{border-radius:11px;width:38px;height:38px}.content-state--compact .content-state__copy{justify-items:start}.content-state--compact .content-state__actions{justify-content:flex-end}.content-state--compact .content-state__meter{grid-column:1/-1;width:100%}@keyframes content-state-spin{to{transform:rotate(360deg)}}@keyframes content-state-progress{0%{transform:translate(-115%)}to{transform:translate(240%)}}@media (width<=520px){.content-state{min-height:156px;padding:24px 18px}.content-state--compact{text-align:left;grid-template-columns:auto minmax(0,1fr);min-height:0}.content-state--compact .content-state__actions{grid-column:1/-1;justify-content:stretch;width:100%}.content-state--compact .content-state__actions>a,.content-state--compact .content-state__actions>button{width:100%}}@media (prefers-reduced-motion:reduce){.content-state--loading .content-state__icon,.content-state__meter>i{animation:none}.content-state__meter>i{opacity:.65;width:100%}}