.error-message-container{margin:0 0 1rem}.error-container{animation:slideIn .3s ease-out;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;justify-content:space-between;margin:0;padding:.75rem}.error-container,.error-content{align-items:flex-start;display:flex}.error-content{flex:1;gap:.5rem}.error-text{display:flex;flex-direction:column;font-size:.875rem;gap:.125rem}.error-message{color:#dc2626;font-weight:500}.error-details{color:#dc2626;font-size:.8125rem;opacity:.85}.error-icon{color:#dc2626;flex-shrink:0;height:16px;width:16px}.error-close{background:#0000;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;margin:-.25rem -.25rem -.25rem .5rem;opacity:.7;padding:.25rem;transition:all .2s ease}.error-close:hover{background-color:#dc26261a;opacity:1}.error-type-network{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.error-type-validation{background-color:#fff7ed;border-color:#fed7aa;color:#ea580c}.error-type-server{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.error-type-file{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.error-type-unknown{background-color:#f3f4f6;border-color:#e5e7eb;color:#4b5563}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dark-mode .error-container,.dark-mode .error-type-network{background-color:#dc26261a;border-color:#dc262633}.dark-mode .error-type-network{color:#ef4444}.dark-mode .error-type-validation{background-color:#ea580c1a;border-color:#ea580c33;color:#fb923c}.dark-mode .error-type-server{background-color:#2563eb1a;border-color:#2563eb33;color:#60a5fa}.dark-mode .error-type-file{background-color:#16a34a1a;border-color:#16a34a33;color:#4ade80}.dark-mode .error-type-unknown{background-color:#4b55631a;border-color:#4b556333;color:#9ca3af}.dark-mode .error-close:hover{background-color:#ef44441a}.dark-mode .error-details,.dark-mode .error-icon,.dark-mode .error-message{color:#ef4444}@media(max-width:640px){.error-container{padding:.5rem}.error-content{gap:.5rem}.error-text{font-size:.8125rem}.error-details{font-size:.75rem}}