/* [project]/exypnos/src/Components/Bernard/ModelDropdown.module.css [app-client] (css) */
.ModelDropdown-module__kS178q__Dropdown {
  z-index: 100;
  position: relative;
}

.ModelDropdown-module__kS178q__Trigger {
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  font-family: var(--font-body);
  font-size: var(--text-lg);
  color: var(--text-primary);
  cursor: pointer;
  border-radius: var(--radius-lg);
  background: none;
  border: none;
  font-weight: 400;
  transition: background-color .15s;
  display: flex;
}

.ModelDropdown-module__kS178q__Trigger:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.ModelDropdown-module__kS178q__TriggerText {
  color: var(--text-primary);
}

.ModelDropdown-module__kS178q__Arrow {
  color: var(--text-muted);
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.ModelDropdown-module__kS178q__ArrowOpen {
  transform: rotate(180deg);
}

.ModelDropdown-module__kS178q__Menu {
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  background-color: #0000;
  border: none;
  gap: 8px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  transform: translateY(-8px);
}

.ModelDropdown-module__kS178q__MenuOpen {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.ModelDropdown-module__kS178q__Panels {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.ModelDropdown-module__kS178q__ProvidersPanel, .ModelDropdown-module__kS178q__ModelsPanel {
  background-color: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border);
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 12px;
  flex-direction: column;
  gap: 2px;
  max-height: 400px;
  padding: 6px;
  display: flex;
  overflow-y: auto;
  box-shadow: 0 4px 20px #0006;
}

.ModelDropdown-module__kS178q__ProvidersPanel::-webkit-scrollbar {
  display: none;
}

.ModelDropdown-module__kS178q__ModelsPanel::-webkit-scrollbar {
  display: none;
}

.ModelDropdown-module__kS178q__ProvidersPanel {
  width: 160px;
}

.ModelDropdown-module__kS178q__ModelsPanel {
  min-width: 240px;
}

.ModelDropdown-module__kS178q__Divider {
  display: none;
}

.ModelDropdown-module__kS178q__ProviderItem {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: var(--font-body);
  color: var(--dropdown-text, var(--text-secondary));
  background: none;
  border: none;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.ModelDropdown-module__kS178q__ProviderItem:hover {
  background-color: var(--dropdown-hover);
}

.ModelDropdown-module__kS178q__ProviderItemActive {
  background-color: var(--dropdown-hover);
  color: var(--dropdown-text-selected, var(--text-primary));
  font-weight: 500;
}

.ModelDropdown-module__kS178q__ItemDisabled {
  opacity: .5;
  cursor: not-allowed;
}

.ModelDropdown-module__kS178q__ProviderIcon {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.ModelDropdown-module__kS178q__ProviderIconImage {
  object-fit: contain;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.ModelDropdown-module__kS178q__ProviderIconMasked {
  background-color: var(--icon-color);
  width: 18px;
  height: 18px;
}

.ModelDropdown-module__kS178q__IconGoogle {
  background: linear-gradient(135deg, #4285f4, #34a853, #fbbc05, #ea4335);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.ModelDropdown-module__kS178q__IconExypnos {
  color: var(--exypnos-accent);
}

.ModelDropdown-module__kS178q__ProviderName {
  color: var(--text-primary);
  flex: 1;
  font-size: 13px;
  font-weight: 500;
}

.ModelDropdown-module__kS178q__ProviderArrow {
  color: var(--text-muted);
  opacity: .6;
}

.ModelDropdown-module__kS178q__ModelItem {
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: var(--font-body);
  color: var(--dropdown-text, var(--text-muted));
  background: none;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  transition: background-color .1s;
  display: flex;
}

.ModelDropdown-module__kS178q__ModelItem:hover, .ModelDropdown-module__kS178q__ModelItemActive {
  background-color: var(--dropdown-hover);
}

.ModelDropdown-module__kS178q__ModelItemActive .ModelDropdown-module__kS178q__ModelName {
  color: var(--dropdown-text-selected, var(--text-primary));
}

.ModelDropdown-module__kS178q__ModelName {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
}

.ModelDropdown-module__kS178q__ModelDescription {
  color: var(--dropdown-text, #888);
  font-size: 12px;
}

@media (max-width: 640px) {
  .ModelDropdown-module__kS178q__Menu {
    flex-direction: column;
    width: 100%;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
  }

  .ModelDropdown-module__kS178q__MenuOpen {
    transform: translateY(0);
  }

  .ModelDropdown-module__kS178q__Panels {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .ModelDropdown-module__kS178q__ProvidersPanel, .ModelDropdown-module__kS178q__ModelsPanel {
    border: none;
    border-top: 1px solid var(--border-gray);
    border-radius: 0;
    width: 100%;
  }
}

/* [project]/exypnos/src/Components/Bernard/ChatArea.module.css [app-client] (css) */
.ChatArea-module__jKMuha__ChatArea {
  background-color: var(--chat-bg);
  height: 100%;
  color: var(--text-primary);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.ChatArea-module__jKMuha__Header {
  z-index: 50;
  background-color: var(--chat-bg);
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 0 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.ChatArea-module__jKMuha__HeaderNav {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ChatArea-module__jKMuha__NavLink {
  color: var(--text-secondary, #8e8e8e);
  border-radius: 9999px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .15s;
}

.ChatArea-module__jKMuha__NavLink:hover {
  color: var(--text-primary);
  background-color: var(--sidebar-hover, #ffffff1a);
}

.ChatArea-module__jKMuha__ThemeToggle {
  width: 36px;
  height: 36px;
  color: var(--text-secondary, #8e8e8e);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background-color .15s, color .15s;
  display: flex;
}

.ChatArea-module__jKMuha__ThemeToggle:hover {
  background-color: var(--sidebar-hover, #ffffff1a);
  color: var(--text-primary);
}

.ChatArea-module__jKMuha__Messages {
  padding: var(--space-4) var(--space-6);
  gap: var(--space-6);
  scrollbar-width: thin;
  scrollbar-color: #fff3 transparent;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.ChatArea-module__jKMuha__Messages::-webkit-scrollbar {
  width: 6px;
}

.ChatArea-module__jKMuha__Messages::-webkit-scrollbar-track {
  background: none;
}

.ChatArea-module__jKMuha__Messages::-webkit-scrollbar-thumb {
  background-color: #fff3;
  border-radius: 3px;
}

.ChatArea-module__jKMuha__EmptyState {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 120px;
  display: flex;
}

.ChatArea-module__jKMuha__EmptyTitle {
  font-size: var(--text-2xl);
  color: var(--text-primary);
  letter-spacing: -.01em;
  font-weight: 400;
}

.ChatArea-module__jKMuha__BrightTitle {
  background-image: linear-gradient(135deg, var(--gradient-start, #3b82f6) 0%, var(--gradient-end, #ec4899) 30%, var(--gradient-start, #3b82f6) 50%, var(--gradient-end, #ec4899) 80%, var(--gradient-start, #3b82f6) 100%);
  -webkit-text-fill-color: transparent;
  color: #0000;
  filter: drop-shadow(0 0 15px var(--gradient-start, #3b82f680));
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
  animation: 2s linear infinite ChatArea-module__jKMuha__titleGradientFlow;
}

@keyframes ChatArea-module__jKMuha__titleGradientFlow {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 200%;
  }
}

.ChatArea-module__jKMuha__InputContainer {
  max-width: 52rem;
  margin: 0 auto;
}

.ChatArea-module__jKMuha__InputArea {
  background-color: var(--chat-bg);
  z-index: 1050;
  flex-shrink: 0;
  width: 100%;
}

.ChatArea-module__jKMuha__Message {
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
  animation: .2s ChatArea-module__jKMuha__fadeIn;
}

@keyframes ChatArea-module__jKMuha__fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ChatArea-module__jKMuha__MessageUser {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.ChatArea-module__jKMuha__Paragraph {
  margin: 0 0 1em;
}

.ChatArea-module__jKMuha__MessageUser .ChatArea-module__jKMuha__MessageContent {
  background-color: var(--message-user-bg);
  color: var(--message-user-text);
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  border-radius: 26px 26px 4px;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 1.6;
  transition: width .2s, max-width .2s;
  display: flex;
}

.ChatArea-module__jKMuha__MessageEditing {
  width: 100%;
  align-self: center !important;
  align-items: stretch !important;
  max-width: 48rem !important;
}

.ChatArea-module__jKMuha__MessageEditing .ChatArea-module__jKMuha__MessageContent {
  width: 100%;
  max-width: 100%;
}

.ChatArea-module__jKMuha__EditContainer {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.ChatArea-module__jKMuha__EditTextArea {
  resize: none;
  width: 100%;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  background: none;
  border: none;
  outline: none;
  min-height: 48px;
  max-height: 200px;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  overflow-y: auto;
}

.ChatArea-module__jKMuha__EditTextArea::-webkit-scrollbar {
  width: 4px;
}

.ChatArea-module__jKMuha__EditTextArea::-webkit-scrollbar-track {
  background: none;
}

.ChatArea-module__jKMuha__EditTextArea::-webkit-scrollbar-thumb {
  background-color: #fff3;
  border-radius: 2px;
}

.ChatArea-module__jKMuha__EditButtons {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
  margin-right: -8px;
  display: flex;
}

.ChatArea-module__jKMuha__EditCancelButton, .ChatArea-module__jKMuha__EditSaveButton {
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.ChatArea-module__jKMuha__EditCancelButton {
  color: inherit;
  background-color: #0003;
}

.ChatArea-module__jKMuha__EditCancelButton:hover {
  background-color: #0000004d;
}

.ChatArea-module__jKMuha__EditSaveButton {
  color: #000;
  background-color: #fff;
}

.ChatArea-module__jKMuha__EditSaveButton:hover {
  opacity: .9;
}

.ChatArea-module__jKMuha__MessageAssistant {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent {
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 52rem;
}

.ChatArea-module__jKMuha__MarkdownBody {
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent h1 {
  margin-top: 1.25em;
  margin-bottom: .75em;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent h2 {
  margin-top: 1.1em;
  margin-bottom: .6em;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent h3 {
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent p {
  margin-bottom: 1em;
  line-height: 1.6;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent p:last-child {
  margin-bottom: 0;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent ul, .ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent ol {
  margin-bottom: 1em;
  padding-left: 1.5em;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent li {
  margin-bottom: .5em;
  line-height: 1.6;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent .ChatArea-module__jKMuha__math-display {
  margin-bottom: 1em;
  padding: .5em 0;
  overflow-x: auto;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5em 0;
  font-size: .95em;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent th {
  text-align: left;
  border-bottom: 2px solid var(--border-dark);
  color: var(--text-primary);
  background-color: #0000;
  padding: 12px 8px;
  font-weight: 600;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent td {
  border-bottom: 1px solid var(--border-gray);
  color: var(--text-secondary);
  background-color: #0000;
  padding: 12px 8px;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent tr:last-child td {
  border-bottom: none;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent tr:nth-child(2n) {
  background-color: #0000;
}

.ChatArea-module__jKMuha__MessageAssistant .ChatArea-module__jKMuha__MessageContent code:not(pre code) {
  background-color: #ffffff1a;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: Fira Code, Consolas, Monaco, monospace;
  font-size: .9em;
}

.ChatArea-module__jKMuha__AttachButton {
  width: 32px;
  height: 32px;
  color: var(--attach-button-color, #b4b4b4);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  transition: background-color .15s;
  display: flex;
}

.ChatArea-module__jKMuha__AttachButton:hover {
  background-color: var(--hover-bg, #ffffff1a);
  color: var(--text-primary, #ececec);
}

.ChatArea-module__jKMuha__FileInput {
  display: none;
}

.ChatArea-module__jKMuha__AttachmentWrapper {
  position: relative;
}

.ChatArea-module__jKMuha__AttachMenu {
  background-color: var(--dropdown-bg, #2f2f2f);
  border: 1px solid var(--dropdown-border, #404040);
  z-index: 100;
  border-radius: 12px;
  flex-direction: column;
  width: 240px;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 48px;
  left: 0;
  box-shadow: 0 8px 24px #0006;
}

.ChatArea-module__jKMuha__AttachMenu button {
  color: var(--text-primary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  display: flex;
}

.ChatArea-module__jKMuha__AttachMenu button:hover {
  background-color: var(--dropdown-hover, #404040);
}

.ChatArea-module__jKMuha__ThinkingBadge {
  background-color: color-mix(in srgb, var(--action-color, #3b82f6) 20%, transparent);
  color: var(--action-color, #3b82f6);
  border-radius: 10px;
  margin-left: auto;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.ChatArea-module__jKMuha__Checkmark {
  color: var(--action-color, #60a5fa);
  margin-left: auto;
}

.ChatArea-module__jKMuha__InputArea {
  padding: var(--space-2) var(--space-6) var(--space-4);
  background-color: var(--chat-bg);
  z-index: 20;
  position: relative;
}

.ChatArea-module__jKMuha__EmptyInputWrapper {
  z-index: 20;
  width: 100%;
  max-width: 52rem;
  margin-top: 40px;
  padding: 0 16px;
  position: relative;
}

.ChatArea-module__jKMuha__InputWrapper {
  background-color: var(--input-bg);
  border-radius: 20px;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  padding: 12px 10px;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
}

.ChatArea-module__jKMuha__InputWrapperWithImages .ChatArea-module__jKMuha__ImagePreview {
  flex: 0 0 100%;
}

.ChatArea-module__jKMuha__AttachmentWrapper {
  order: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.ChatArea-module__jKMuha__ThinkingWrapper, .ChatArea-module__jKMuha__SearchWrapper {
  order: 2;
  align-items: center;
  display: flex;
}

.ChatArea-module__jKMuha__SendWrapper {
  order: 4;
  align-items: center;
  display: flex;
}

.ChatArea-module__jKMuha__InputWrapperExpanded .ChatArea-module__jKMuha__TextArea {
  flex: 0 0 100%;
  order: 1;
  width: 100%;
  margin-bottom: 4px;
}

.ChatArea-module__jKMuha__InputWrapperExpanded .ChatArea-module__jKMuha__AttachmentWrapper {
  order: 2;
}

.ChatArea-module__jKMuha__InputWrapperExpanded .ChatArea-module__jKMuha__ThinkingWrapper, .ChatArea-module__jKMuha__InputWrapperExpanded .ChatArea-module__jKMuha__SearchWrapper {
  order: 3;
}

.ChatArea-module__jKMuha__InputWrapperExpanded .ChatArea-module__jKMuha__SendWrapper {
  order: 4;
  margin-left: auto;
}

.ChatArea-module__jKMuha__TextArea {
  width: auto;
  font-family: var(--font-body);
  color: var(--text-primary);
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: #fff3 transparent;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  order: 3;
  min-height: 24px;
  max-height: 200px;
  padding: 4px 0 4px 8px;
  font-size: 15px;
  line-height: 1.5;
  overflow-y: auto;
}

.ChatArea-module__jKMuha__TextArea::-webkit-scrollbar {
  width: 6px;
}

.ChatArea-module__jKMuha__TextArea::-webkit-scrollbar-track {
  background: none;
}

.ChatArea-module__jKMuha__TextArea::-webkit-scrollbar-thumb {
  background-color: #fff3;
  border-radius: 3px;
}

.ChatArea-module__jKMuha__TextArea::placeholder {
  color: var(--text-muted);
}

.ChatArea-module__jKMuha__SendButton {
  background-color: var(--send-button-bg, var(--text-muted));
  width: 32px;
  height: 32px;
  color: var(--send-button-icon, var(--surface-white));
  cursor: pointer;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.ChatArea-module__jKMuha__SendButtonActive {
  background-color: var(--text-primary);
}

.ChatArea-module__jKMuha__SendButton:hover:not(:disabled) {
  transform: scale(1.05);
}

.ChatArea-module__jKMuha__SendButton:disabled {
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .ChatArea-module__jKMuha__Messages {
    padding: var(--space-4);
  }

  .ChatArea-module__jKMuha__InputArea {
    padding: var(--space-3) var(--space-4) var(--space-4);
  }

  .ChatArea-module__jKMuha__Message {
    max-width: 100%;
  }

  .ChatArea-module__jKMuha__HeaderNav {
    display: none;
  }

  .ChatArea-module__jKMuha__Header {
    padding: 0 12px;
  }
}

.ChatArea-module__jKMuha__MobileHeaderLeft, .ChatArea-module__jKMuha__MobileHeaderRight {
  align-items: center;
  gap: 12px;
  display: none;
}

@media (max-width: 768px) {
  .ChatArea-module__jKMuha__MobileHeaderLeft, .ChatArea-module__jKMuha__MobileHeaderRight {
    display: flex;
  }
}

.ChatArea-module__jKMuha__HamburgerButton, .ChatArea-module__jKMuha__MobileMenuButton {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.ChatArea-module__jKMuha__HamburgerButton:hover, .ChatArea-module__jKMuha__MobileMenuButton:hover {
  color: var(--text-primary);
  background-color: #ffffff1a;
}

.ChatArea-module__jKMuha__MobileDropdown {
  background-color: var(--dropdown-bg, #1a1a1a);
  border: 1px solid var(--border-gray);
  z-index: 100;
  border-radius: 12px;
  flex-direction: column;
  width: 200px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 60px;
  right: 12px;
  box-shadow: 0 4px 20px #00000080;
}

.ChatArea-module__jKMuha__MobileDropdownItem {
  color: var(--text-primary);
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.ChatArea-module__jKMuha__MobileDropdownItem:hover {
  background-color: #ffffff1a;
}

.ChatArea-module__jKMuha__NewChatButton {
  background-color: var(--action-color, #60a5fa);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.ChatArea-module__jKMuha__ImagePreview {
  flex-wrap: wrap;
  order: 0;
  gap: 8px;
  width: calc(100% + 4px);
  margin: -4px -2px 4px;
  padding: 0;
  display: flex;
}

.ChatArea-module__jKMuha__ImagePreview img {
  object-fit: cover;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  width: 56px;
  height: 56px;
}

.ChatArea-module__jKMuha__RemoveImage {
  color: #fff;
  cursor: pointer;
  background-color: #000000b3;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: background-color .15s;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
}

.ChatArea-module__jKMuha__RemoveImage:hover {
  background-color: #dc2626cc;
}

.ChatArea-module__jKMuha__ImagePreviewItem {
  display: inline-block;
  position: relative;
}

.ChatArea-module__jKMuha__MessageImage {
  object-fit: cover;
  cursor: pointer;
  border-radius: 12px;
  width: 150px;
  height: 150px;
  margin-bottom: 8px;
  transition: transform .15s;
}

.ChatArea-module__jKMuha__MessageImage:hover {
  transform: scale(1.02);
}

.ChatArea-module__jKMuha__MessageImagesStack {
  width: fit-content;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.ChatArea-module__jKMuha__MessageImagesStack .ChatArea-module__jKMuha__MessageImageStacked {
  object-fit: cover;
  border: 2px solid var(--chat-bg);
  cursor: pointer;
  border-radius: 12px;
  width: 80px;
  height: 80px;
  transition: transform .15s;
}

.ChatArea-module__jKMuha__MessageImagesStack .ChatArea-module__jKMuha__MessageImageStacked:not(:first-child) {
  margin-left: -20px;
}

.ChatArea-module__jKMuha__MessageImagesStack .ChatArea-module__jKMuha__MessageImageStacked:hover {
  z-index: 10;
  transform: scale(1.05);
}

.ChatArea-module__jKMuha__MarkdownBody img {
  object-fit: contain;
  cursor: pointer;
  border-radius: 12px;
  max-width: 400px;
  max-height: 400px;
  margin: 8px 0;
  transition: transform .15s;
}

.ChatArea-module__jKMuha__MarkdownBody img:hover {
  transform: scale(1.02);
}

.ChatArea-module__jKMuha__CarouselArrow {
  width: 28px;
  height: 28px;
  color: var(--text-primary);
  cursor: pointer;
  background-color: #ffffff1a;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transition: background-color .15s;
  display: flex;
}

.ChatArea-module__jKMuha__CarouselArrow:hover {
  background-color: #fff3;
}

.ChatArea-module__jKMuha__ImageCount {
  color: var(--text-secondary);
  white-space: nowrap;
  margin-left: 8px;
  font-size: 12px;
}

/* [project]/exypnos/src/Components/Bernard/ThinkingSelector.module.css [app-client] (css) */
.ThinkingSelector-module__7BHG8a__Container {
  position: relative;
}

.ThinkingSelector-module__7BHG8a__ThinkChip {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 1px solid #0000;
  border-radius: 16px;
  align-items: center;
  gap: 0;
  height: 32px;
  padding: 0 8px 0 2px;
  font-family: inherit;
  font-size: 14px;
  transition: all .15s;
  display: flex;
}

.ThinkingSelector-module__7BHG8a__ThinkChipInactive {
  color: var(--text-secondary);
}

.ThinkingSelector-module__7BHG8a__ThinkChipActive {
  color: var(--thinking-color, #60a5fa);
}

.ThinkingSelector-module__7BHG8a__ThinkChipHovered {
  background-color: color-mix(in srgb, var(--thinking-color, #60a5fa) 10%, transparent);
  border-color: color-mix(in srgb, var(--thinking-color, #60a5fa) 30%, transparent);
  color: var(--thinking-color, #60a5fa);
}

.ThinkingSelector-module__7BHG8a__IconArea {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: background-color .1s;
  display: flex;
}

.ThinkingSelector-module__7BHG8a__IconArea:hover {
  background-color: #ffffff1a;
}

.ThinkingSelector-module__7BHG8a__IconAreaReadOnly, .ThinkingSelector-module__7BHG8a__IconAreaReadOnly:hover {
  cursor: default !important;
  background-color: #0000 !important;
}

.ThinkingSelector-module__7BHG8a__IconAreaDismiss:hover {
  background-color: color-mix(in srgb, var(--thinking-color, #60a5fa) 20%, transparent);
  color: var(--thinking-color, #60a5fa);
}

.ThinkingSelector-module__7BHG8a__TextArea {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 4px;
  font-weight: 500;
}

.ThinkingSelector-module__7BHG8a__Menu {
  background-color: var(--dropdown-bg, #2f2f2f);
  border: 1px solid var(--dropdown-border, #404040);
  z-index: 100;
  border-radius: 12px;
  min-width: 140px;
  padding: 6px;
  animation: .15s ThinkingSelector-module__7BHG8a__fadeIn;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 8px 24px #0006;
}

@keyframes ThinkingSelector-module__7BHG8a__fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, 4px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

.ThinkingSelector-module__7BHG8a__MenuItem {
  width: 100%;
  color: var(--text-primary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.ThinkingSelector-module__7BHG8a__MenuItem:hover {
  background-color: var(--dropdown-hover, #404040);
}

.ThinkingSelector-module__7BHG8a__MenuItemActive {
  color: var(--thinking-color, #60a5fa);
}

.ThinkingSelector-module__7BHG8a__MenuItemLabel {
  flex: 1;
}

.ThinkingSelector-module__7BHG8a__ThinkingInd.ThinkingSelector-module__7BHG8a__Divider {
  background-color: var(--dropdown-border, #1f1f1f);
  height: 1px;
  margin: 4px 0;
}

.ThinkingSelector-module__7BHG8a__ThinkingIndicator {
  color: var(--thinking-color, #60a5fa);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
}

.ThinkingSelector-module__7BHG8a__ThinkingIndicator:not(.ThinkingSelector-module__7BHG8a__ThinkingIndicatorComplete) .ThinkingSelector-module__7BHG8a__ThinkingText {
  background: linear-gradient(90deg, var(--gradient-start, #60a5fa) 0%, var(--gradient-end, #1d4ed8) 50%, var(--gradient-start, #60a5fa) 100%);
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2s ease-in-out infinite ThinkingSelector-module__7BHG8a__shimmer;
}

@keyframes ThinkingSelector-module__7BHG8a__shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.ThinkingSelector-module__7BHG8a__ThinkingText {
  font-weight: 500;
}

.ThinkingSelector-module__7BHG8a__ThinkingIndicatorComplete {
  color: var(--text-secondary);
}

.ThinkingSelector-module__7BHG8a__ThinkingIndicatorComplete .ThinkingSelector-module__7BHG8a__ThinkingText {
  -webkit-text-fill-color: currentColor;
  background: none;
}

.ThinkingSelector-module__7BHG8a__Chevron {
  flex-shrink: 0;
  transition: transform .2s;
}

.ThinkingSelector-module__7BHG8a__ChevronExpanded {
  transform: rotate(90deg);
}

.ThinkingSelector-module__7BHG8a__ThinkingContent {
  color: var(--text-secondary, #b4b4b4);
  border-left: 2px solid var(--thinking-color, #333);
  scrollbar-width: thin;
  scrollbar-color: var(--dropdown-border, #ffffff1a) transparent;
  max-height: 400px;
  margin: 4px 0 4px 6px;
  padding: 0 0 0 24px;
  font-size: 14px;
  line-height: 1.6;
  overflow-y: auto;
}

.ThinkingSelector-module__7BHG8a__ThinkingContentComplete {
  border-left: 2px solid var(--thought-quote-end-color, #444);
}

.ThinkingSelector-module__7BHG8a__ThinkingContent::-webkit-scrollbar {
  width: 6px;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent::-webkit-scrollbar-track {
  background: none;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent::-webkit-scrollbar-thumb {
  background: var(--dropdown-border, #444);
  border-radius: 4px;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent p {
  margin: 0 0 1em;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent p:last-child {
  margin-bottom: 0;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent ul, .ThinkingSelector-module__7BHG8a__ThinkingContent ol {
  margin: 0 0 1em;
  padding-left: 1.5em;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent li {
  margin-bottom: .5em;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent strong, .ThinkingSelector-module__7BHG8a__ThinkingContent h1, .ThinkingSelector-module__7BHG8a__ThinkingContent h2, .ThinkingSelector-module__7BHG8a__ThinkingContent h3, .ThinkingSelector-module__7BHG8a__ThinkingContent h4 {
  color: var(--thinking-bold-color, #888);
  font-weight: 600;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent h1, .ThinkingSelector-module__7BHG8a__ThinkingContent h2, .ThinkingSelector-module__7BHG8a__ThinkingContent h3 {
  margin-top: 1.25em;
  margin-bottom: .75em;
}

.ThinkingSelector-module__7BHG8a__ThinkingContent .ThinkingSelector-module__7BHG8a__math-display {
  margin-bottom: 1em;
  padding: .5em 0;
  overflow-x: auto;
}

/* [project]/exypnos/src/Components/Bernard/MessageActions.module.css [app-client] (css) */
.MessageActions-module__UmSw0W__ActionsContainer {
  width: 100%;
}

.MessageActions-module__UmSw0W__PrimaryActions {
  opacity: 1;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
  display: flex;
}

.MessageActions-module__UmSw0W__ActionButton {
  width: 32px;
  height: 32px;
  color: var(--ai-button-color, #e5e5e5);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .15s;
  display: flex;
}

.MessageActions-module__UmSw0W__ActionButton:hover {
  background-color: var(--hover-bg, #ffffff1a);
  color: var(--text-primary);
}

.MessageActions-module__UmSw0W__ActionButtonActive, .MessageActions-module__UmSw0W__ActionButtonActive:hover {
  color: var(--action-color, #60a5fa);
}

.MessageActions-module__UmSw0W__MenuContainer {
  position: relative;
}

.MessageActions-module__UmSw0W__Menu {
  background-color: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  z-index: 1000;
  border-radius: 10px;
  min-width: 160px;
  margin-bottom: 4px;
  padding: 4px;
  animation: .15s MessageActions-module__UmSw0W__dropdownFadeIn;
  position: absolute;
  bottom: 100%;
  left: 0;
  box-shadow: 0 4px 16px #0009;
}

@keyframes MessageActions-module__UmSw0W__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.MessageActions-module__UmSw0W__MenuItem {
  color: #ececec;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.MessageActions-module__UmSw0W__MenuItem:hover {
  background-color: var(--dropdown-hover, #1f1f1f);
}

.MessageActions-module__UmSw0W__MenuItem:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.MessageActions-module__UmSw0W__MenuItem svg {
  flex-shrink: 0;
}

.MessageActions-module__UmSw0W__LoadingSpinner {
  border: 2px solid #ffffff1a;
  border-top-color: #ececec;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: .8s linear infinite MessageActions-module__UmSw0W__spin;
}

.MessageActions-module__UmSw0W__SpinnerIcon {
  animation: 1s linear infinite MessageActions-module__UmSw0W__spin;
}

@keyframes MessageActions-module__UmSw0W__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.MessageActions-module__UmSw0W__UserActions {
  opacity: 1;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
  display: flex;
}

.MessageActions-module__UmSw0W__EditContainer {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.MessageActions-module__UmSw0W__EditTextArea {
  color: #ececec;
  resize: vertical;
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 12px;
  outline: none;
  width: 100%;
  min-height: 80px;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  transition: border-color .15s;
}

.MessageActions-module__UmSw0W__EditTextArea:focus {
  border-color: #555;
}

.MessageActions-module__UmSw0W__EditButtons {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.MessageActions-module__UmSw0W__EditCancelButton, .MessageActions-module__UmSw0W__EditSaveButton {
  cursor: pointer;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
}

.MessageActions-module__UmSw0W__EditCancelButton {
  color: #ececec;
  background: none;
  border: 1px solid #444;
}

.MessageActions-module__UmSw0W__EditCancelButton:hover {
  background-color: #ffffff1a;
}

.MessageActions-module__UmSw0W__EditSaveButton {
  color: #0a0a0a;
  background-color: #ececec;
  border: none;
}

.MessageActions-module__UmSw0W__EditSaveButton:hover {
  background-color: #fff;
}

.MessageActions-module__UmSw0W__RegenerateContainer {
  position: relative;
}

.MessageActions-module__UmSw0W__RegenerateMenu {
  background-color: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  z-index: 1000;
  border-radius: 10px;
  min-width: 220px;
  margin-bottom: 4px;
  padding: 4px;
  animation: .15s MessageActions-module__UmSw0W__dropdownFadeIn;
  position: absolute;
  bottom: 100%;
  left: 0;
  box-shadow: 0 4px 16px #0009;
}

.MessageActions-module__UmSw0W__RegenerateMenuItem {
  color: #ececec;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
  position: relative;
}

.MessageActions-module__UmSw0W__RegenerateMenuItem:hover {
  background-color: var(--dropdown-hover, #1f1f1f);
}

.MessageActions-module__UmSw0W__RegenerateMenuItemActive {
  color: var(--action-color, #60a5fa);
}

.MessageActions-module__UmSw0W__ModelLabel {
  color: #888;
  margin-left: auto;
  font-size: 12px;
}

.MessageActions-module__UmSw0W__ModelPickerPanels {
  z-index: 1001;
  align-items: flex-end;
  gap: 8px;
  margin-left: 8px;
  animation: .15s MessageActions-module__UmSw0W__dropdownFadeIn;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 100%;
}

.MessageActions-module__UmSw0W__ProvidersPanel, .MessageActions-module__UmSw0W__ModelsPanel {
  background-color: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  border-radius: 12px;
  flex-direction: column;
  gap: 2px;
  max-height: 400px;
  padding: 6px;
  display: flex;
  overflow-y: auto;
  box-shadow: 0 4px 20px #0006;
}

.MessageActions-module__UmSw0W__ProvidersPanel {
  width: 160px;
}

.MessageActions-module__UmSw0W__ModelsPanel {
  min-width: 240px;
}

.MessageActions-module__UmSw0W__ProviderItem {
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: var(--dropdown-text, #888);
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: all .1s;
  display: flex;
}

.MessageActions-module__UmSw0W__ProviderIconMasked {
  background-color: var(--icon-color);
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.MessageActions-module__UmSw0W__ProviderItem:hover {
  background-color: var(--dropdown-hover, #1f1f1f);
}

.MessageActions-module__UmSw0W__ProviderItemActive {
  background-color: var(--dropdown-hover, #1f1f1f);
  color: var(--dropdown-text-selected, #ececec);
  font-weight: 500;
}

.MessageActions-module__UmSw0W__ProviderName {
  flex: 1;
}

.MessageActions-module__UmSw0W__ModelItem {
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: var(--dropdown-text, #888);
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  font-family: inherit;
  transition: background-color .1s;
  display: flex;
}

.MessageActions-module__UmSw0W__ModelItem:hover {
  background-color: var(--dropdown-hover, #1f1f1f);
}

.MessageActions-module__UmSw0W__ModelName {
  color: var(--dropdown-text-selected, #ececec);
  font-size: 14px;
  font-weight: 500;
}

.MessageActions-module__UmSw0W__ModelDescription {
  color: var(--dropdown-text, #666);
  font-size: 12px;
}

/* [project]/exypnos/src/Components/Bernard/CodeBlock.module.css [app-client] (css) */
.CodeBlock-module__RkQtBG__Container {
  background-color: var(--code-bg, #0d0d0d);
  border: 1px solid var(--dropdown-border, #333);
  border-radius: .5rem;
  margin: 1rem 0;
  position: relative;
  overflow: hidden;
}

.CodeBlock-module__RkQtBG__Header {
  color: var(--text-secondary, #a1a1aa);
  background-color: #0000;
  border-bottom: none;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: .8rem;
  display: flex;
}

.CodeBlock-module__RkQtBG__Language {
  text-transform: lowercase;
  font-weight: 500;
}

.CodeBlock-module__RkQtBG__CopyButton {
  color: var(--text-secondary, #a1a1aa);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .4rem;
  font-size: .8rem;
  transition: color .2s;
  display: flex;
}

.CodeBlock-module__RkQtBG__CopyButton:hover {
  color: var(--text-primary, #fff);
}

.CodeBlock-module__RkQtBG__CopyIcon {
  width: 14px;
  height: 14px;
}

.CodeBlock-module__RkQtBG__SyntaxHighlighter {
  background-color: #0000 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  font-size: .9rem !important;
}

/* [project]/exypnos/src/Components/Bernard/ImageLightbox.module.css [app-client] (css) */
.ImageLightbox-module__22xYRW__Overlay {
  z-index: 1000;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  animation: .2s ImageLightbox-module__22xYRW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes ImageLightbox-module__22xYRW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ImageLightbox-module__22xYRW__Content {
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  position: relative;
}

.ImageLightbox-module__22xYRW__Image {
  object-fit: contain;
  border-radius: 8px;
  max-width: 90vw;
  max-height: 85vh;
  box-shadow: 0 20px 60px #00000080;
}

.ImageLightbox-module__22xYRW__CloseButton {
  width: 36px;
  height: 36px;
  color: var(--text-secondary, #8e8e8e);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background-color .15s, color .15s;
  display: flex;
}

.ImageLightbox-module__22xYRW__CloseButton:hover {
  background-color: var(--sidebar-hover, #ffffff1a);
  color: var(--text-primary, white);
}

.ImageLightbox-module__22xYRW__DownloadButton {
  height: 36px;
  color: var(--text-secondary, #8e8e8e);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.ImageLightbox-module__22xYRW__DownloadButton:hover {
  color: var(--text-primary, white);
  background-color: var(--sidebar-hover, #ffffff1a);
}

.ImageLightbox-module__22xYRW__HeaderButtons {
  z-index: 1001;
  align-items: center;
  gap: 8px;
  display: flex;
  position: fixed;
  top: 12px;
  right: 16px;
}

.ImageLightbox-module__22xYRW__NavArrow {
  color: #fff;
  cursor: pointer;
  z-index: 1001;
  background-color: #ffffff1a;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .15s;
  display: flex;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.ImageLightbox-module__22xYRW__NavArrow:hover {
  background-color: #fff3;
}

.ImageLightbox-module__22xYRW__NavArrow[data-direction="left"] {
  left: 20px;
}

.ImageLightbox-module__22xYRW__NavArrow[data-direction="right"] {
  right: 20px;
}

.ImageLightbox-module__22xYRW__Counter {
  color: #fff;
  z-index: 1001;
  background-color: #0009;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}

/* [project]/exypnos/src/Components/Bernard/SearchSelector.module.css [app-client] (css) */
.SearchSelector-module__LFftbW__Container {
  position: relative;
}

.SearchSelector-module__LFftbW__SearchChip {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 1px solid #0000;
  border-radius: 16px;
  align-items: center;
  gap: 0;
  height: 32px;
  padding: 0 8px 0 2px;
  font-family: inherit;
  font-size: 14px;
  transition: all .15s;
  display: flex;
}

.SearchSelector-module__LFftbW__SearchChipInactive {
  color: var(--text-secondary);
}

.SearchSelector-module__LFftbW__SearchChipActive {
  color: var(--search-color, #60a5fa);
}

.SearchSelector-module__LFftbW__SearchChipHovered {
  background-color: color-mix(in srgb, var(--search-color, #60a5fa) 10%, transparent);
  border-color: color-mix(in srgb, var(--search-color, #60a5fa) 30%, transparent);
  color: var(--search-color, #60a5fa);
}

.SearchSelector-module__LFftbW__IconArea {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: background-color .1s;
  display: flex;
}

.SearchSelector-module__LFftbW__IconArea:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.SearchSelector-module__LFftbW__IconAreaDismiss:hover {
  background-color: color-mix(in srgb, var(--search-color, #60a5fa) 20%, transparent);
  color: var(--search-color, #60a5fa);
}

.SearchSelector-module__LFftbW__TextArea {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 4px;
  font-weight: 500;
}

.SearchSelector-module__LFftbW__SearchingIndicator {
  color: var(--search-color, #60a5fa);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
}

.SearchSelector-module__LFftbW__SearchingIndicator:not(.SearchSelector-module__LFftbW__SearchingIndicatorComplete) .SearchSelector-module__LFftbW__SearchingText {
  background: linear-gradient(90deg, var(--gradient-start, #60a5fa) 0%, var(--gradient-end, #1d4ed8) 50%, var(--gradient-start, #60a5fa) 100%);
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2s ease-in-out infinite SearchSelector-module__LFftbW__shimmer;
}

@keyframes SearchSelector-module__LFftbW__shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.SearchSelector-module__LFftbW__SearchingText {
  font-weight: 500;
}

.SearchSelector-module__LFftbW__SearchingIndicatorComplete {
  color: var(--text-secondary);
}

.SearchSelector-module__LFftbW__SearchingIndicatorComplete .SearchSelector-module__LFftbW__SearchingText {
  -webkit-text-fill-color: currentColor;
  background: none;
}

/* [project]/exypnos/src/Components/Bernard/RateLimitBanner.module.css [app-client] (css) */
.RateLimitBanner-module__-4x85a__Banner {
  z-index: 1000;
  width: calc(100% - 32px);
  max-width: 52rem;
  font-family: var(--font-inter), sans-serif;
  border: 1px solid;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  animation: .2s ease-out RateLimitBanner-module__-4x85a__fadeIn;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 24px #0000004d;
}

.RateLimitBanner-module__-4x85a__Content {
  align-items: center;
  gap: 12px;
  display: flex;
}

.RateLimitBanner-module__-4x85a__InfoIcon {
  color: #d4d4d8;
  align-items: center;
  display: flex;
}

.RateLimitBanner-module__-4x85a__TextWrapper {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.RateLimitBanner-module__-4x85a__Title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.RateLimitBanner-module__-4x85a__Message {
  color: #a1a1aa;
  font-size: 13px;
}

.RateLimitBanner-module__-4x85a__Actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.RateLimitBanner-module__-4x85a__UpgradeButton {
  color: #000;
  cursor: pointer;
  background: #ececec;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: background .2s;
}

.RateLimitBanner-module__-4x85a__UpgradeButton:hover {
  background: #fff;
}

.RateLimitBanner-module__-4x85a__CloseButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: opacity .2s;
  display: flex;
}

.RateLimitBanner-module__-4x85a__CloseButton:hover {
  opacity: .7;
}

@keyframes RateLimitBanner-module__-4x85a__fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, 10px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

/*# sourceMappingURL=exypnos_src_Components_Bernard_b0e1aa8f._.css.map*/