/* ── Pending edit notice (editArticle page) ────────────────────────────── */
.pending-notice {
  background-color: #2a3a50;
  border-left: 4px solid #4a9edd;
  color: #a8d4f5;
  padding: 12px 20px;
  margin: 16px auto;
  border-radius: 6px;
  font-size: 0.95rem;
  max-width: 1000px;
  width: 90%;
  box-sizing: border-box;
}

.pending-notice-icon {
  margin-right: 8px;
}

/* ── Pending submission notice on article page ─────────────────────────── */
.pending-saved-notice {
  background-color: #2a3a50;
  border-left: 4px solid #4a9edd;
  color: #a8d4f5;
  padding: 12px 20px;
  margin-bottom: 18px;
  border-radius: 6px;
  font-size: 0.95rem;
}

/* ── Edit article button ────────────────────────────────────────────────── */
.edit-article-btn {
  display: inline-block;
  padding: 8px 18px;
  background-color: #2a3a50;
  color: #4a9edd;
  border: 1px solid #4a9edd;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.9rem;
  margin-top: 12px;
  transition: background-color 0.2s, color 0.2s;
}

.edit-article-btn:hover {
  background-color: #4a9edd;
  color: #fff;
}

/* Контейнер страницы: высота свободная, страница скроллится сама */
.page-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  margin-top: 24px;
  height: auto;
  padding-bottom: 80px;   /* отступ над футером */
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1500px;
  padding-inline: 20px;
  /* max-height убран — он обрезал контейнер и прятал содержимое за футером */
}

.new-article-container {
  max-width: 1000px;
  width: 90%;
  background-color: #20232a;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  flex-direction: column;
  display: flex;  
  height: auto; /* Изменено с height: 100% */  
  min-height: 500px;  
  overflow: visible; /* Изменено с overflow: hidden */ 
}

.new-article-container h1 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color: white;
}

.form-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.new-article-container label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1rem;
  color: white;
}

.new-article-container input[type="text"],
.new-article-container input[type="file"] {
  width: 97%;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
  background-color: #20232a;
  color: white;

}

input::placeholder {
  color: white; /* Серый цвет */
}

#texteditor-container {  
  border: 1px solid #ccc;  
  border-radius: 5px;  
  width: 100%;  
  background-color: #20232a;  
  overflow: hidden; /* Изменено с overflow-y: auto */  
  height: 400px; /* Фиксированная высота вместо max-height */  
  color: #a9a9a9;  
  display: flex;  
  flex-direction: column;  
}  

.new-article-container.hidden {
  opacity: 0;
  visibility: hidden;
}

.new-article-container.loaded {
  opacity: 1; /* Полностью видим */
  visibility: visible; /* Отображается */
  transition: opacity 2s ease forwards, visibility 2s ease;
}

/* Дублирующееся объявление удалено — оставлено первое выше */

.publish-button-container {
  display: flex;
  align-items: center;
  margin-top: 10vh;
}

