body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f9;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.App{text-align:center}.container{margin:0 auto;max-width:1200px;padding:1rem}.title{color:#1d4ed8;font-size:2rem;margin-bottom:1rem}.error-banner,.title{font-weight:700;text-align:center}.error-banner{animation:slide-down .5s ease-out;background-color:#dc3545;box-shadow:0 2px 4px #0003;color:#fff;font-size:1rem;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.shimmer-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.shimmer-item{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:150px;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pagination-container{display:flex;justify-content:space-between;margin-top:1rem}.pagination-button{background-color:#1d4ed8;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.pagination-button:hover{background-color:#2563eb}.pagination-button:disabled{background-color:#9ca3af;cursor:not-allowed}.pagination-info{color:#555;font-size:1rem}.search-container{display:flex;gap:.5rem;margin:2.5rem;position:relative}.search-input{border:1px solid #000;border-radius:4px;box-shadow:0 4px 6px #0000001a;flex:0.5 1;padding:.5rem;width:24rem}.search-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.search-button:hover{background-color:#0056b3}.suggestions-list{background-color:#fff;border:1px solid #000;border-radius:4px;box-shadow:0 4px 6px #0000001a;list-style:none;margin:0;padding:.5rem;position:absolute;top:100%;width:32rem}.suggestion-item{cursor:pointer;padding:.5rem;transition:background-color .2s}.suggestion-item:hover{background-color:#f0f0f0}.character-card{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.character-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}@media (max-width:768px){.character-card{padding:.75rem}.character-card h3{font-size:1.25rem}.character-card p{font-size:.875rem}}.no-results-container{margin-top:2rem;text-align:center}.no-results{color:#ff4d4f;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.back-button-container{display:flex;justify-content:center;margin:20px 0}.back-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.back-button:hover{background-color:#0056b3;transform:scale(1.05)}.back-button:focus{box-shadow:0 0 4px #007bffcc;outline:none}.container{position:relative}.character-details-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto 0;max-width:900px;padding:2rem}.character-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.character-details-header h1{color:#1d4ed8;font-size:2rem;font-weight:700}.character-details-header button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.character-details-header button:hover{background-color:#0056b3}.character-details-section{margin-bottom:1.5rem}.character-details-section h2{border-bottom:2px solid #ddd;color:#444;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem}.character-attribute{align-items:center;background-color:#dce2ee;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1rem}.attribute-key{color:#555;font-weight:700;text-transform:capitalize}.attribute-value{color:#333}.editable-attribute{align-items:center;background-color:#dce2ee;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1rem}.editable-field{align-items:center;display:flex;gap:.25rem}.edit-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-right:.5rem;padding:.25rem .5rem;transition:border-color .2s,box-shadow .2s;width:150px}.edit-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.cancel-icon,.edit-icon,.save-icon{color:#007bff;cursor:pointer;font-size:1.25rem;transition:color .2s,transform .2s}.cancel-icon:hover,.edit-icon:hover,.save-icon:hover{color:#0056b3;transform:scale(1.1)}.add-to-favorites-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}.add-to-favorites-button{background-color:#138013;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.add-to-favorites-button:hover{background-color:#0056b3}.add-to-favorites-button:disabled{background-color:#6c757d;cursor:not-allowed}.character-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.character-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.character-card h3{color:#1d4ed8;font-size:1.5rem;margin-bottom:.5rem}.character-card p{color:#555;font-size:1rem}.remove-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:background-color .2s,transform .2s}.remove-button:hover{background-color:#c82333;transform:scale(1.05)}.navbar{background-color:#1d4ed8;box-shadow:0 2px 4px #0000001a;padding:1rem}.navbar-container{gap:2rem;justify-content:space-between}.navbar-container,.navbar-logo{align-items:center;display:flex}.logo{height:40px;margin-right:1rem;width:auto}.navbar-link{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s}.navbar-link:hover{color:#a5b4fc;transform:scale(1.1)}.active-link{border-bottom:2px solid #facc15;color:#facc15;padding-bottom:.25rem}.navbar-icon{color:inherit;font-size:1.25rem;margin-right:.5rem;transition:transform .2s;vertical-align:middle}.navbar-link:hover .navbar-icon{transform:scale(1.2)}
/*# sourceMappingURL=main.c10a4e9b.css.map*/