File size: 1,357 Bytes
c5ca729 0812616 c5ca729 0812616 c5ca729 0812616 c5ca729 0812616 c5ca729 0812616 c5ca729 0812616 c5ca729 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
/* Base styles */
body {
font-family: 'Inter', sans-serif;
overflow-x: hidden;
}
/* Toggle Switch */
.toggle-checkbox:checked + .toggle-label {
background-color: #4f46e5;
}
.toggle-checkbox:checked + .toggle-label::after {
transform: translateX(1.25rem);
}
/* Modal transitions */
.modal {
transition: opacity 0.25s ease;
}
.modal-content {
transition: transform 0.25s ease;
}
/* Sidebar transitions */
#profile-sidebar {
transition: transform 0.3s ease-in-out;
transform: translateX(100%);
}
#profile-sidebar.open {
transform: translateX(0);
}
#sidebar-overlay {
transition: opacity 0.3s ease-in-out;
}
/* Disabled button */
.btn-disabled {
background-color: #94a3b8;
cursor: not-allowed;
}
.btn-disabled:hover {
background-color: #94a3b8;
}
/* Chat message styles */
.chat-message {
padding: 0.75rem;
border-radius: 0.5rem;
max-width: 20rem;
}
.chat-message.user {
background-color: #4f46e5;
color: white;
margin-left: auto;
}
.chat-message.model {
background-color: #f1f5f9;
color: #1e293b;
margin-right: auto;
}
.chat-message.model.typing {
color: #64748b;
font-style: italic;
}
/* Spinner animation */
.spinner {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
} |