.publish-button-container button {
  width: 180px;
  padding: 15px;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.publish-button-container button:hover {
  background-color: #0056b3;
}

.scrollable-editor {
  flex-grow: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  background-color: #ffffff;
  overflow-y: auto;
  max-height: calc(100vh - 350px);
}

.ql-container {  
  height: auto !important;  
  flex-grow: 1;  
  font-size: 1rem;  
}  

.ql-editor {  
  min-height: 300px;  
  max-height: 80vh;  
  overflow-y: auto !important;  
  height: auto !important;  
  padding: 15px;  
  box-sizing: border-box;  
  line-height: 1.6;  
  color: #dcdcdc;  
}

.ql-editor h1 {  
  font-size: 2em;  
  margin-bottom: 0.5em;  
  color: white;  
}  

.ql-editor h2 {  
  font-size: 1.5em;  
  margin-bottom: 0.5em;  
  color: white;  
}  

.ql-editor p {  
  margin-bottom: 1em;  
}

.ql-editor p img {  
  max-width: 100% !important;  
  height: auto !important;  
} 

ql-editor img {  
  max-width: 100%;  
  height: auto;  
  border-radius: 5px;  
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  
  margin: 20px 0;  
}  

.ql-editor img {  
  max-width: 100% !important;  
  height: auto !important;  
  border-radius: 5px;  
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  
  margin: 20px 0;  
  display: block;  
} 

.ql-editor a {  
  color: #007BFF;  
  text-decoration: none;  
}  

.ql-editor a:hover {  
  text-decoration: underline;  
}  

.ql-editor blockquote {  
  border-left: 4px solid #007BFF;  
  padding-left: 16px;  
  margin-left: 0;  
  color: #b6b5b5;  
}  

.ql-editor pre {  
  background-color: #2c303a;  
  border-radius: 5px;  
  padding: 10px;  
  overflow-x: auto;  
}  

.ql-editor code {  
  background-color: #2c303a;  
  padding: 2px 5px;  
  border-radius: 3px;  
  font-family: monospace;  
} 

.ql-toolbar {
  background-color: #20232a;
}

.ql-toolbar.ql-snow {  
  border: 1px solid #3d4252;  
  background-color: #2c303a;  
  color: #fff;  
  border-top-left-radius: 4px;  
  border-top-right-radius: 4px;  
  border-bottom: none;  
}

/* Убираем белую обводку у контейнера редактора Quill */  
.ql-container.ql-snow {  
  border: 1px solid #3d4252;  
  background-color: #1e2130;  
  color: #fff;  
  border-bottom-left-radius: 4px;  
  border-bottom-right-radius: 4px;  
  border-top: none;  
} 

.ql-editor iframe,   
.ql-editor video,  
.article-content iframe,  
.article-content video {  
  max-width: 100%;  
  display: block;  
  margin: 20px auto;  
  border: none;  
} 

/* Стили для кнопок действий */  
.editor-actions {  
  display: flex;  
  gap: 15px;  
  align-items: center;  
  justify-content: center;  
  width: 100%;  
  margin-top: 20px;  
  padding-top: 15px;  
  border-top: 1px solid #444;  
}  

.action-button {  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  gap: 8px;  
  padding: 12px 20px;  
  border-radius: 6px;  
  font-weight: 600;  
  cursor: pointer;  
  transition: all 0.2s ease;  
  border: 1px solid #3a3f48;  
  background-color: #2c303a;  
  color: #e0e0e0;  
  min-width: 150px;  
}  

.action-button:hover {  
  background-color: #343842;  
  transform: translateY(-2px);  
}  

.action-button.primary {  
  background-color: #007BFF;  
  border-color: #0056b3;  
}  

.action-button.primary:hover {  
  background-color: #0069d9;  
}  

.button-icon {  
  font-size: 16px;  
}

/* Модальное окно */  
.modal {  
  display: none;  
  position: fixed;  
  top: 0;  
  left: 0;  
  width: 100%;  
  height: 100%;  
  background-color: rgba(0, 0, 0, 0.7);  
  z-index: 1000;  
  overflow-y: auto;  
}  

.modal-content {  
  position: relative;  
  background-color: #1a1d23;  
  margin: 30px auto;  
  width: 75%; /* Немного шире, чтобы поместить статью 60vw */  
  max-width: 1200px;  
  border-radius: 10px;  
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);  
  animation: modalFadeIn 0.3s;  
}

.modal-header {  
  display: flex;  
  justify-content: space-between;  
  align-items: center;  
  padding: 15px 20px;  
  border-bottom: 1px solid #333;  
}  

.modal-header h2 {  
  margin: 0;  
  color: white;  
}  

.close-modal {  
  color: #aaa;  
  font-size: 28px;  
  font-weight: bold;  
  cursor: pointer;  
  transition: color 0.2s;  
}  

.close-modal:hover {  
  color: white;  
}  

.modal-body {  
  padding: 20px;  
  max-height: 80vh;  
  overflow-y: auto;  
  display: flex;  
  justify-content: center; /* Центрирование содержимого */  
}   

@keyframes modalFadeIn {  
  from { opacity: 0; transform: translateY(-20px); }  
  to { opacity: 1; transform: translateY(0); }  
}  

/* Preview inside modal: only override margin/visibility,
   all other styles come from articleStyle.css */
.article-page.preview {
  margin: 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
}

.custom-file-upload {  
  position: relative;  
  margin-bottom: 20px;  
  border: 2px dashed #444;  
  border-radius: 8px;  
  background-color: #2c303a;  
  overflow: hidden;  
} 

.custom-file-upload > label {  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
  justify-content: center;  
  padding: 20px;  
  background-color: rgba(48, 52, 63, 0.5);  
  border: 2px dashed #444;  
  border-radius: 8px;  
  cursor: pointer;  
  transition: all 0.3s ease;  
}  

.custom-file-upload > label:hover {  
  background-color: rgba(48, 52, 63, 0.8);  
  border-color: #666;  
}  

.custom-file-upload input[type="file"] {  
  position: absolute;  
  width: 0.1px;  
  height: 0.1px;  
  opacity: 0;  
  overflow: hidden;  
  z-index: -1;  
}  

