.rep-state{display:flex;align-items:center;flex-direction:column;gap:16px;text-align:center;padding:44px 24px;margin:18px 0;border:1px solid #dedfd3;border-radius:20px;background:#fafbf6;color:#293e30;overflow-wrap:anywhere}.rep-state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#e8edde;color:#536a43;flex-shrink:0;animation:rep-state-arrive .3s ease-out}.rep-state h3{font-size:19px;margin:0 0 8px;line-height:1.5}.rep-state p{font-size:14px;line-height:1.75;margin:0;max-width:52ch;color:#5b6257}.rep-state button{min-height:44px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:8px;white-space:normal}.rep-state button:focus-visible{outline:3px solid #526a42;outline-offset:4px}.rep-state-compact{flex-direction:row;text-align:left;padding:20px;flex-wrap:wrap}.rep-state-compact>div{flex:1 1;min-width:160px}.rep-state-compact h3{font-size:16px}.rep-loading>p{color:#53634a;font-size:14px}.rep-skeleton{background:#fff;border:1px solid #e1e3d9;border-radius:16px;overflow:hidden;padding-bottom:18px}.rep-skeleton div,.rep-skeleton span{display:block;background:linear-gradient(100deg,#e9ede3 25%,#f7f8f3 45%,#e9ede3 65%);background-size:220% 100%;animation:rep-shimmer 1.8s ease-in-out infinite}.rep-skeleton div{height:200px}.rep-skeleton span{height:14px;margin:18px 20px 0;border-radius:5px}.rep-skeleton span:last-child{width:45%}@keyframes rep-shimmer{to{background-position:-220% 0}}@keyframes rep-state-arrive{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:600px){.rep-state{padding:28px 18px}.rep-state-compact{padding:16px;gap:12px}.rep-state-compact .rep-state-icon{width:44px;height:44px;border-radius:14px}.rep-state-compact button{width:100%}.rep-skeleton div{height:130px}}@media(prefers-reduced-motion:reduce){.rep-skeleton div,.rep-skeleton span,.rep-state-icon{animation:none}}