.nw-state{margin:14px 0;padding:16px 18px;border:1px solid #cbd7e9;border-inline-start-width:5px;border-radius:14px;background:#fff;color:#17213b}.nw-state h3,.nw-state strong{display:block;margin:0 0 5px}.nw-state p{margin:0}.nw-state--compact{padding:11px 14px}.nw-state--loading{border-inline-start-color:#2f68e8}.nw-state--empty{border-inline-start-color:#64748b}.nw-state--error,.nw-state--permission_denied,.nw-state--offline{border-inline-start-color:#b42318;background:#fff7f6}.nw-state--success{border-inline-start-color:#138a5b;background:#f4fff9}.nw-state--retry{border-inline-start-color:#b7790c}.nw-state[aria-busy="true"] strong:after,.nw-state[aria-busy="true"] h3:after{content:"";display:inline-block;width:.8em;height:.8em;margin-inline-start:8px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:nw-state-spin .8s linear infinite}#nw-offline-state{position:fixed;z-index:100000;inset-inline:16px;bottom:16px;max-width:620px;margin:auto;box-shadow:0 14px 44px rgba(8,27,58,.2)}@keyframes nw-state-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nw-state[aria-busy="true"] strong:after,.nw-state[aria-busy="true"] h3:after{animation:none;border-style:dotted}}@media(max-width:390px){#nw-offline-state{inset-inline:10px;bottom:10px}.nw-state{padding:14px}.nw-state .nw-button{min-height:44px;width:100%}}