.upload-area {  
  position: relative;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  min-height: 150px;  
  padding: 20px;  
  cursor: pointer; /* Добавляем курсор-указатель */  
} 

.upload-prompt {  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
  justify-content: center;  
  text-align: center;  
  width: 100%;  
  height: 100%;  
  transition: all 0.2s;  
  pointer-events: auto; /* Важно для корректной работы событий */  
  z-index: 1; /* Нужно для корректного срабатывания */  
}

.upload-icon {  
  font-size: 2rem;  
  margin-bottom: 10px;  
}  

.upload-text {  
  font-weight: bold;  
  margin-bottom: 5px;  
}  

.custom-file-upload small {  
  color: #999;  
  font-size: 0.8rem;  
}  

/* Контейнер для превью */  
#image-preview-container {  
  position: absolute;  
  top: 0;  
  left: 0;  
  width: 100%;  
  height: 100%;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  z-index: 2; 
  opacity: 0;  
  transition: opacity 0.3s;  
  pointer-events: none;
} 

#image-preview-container:not(:empty) {  
  opacity: 1;  
  background-color: rgba(0, 0, 0, 0.7);  
  pointer-events: auto; /* Активируем события только когда есть содержимое */  
} 

#image-preview-container img {  
  max-width: 80%;  
  max-height: 150px;  
  object-fit: contain;  
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);  
}  

#image-preview-container:not(:empty) + .upload-prompt {  
  opacity: 0.2;  
} 

/* Скрываем стандартный input file */  
input[type="file"] {  
  position: absolute;  
  width: 1px;  
  height: 1px;  
  padding: 0;  
  margin: -1px;  
  overflow: hidden;  
  clip: rect(0, 0, 0, 0);  
  border: 0;  
}

/* Стили для автосохранения */  
.autosave-status {  
  display: flex;  
  justify-content: flex-end;  
  margin-top: 10px;  
  font-size: 0.8rem;  
  color: #999;  
}  

#autosave-indicator {  
  display: inline-flex;  
  align-items: center;  
}  

#autosave-indicator.saving:before {  
  content: "⏳";  
  margin-right: 5px;  
}  

#autosave-indicator.saved:before {  
  content: "✓";  
  margin-right: 5px;  
  color: #4CAF50;  
}  

/* Стили для уведомлений */  
.notification {  
  position: fixed;  
  bottom: 20px;  
  right: 20px;  
  background-color: #007BFF;  
  color: white;  
  padding: 12px 20px;  
  border-radius: 6px;  
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);  
  transform: translateY(100px);  
  opacity: 0;  
  transition: all 0.3s ease;  
  z-index: 1000;  
}  

.notification.show {  
  transform: translateY(0);  
  opacity: 1;  
} 

@media (max-width: 768px) {  
  .editor-actions {  
    flex-direction: column;  
    width: 100%;  
  }  
  
  .action-button {  
    width: 100%;  
    margin-bottom: 8px;  
  }  
  
  .modal-content {  
    width: 95%;  
    margin: 10px auto;  
  }  
}  

/* Стили редактора — только для .ql-editor.
   Стили .article-content управляются через articleStyle.css (подключён на обеих страницах) */

.ql-editor h1 { font-size: 2em; margin-bottom: 0.5em; color: white; }
.ql-editor h2 { font-size: 1.5em; margin-bottom: 0.5em; color: white; }
.ql-editor p  { margin-bottom: 1em; }

.ql-editor a       { color: #dc3545; text-decoration: none; }
.ql-editor a:hover { text-decoration: underline; }

.ql-editor blockquote {
  border-left: 4px solid #dc3545;
  padding-left: 16px;
  margin-left: 0;
  color: #b6b5b5;
  font-style: italic;
}

.ql-editor pre {
  background-color: #13151e;
  border-radius: 5px;
  padding: 14px;
  overflow-x: auto;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  color: #abb2bf;
}

.ql-editor code {
  background-color: #1a1d26;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  color: #e06c75;
}

/* Стили для управления черновиками */  
.drafts-container {  
  width: 100%;  
}  

.drafts-actions {  
  display: flex;  
  gap: 10px;  
  margin-bottom: 20px;  
}  

.draft-input {  
  flex-grow: 1;  
  padding: 10px;  
  border-radius: 5px;  
  border: 1px solid #444;  
  background-color: #2c303a;  
  color: #e0e0e0;  
}  

.drafts-list-container {  
  background-color: #242830;  
  border-radius: 8px;  
  padding: 15px;  
  max-height: 50vh;  
  overflow-y: auto;  
}  

.drafts-list-container H3{  
  color: white;  
} 

.drafts-list {  
  display: flex;  
  flex-direction: column;  
  gap: 10px;  
}  

.draft-item {  
  display: flex;  
  justify-content: space-between;  
  align-items: center;  
  padding: 12px 15px;  
  background-color: #2c303a;  
  border-radius: 6px;  
  transition: all 0.2s ease;  
}  

.draft-item:hover {  
  background-color: #343842;  
}  

.draft-info {  
  flex-grow: 1;  
}  

.draft-title {  
  font-weight: bold;  
  font-size: 1.1rem;  
  margin-bottom: 5px;  
  color: #e0e0e0;  
}  

.draft-date {  
  font-size: 0.8rem;  
  color: #a9a9a9;  
}  

.draft-preview {  
  font-size: 0.9rem;  
  color: #b6b5b5;  
  margin-top: 8px;  
  overflow: hidden;  
  text-overflow: ellipsis;  
  display: -webkit-box;  
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;  
}  

.draft-actions {  
  display: flex;  
  gap: 10px;  
}  

.draft-actions button {  
  padding: 8px 12px;  
  border-radius: 5px;  
  border: none;  
  cursor: pointer;  
  font-size: 0.85rem;  
  transition: all 0.2s ease;  
}  

.draft-load {  
  background-color: #28a745;  
  color: white;  
}  

.draft-load:hover {  
  background-color: #218838;  
}  

.draft-delete {  
  background-color: #dc3545;  
  color: white;  
}  

.draft-delete:hover {  
  background-color: #c82333;  
}  

.no-drafts {  
  padding: 20px;  
  text-align: center;  
  color: #a9a9a9;  
  font-style: italic;  
}  

.auto-draft-tag {  
  display: inline-block;  
  background-color: #6c757d;  
  color: white;  
  font-size: 0.7rem;  
  padding: 2px 6px;  
  border-radius: 4px;  
  margin-left: 8px;  
  vertical-align: middle;  
}

.preview-tag {  
  display: inline-block;  
  background-color: #28a745;  
  color: white;  
  font-size: 0.7rem;  
  padding: 2px 6px;  
  border-radius: 4px;  
  margin-left: 8px;  
  vertical-align: middle;  
}  

.preview-remove {  
  position: absolute;  
  top: 10px;  
  right: 10px;  
  background: rgba(220, 53, 69, 0.8);  
  color: white;  
  border: none;  
  border-radius: 50%;  
  width: 30px;  
  height: 30px;  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  cursor: pointer;  
  transition: all 0.2s;  
}  

.preview-remove:hover {  
  background: rgba(220, 53, 69, 1);  
}  

/* Стили для панели уведомления о восстановлении черновика */  
.draft-recovery-notification {  
  position: fixed;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  background-color: #2c303a;  
  color: white;  
  padding: 15px 20px;  
  display: flex;  
  justify-content: space-between;  
  align-items: center;  
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);  
  z-index: 1000;  
  transform: translateY(100%);  
  transition: transform 0.3s ease;  
}  

.draft-recovery-notification.show {  
  transform: translateY(0);  
}  

.draft-recovery-content {  
  display: flex;  
  flex-direction: row;  
  align-items: center;  
  gap: 20px;  
  flex-grow: 1;  
}  

.draft-recovery-message {  
  font-size: 1rem;  
}  

.draft-recovery-buttons {  
  display: flex;  
  gap: 10px;  
}  

.draft-recovery-close {  
  background: none;  
  border: none;  
  color: #999;  
  font-size: 24px;  
  cursor: pointer;  
  padding: 0;  
  margin-left: 20px;  
}  

.draft-recovery-close:hover {  
  color: white;  
}  

@media (max-width: 768px) {  
  .draft-recovery-content {  
    flex-direction: column;  
    align-items: flex-start;  
    gap: 10px;  
  }  
}

/* Стилизация скроллбаров для WebKit-браузеров (Chrome, Safari, новые Edge) */  
::-webkit-scrollbar {  
  width: 12px;  
  height: 12px;  
}  

::-webkit-scrollbar-track {  
  background: #2c303a;  
  border-radius: 6px;  
}  

::-webkit-scrollbar-thumb {  
  background: #dc3545;  
  border-radius: 6px;  
  border: 2px solid #2c303a;  
}  

::-webkit-scrollbar-thumb:hover {  
  background: #e63946;  
}  

::-webkit-scrollbar-corner {  
  background: #2c303a;  
}  

/* Стилизация для Firefox */  
* {  
  scrollbar-width: thin;  
  scrollbar-color: #dc3545 #2c303a;  
}  

/* Дополнительные стили для конкретных элементов с прокруткой */  
.ql-editor,   
.drafts-list-container,   
.modal-body,  
.article-content {  
  scrollbar-width: thin;  
  scrollbar-color: #dc3545 #2c303a;  
}  

/* Стили для старых версий Edge */  
@supports (-ms-overflow-style: none) {  
  body {  
    -ms-overflow-style: auto;  
  }  
} 

/* Убираем белую обводку у поля заголовка */  
#title {  
  border: 1px solid #3d4252;  
  background-color: #20232a;  
  color: #fff;  
  border-radius: 4px;  
  transition: border-color 0.2s ease;  
  outline: none;  
}  

#title:focus {  
  border-color: #dc3545; /* Красная обводка при фокусе */  
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25);  
}

/* Стилизация при фокусе на редакторе */  
.ql-container.ql-snow:focus-within {  
  border-color: #dc3545;  
}  

/* Дополнительные стили для инструментов редактора */  
.ql-toolbar.ql-snow .ql-picker-label {  
  color: #ccc;  
}  

.ql-toolbar.ql-snow .ql-stroke {  
  stroke: #ccc;  
}  

.ql-toolbar.ql-snow .ql-fill {  
  fill: #ccc;  
}  

.ql-toolbar.ql-snow button:hover .ql-stroke,  
.ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke {  
  stroke: #dc3545;  
}  

.ql-toolbar.ql-snow button:hover .ql-fill,  
.ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill {  
  fill: #dc3545;  
}  

/* Стиль для активных кнопок в панели */  
.ql-toolbar.ql-snow .ql-active .ql-stroke {  
  stroke: #dc3545;  
}  

.ql-toolbar.ql-snow .ql-active .ql-fill {  
  fill: #dc3545;  
}  

/* Дополнительная стилизация для области загрузки превью */  
.custom-file-upload .upload-area {  
  border: 1px dashed #3d4252;  
  background-color: #20232a;
  transition: border-color 0.2s ease;  
}  

.custom-file-upload .upload-area:hover,  
.custom-file-upload .upload-area.highlight {  
  border-color: #dc3545;  
  background-color: rgba(220, 53, 69, 0.05);  
}  

/* Усиленное правило для удаления белой обводки у редактора */  
.ql-toolbar.ql-snow {  
  border: 1px solid #3d4252 !important;  
  border-bottom: none !important;  
}  

.ql-container.ql-snow {  
  border: 1px solid #3d4252 !important;  
  border-top: none !important;  
}  

/* Дополнительная фиксация для редактора */  
#texteditor-container {  
  border: 1px solid #3d4252 !important;  
  background-color: #20232a !important;  
}  

.ql-editor {  
  color: #fff !important;   
}  

/* Исправление возможных вложенных элементов с белой обводкой */  
.ql-editor * {  
  border-color: #3d4252 !important;  
} 

/* Стили для плейсхолдера (поддержка всех браузеров) */  
.ql-editor.ql-blank::before {  
  color: rgba(255, 255, 255, 0.6) !important;  
  font-style: italic;  
}  

/* Плейсхолдеры для других полей ввода */  
input::placeholder,  
textarea::placeholder {  
  color: rgba(255, 255, 255, 0.6) !important;  
  opacity: 1 !important;  
}  

/* Поддержка для разных браузеров */  
::-webkit-input-placeholder {  
  color: rgba(255, 255, 255, 0.6) !important;  
}  
::-moz-placeholder {  
  color: rgba(255, 255, 255, 0.6) !important;  
}  
:-ms-input-placeholder {  
  color: rgba(255, 255, 255, 0.6) !important;  
}  
:-moz-placeholder {  
  color: rgba(255, 255, 255, 0.6) !important;  
}

/* ── Tables inside Quill editor ─────────────────────────────────────────── */

/* Wrapper div — shown as a block, cursor cannot enter */
.ql-editor .ql-table-embed {
  display: block;
  margin: 1em 0;
  overflow-x: auto;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}

.ql-editor .ql-table-embed table,
.ql-editor table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}

.ql-editor .ql-table-embed th,
.ql-editor .ql-table-embed td,
.ql-editor th,
.ql-editor td {
  border: 1px solid #3d4252;
  padding: 6px 12px;
  text-align: left;
  vertical-align: top;
}

.ql-editor .ql-table-embed th,
.ql-editor th {
  background-color: #1a1d26;
  color: #e8e8e8;
  font-weight: 600;
}

.ql-editor .ql-table-embed tr:nth-child(even) td,
.ql-editor tr:nth-child(even) td {
  background-color: #1e2130;
}