/* ════════════════════════════════════════════════════════════════
   Раздел «Диалог» / виджет переписки (GetCourse talksWidget) — Otkroy.biz
   Палитра: ink #0C375E · gold #C7A46A · gold-deep #97743C
            ink-soft #9B9B9B · stroke #E7E1D6 · cream #F3EEE3 · row #FAF8F3
   Шрифты:  Manrope (UI/текст) · Oranienbaum (заголовок диалога)

   Все правила заскоуплены под .talks-widget-window (и .talks-widget-button),
   чтобы не задевать комментарии в уроках. Селекторы — реальные классы GC.
   ════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oranienbaum&display=swap');

.talks-widget-window{
  --d-ink:        #0C375E;
  --d-ink-2:      #0E3F6B;
  --d-ink-soft:   #7E8794;
  --d-gold:       #C7A46A;
  --d-gold-deep:  #97743C;
  --d-stroke:     #E7E1D6;
  --d-stroke-cool:#E4E7EB;
  --d-cream:      #F3EEE3;
  --d-row:        #FAF8F3;
  --d-canvas:     #F4F2EC;
  --d-paper:      #FFFFFF;

  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  background: var(--d-paper) !important;
  border-left: 1px solid var(--d-stroke) !important;
  box-shadow: -22px 0 60px -40px rgba(12,55,94,.55) !important;
}
.talks-widget-window *{ box-sizing: border-box; }

/* ─────────────────────────────────────────────────────────────
   ШАПКА
   ───────────────────────────────────────────────────────────── */
.talks-widget-window .talks-widget-header{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  padding: 0 64px;
  background: var(--d-paper);
  border-bottom: 1px solid var(--d-stroke);
  box-shadow: 0 10px 24px -22px rgba(12,55,94,.5);
}
/* золотая нить под шапкой */
.talks-widget-window .talks-widget-header::after{
  content: "";
  position: absolute;
  left: 24px; right: 24px; bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, rgba(199,164,106,0), var(--d-gold) 35%, var(--d-gold) 65%, rgba(199,164,106,0));
  opacity: .55;
}
.talks-widget-window .talks-widget-header .caption{
  font-family: "Oranienbaum", Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: .01em;
  color: var(--d-ink);
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* кнопки шапки (назад / закрыть) — мягкие квадраты */
.talks-widget-window .talks-widget-header .btn-back,
.talks-widget-window .talks-widget-header .btn-close{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--d-cream);
  color: var(--d-ink);
  font-size: 16px;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.talks-widget-window .talks-widget-header .btn-back{ left: 16px; }
.talks-widget-window .talks-widget-header .btn-close{ right: 16px; }
.talks-widget-window .talks-widget-header .btn-back:hover,
.talks-widget-window .talks-widget-header .btn-close:hover{
  background: var(--d-gold);
  color: #fff;
}
.talks-widget-window .talks-widget-header .btn-close:hover{
  background: var(--d-ink);
}

/* ─────────────────────────────────────────────────────────────
   ТЕЛО
   ───────────────────────────────────────────────────────────── */
.talks-widget-window .talks-widget-body{
  background: var(--d-canvas);
}

/* ─────────────────────────────────────────────────────────────
   СПИСОК ДИАЛОГОВ
   ───────────────────────────────────────────────────────────── */
.talks-widget-window .conversations-list{
  padding: 14px 14px 0;
  background: var(--d-canvas);
}
.talks-widget-window .conversation-annotate{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  margin-bottom: 10px;
  background: var(--d-paper);
  border: 1px solid var(--d-stroke);
  border-radius: 16px;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.talks-widget-window .conversation-annotate:hover{
  border-color: var(--d-gold);
  box-shadow: 0 12px 26px -20px rgba(12,55,94,.5);
  transform: translateY(-1px);
}
.talks-widget-window .conversation-annotate.active{
  border-color: var(--d-gold);
  background: var(--d-row);
  box-shadow: inset 3px 0 0 var(--d-gold);
}
.talks-widget-window .conversation-img-block{ flex: 0 0 auto; }
.talks-widget-window .conversation-img{
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(155deg, #18406B, #0C375E);
  overflow: hidden;
}
.talks-widget-window .conversation-img img{
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
  opacity: .92;
}
.talks-widget-window .conversation-data-block{ flex: 1 1 auto; min-width: 0; }
.talks-widget-window .conversation-title-block{ position: relative; }
.talks-widget-window .conversation-title{
  font-size: 15px;
  font-weight: 700;
  color: var(--d-ink);
}
.talks-widget-window .conversation-time{
  position: absolute;
  top: 1px; right: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--d-ink-soft);
}
.talks-widget-window .conversation-text{
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--d-ink-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.talks-widget-window .conversation-text span{ color: var(--d-ink); font-weight: 600; }
.talks-widget-window .conversation-fresh-comment-count{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--d-gold);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

/* подвал списка — кнопка нового разговора */
.talks-widget-window .conversation-list-footer{
  padding: 14px;
  background: var(--d-canvas);
}
.talks-widget-window .conversation-list-footer .btn-new{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  padding: 14px 20px;
  border: 0;
  border-radius: 14px;
  background: var(--d-gold);
  color: #fff;
  font: 700 15px/1 "Manrope", sans-serif;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 6px 18px -8px rgba(199,164,106,.6);
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.talks-widget-window .conversation-list-footer .btn-new:hover{
  background: #b8945a;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -10px rgba(199,164,106,.7);
}

/* ─────────────────────────────────────────────────────────────
   ВЫБРАННЫЙ ДИАЛОГ — ЛЕНТА СООБЩЕНИЙ
   ───────────────────────────────────────────────────────────── */
.talks-widget-window .selected-conversation,
.talks-widget-window .conversation-widget,
.talks-widget-window .comments-tree-wrapper{ background: var(--d-canvas); }

.talks-widget-window .comments-container{
  padding: 22px 22px 8px;
}

/* убираем «комментарийную» рамку, делаем пузыри чата */
.talks-widget-window .gc-comment{
  margin: 0 0 6px;
  border: 0;
  background: transparent;
}
.talks-widget-window .comment-wrapper,
.talks-widget-window .gc-comment .comment{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* строка сообщения: аватар + пузырь */
.talks-widget-window .gc-comment .comment{
  display: flex !important;
  align-items: flex-end;
  gap: 10px;
  margin: 10px 0;
  max-width: 100%;
  overflow: hidden;            /* гасим гориз. скролл от служебных блоков */
}
/* служебные JSON-блоки GC держим скрытыми (в них строки без пробелов,
   которые иначе распирают флекс-строку и дают горизонтальный скролл) */
.talks-widget-window .gc-comment .hide,
.talks-widget-window .gc-comment .comment > .settings,
.talks-widget-window .gc-comment .comment > .comment-user-settings-json{
  display: none !important;
}
/* флекс-детям разрешаем сжиматься ниже content-size */
.talks-widget-window .gc-comment .comment > *{ min-width: 0; }
.talks-widget-window .gc-comment .user-image-wrapper{
  flex: 0 0 auto;
  float: none !important;
  margin: 0 !important;
  width: 36px;
  height: 36px;
}
.talks-widget-window .gc-comment .user-image-wrapper img{
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  border: 1px solid var(--d-stroke);
  background: var(--d-cream);
}

/* контейнер текста = пузырь */
.talks-widget-window .gc-comment .title{
  display: none;            /* имя/«удалить» прячем в чате */
}
.talks-widget-window .gc-comment .text{
  position: relative;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 72%;
  padding: 11px 15px 9px;
  background: var(--d-paper) !important;
  border: 1px solid var(--d-stroke) !important;
  border-radius: 16px 16px 16px 5px;
  box-shadow: 0 8px 20px -18px rgba(12,55,94,.6);
  overflow: hidden;
}
/* сбрасываем «родной» пузырь GC на внутренних элементах сообщения */
.talks-widget-window .gc-comment .text .main,
.talks-widget-window .gc-comment .text .emoji-text,
.talks-widget-window .gc-comment .text-content,
.talks-widget-window .gc-comment .text .files{
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
}
.talks-widget-window .gc-comment .text .main,
.talks-widget-window .gc-comment .text-content{
  font-size: 14px;
  line-height: 1.5;
  color: var(--d-ink);
  overflow-wrap: break-word;
  word-break: break-word;
}
.talks-widget-window .gc-comment .comment-time{
  margin-top: 5px;
}
.talks-widget-window .gc-comment .comment-time .value{
  font-size: 11px !important;
  font-weight: 500;
  color: var(--d-ink-soft);
}

/* лайк/служебное — приглушаем, до ховера почти не видно */
.talks-widget-window .gc-comment .b-like-and-subscribe-notifications{
  display: inline;
}
.talks-widget-window .gc-comment .b-like .button.positive .html{
  font-size: 11px;
  color: var(--d-ink-soft);
}
.talks-widget-window .gc-comment .word-separator{ display: none; }

/* ── МОИ сообщения — справа, тёмно-синий пузырь ────────────────── */
.talks-widget-window .gc-comment.own-user-comment .comment{
  flex-direction: row-reverse;
}
.talks-widget-window .gc-comment.own-user-comment .text{
  background: var(--d-ink) !important;
  border-color: var(--d-ink) !important;
  border-radius: 16px 16px 5px 16px;
  box-shadow: 0 10px 24px -16px rgba(12,55,94,.7);
}
.talks-widget-window .gc-comment.own-user-comment .text .main,
.talks-widget-window .gc-comment.own-user-comment .text-content{
  color: #fff;
}
.talks-widget-window .gc-comment.own-user-comment .comment-time{
  text-align: right;
}
.talks-widget-window .gc-comment.own-user-comment .comment-time .value{
  color: rgba(255,255,255,.62);
}
.talks-widget-window .gc-comment.own-user-comment .user-image-wrapper img{
  border-color: var(--d-gold);
}
.talks-widget-window .gc-comment.own-user-comment .b-like .button.positive .html{
  color: rgba(255,255,255,.6);
}

/* разделитель «новые сообщения» / печатает */
.talks-widget-window .typing-text{
  padding: 4px 22px 10px;
  font-size: 12px;
  font-style: italic;
  color: var(--d-ink-soft);
}

/* ─────────────────────────────────────────────────────────────
   ФОРМА ОТПРАВКИ
   ───────────────────────────────────────────────────────────── */
.talks-widget-window .comment-form-wrapper,
.talks-widget-window .new-comment{
  background: var(--d-paper);
  border-top: 1px solid var(--d-stroke);
}
.talks-widget-window .new-comment form{
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding: 16px 20px 18px;
}
/* прячем аватар-подсказку и служебные скрытые элементы формы */
.talks-widget-window .new-comment > form > .user-image-wrapper{ display: none; }
.talks-widget-window .new-comment .hide,
.talks-widget-window .new-comment .settings-value,
.talks-widget-window .new-comment .comment-attach-file-link{ display: none !important; }

.talks-widget-window .new-comment .textarea-block{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;            /* пустой file-uploader уходит на свою строку, не жмёт поле */
  align-items: flex-end;
  gap: 8px;
}
.talks-widget-window .new-comment .emoji-container{
  position: relative;
  flex: 1 1 220px;            /* поле ввода тянется на всю ширину */
  min-width: 0;
  display: flex;
  align-items: flex-end;
  background: var(--d-row);
  border: 1px solid var(--d-stroke);
  border-radius: 16px;
  padding: 4px 12px 4px 16px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.talks-widget-window .new-comment .emoji-container:focus-within{
  border-color: var(--d-gold);
  background: var(--d-paper);
  box-shadow: 0 0 0 3px rgba(199,164,106,.16);
}
.talks-widget-window .new-comment .emoji-textarea,
.talks-widget-window .new-comment .new-comment-textarea{
  flex: 1 1 auto;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  resize: none;
  padding: 9px 0 !important;
  font: 400 14px/1.45 "Manrope", sans-serif !important;
  color: var(--d-ink) !important;
  box-shadow: none !important;
}
.talks-widget-window .new-comment .emoji-textarea::placeholder{ color: var(--d-ink-soft); }

/* иконки скрепка / эмодзи */
.talks-widget-window .new-comment .emoji-button,
.talks-widget-window .new-comment .attach-file-button-container{
  flex: 0 0 auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 38px;
  color: var(--d-ink-soft);
  cursor: pointer;
  transition: color .15s ease;
}
.talks-widget-window .new-comment .emoji-button:hover,
.talks-widget-window .new-comment .attach-file-button-container:hover{ color: var(--d-gold); }
.talks-widget-window .new-comment .emoji-button .fa{ font-size: 18px; }
.talks-widget-window .new-comment .uploadifive-button{
  background: transparent !important;
  color: var(--d-ink-soft) !important;
  width: 18px !important;
}
.talks-widget-window .new-comment .uploadifive-button .glyphicon{ font-size: 16px; }

/* кнопка «Отправить» — золотой круг-пилюля */
.talks-widget-window .new-comment .btn-send{
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 46px;
  padding: 0 22px;
  border: 0 !important;
  border-radius: 999px;
  background: var(--d-gold) !important;
  color: #fff !important;
  font: 700 14px/1 "Manrope", sans-serif !important;
  letter-spacing: .02em;
  text-transform: none;
  cursor: pointer;
  box-shadow: 0 6px 18px -8px rgba(199,164,106,.65);
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.talks-widget-window .new-comment .btn-send:hover{
  background: #b8945a !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -10px rgba(199,164,106,.7);
}
.talks-widget-window .new-comment .btn-send .fa{ font-size: 14px; }

/* очередь загрузки файлов — отдельной строкой под полем, пустая — без высоты */
.talks-widget-window .new-comment .file-uploader{
  order: 9;
  flex: 1 1 100%;
}
.talks-widget-window .new-comment .file-uploader:empty{ display: none; }
/* порядок в строке: поле → скрепка → «Отправить» */
.talks-widget-window .new-comment .emoji-container{ order: 1; }
.talks-widget-window .new-comment .attach-file-button-container{ order: 2; }
.talks-widget-window .new-comment .btn-send{ order: 3; }

/* ─────────────────────────────────────────────────────────────
   НОВЫЙ РАЗГОВОР — ВЫБОР ОТДЕЛА
   ───────────────────────────────────────────────────────────── */
.talks-widget-window .new-conversation{ background: var(--d-canvas); }
.talks-widget-window .respondent-list{ padding: 18px 16px; }
.talks-widget-window .respondent-annotate{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 18px;
  margin-bottom: 12px;
  background: var(--d-paper);
  border: 1px solid var(--d-stroke);
  border-radius: 16px;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.talks-widget-window .respondent-annotate::before{
  content: "";
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--d-cream) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23C7A46A" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>') center/22px no-repeat;
}
.talks-widget-window .respondent-annotate:hover{
  border-color: var(--d-gold);
  box-shadow: 0 12px 26px -20px rgba(12,55,94,.5);
  transform: translateY(-1px);
}
.talks-widget-window .respondent-annotate:hover::before{ background-color: var(--d-ink); }
.talks-widget-window .respondent-annotate:hover::before{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>');
}
.talks-widget-window .respondent-title{
  font-size: 16px;
  font-weight: 700;
  color: var(--d-ink);
}

/* ─────────────────────────────────────────────────────────────
   ПЛАВАЮЩАЯ КНОПКА-ЛАУНЧЕР
   ───────────────────────────────────────────────────────────── */
.talks-widget-button{
  background: var(--d-gold, #C7A46A) !important;
  box-shadow: 0 14px 30px -10px rgba(199,164,106,.65) !important;
}

/* ─────────────────────────────────────────────────────────────
   АДАПТИВ
   ───────────────────────────────────────────────────────────── */
@media (max-width: 620px){
  .talks-widget-window .comments-container{ padding: 16px 14px 6px; }
  .talks-widget-window .gc-comment .text{ max-width: 82%; }
  .talks-widget-window .talks-widget-header .caption{ font-size: 19px; }
  .talks-widget-window .new-comment form{ padding: 12px 14px 14px; }
  .talks-widget-window .new-comment .btn-send{ padding: 0 16px; }
}

/* ════════════════════════════════════════════════════════════════
   ПРАВКИ ПО СКРИНУ (полностраничный диалог /pl/talks/conversation)
   На широком макете лента шире, чем виджет, — донастраиваем.
   ════════════════════════════════════════════════════════════════ */

/* ① Кнопка-гамбургер слева — в один стиль с крестиком (кремовый квадрат) */
.talks-widget-window .talks-widget-header .btn-menu,
.talks-widget-window .talks-widget-header .menu-button,
.talks-widget-window .talks-widget-header .navbar-toggle,
.talks-widget-window .talks-widget-header [class*="menu"]{
  position: absolute;
  top: 50%; left: 16px;
  transform: translateY(-50%);
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px;
  border-radius: 12px;
  background: var(--d-cream) !important;
  color: var(--d-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.talks-widget-window .talks-widget-header .btn-menu:hover,
.talks-widget-window .talks-widget-header .menu-button:hover,
.talks-widget-window .talks-widget-header .navbar-toggle:hover{
  background: var(--d-ink) !important;
  color: #fff !important;
}

/* ②③ Аватары у сообщений — прижать к нижнему краю пузыря, убрать «парение».
   В чате аватар на каждом сообщении не нужен — оставляем чистую ленту. */
.talks-widget-window .gc-comment .comment{ align-items: flex-end; }
.talks-widget-window .gc-comment .user-image-wrapper{
  align-self: flex-end !important;
  margin-bottom: 20px !important;   /* поднимаем к низу пузыря, над строкой времени */
}
/* Если аватары-силуэты не нужны — раскомментируйте, лента станет как в мессенджере:
.talks-widget-window .gc-comment .user-image-wrapper{ display: none !important; }
.talks-widget-window .gc-comment .text{ max-width: 78%; }
*/

/* ⑤ Иконка эмодзи — не прижимать к краю поля, дать воздух справа */
.talks-widget-window .new-comment .emoji-container{ padding-right: 6px; }
.talks-widget-window .new-comment .emoji-button{ margin-right: 2px; }

/* ④⑥ Скрепка-загрузка налезает на «Отправить» — возвращаем в поток,
   ставим отдельной иконкой слева от кнопки, без абсолютного позиционирования */
.talks-widget-window .new-comment .attach-file-button-container,
.talks-widget-window .new-comment .file-uploader-container,
.talks-widget-window .new-comment .uploadifive-button,
.talks-widget-window .new-comment .uploadifive{
  position: static !important;
  top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
  margin: 0 !important;
  float: none !important;
}
.talks-widget-window .new-comment .attach-file-button-container{
  width: 38px !important;
  height: 46px !important;
  align-self: flex-end;
}
/* кнопке «Отправить» — гарантированно своя зона, ничего сверху не накладывается */
.talks-widget-window .new-comment .btn-send{ position: relative; z-index: 1; }
.talks-widget-window .new-comment form{ position: relative; }

.talks-widget-window .btn-back.fa.fa-bars {
    height: 20px;
}

.conversation-widget .comment-wrapper .comment .user-image-wrapper {
    width: 40px;
}

.talks-widget-window .emoji-button {
    top:0;
}


.talks-widget-window .emoji-wysiwyg-editor {
    border:none;
    background: transparent!important;
}

.talks-widget-window .comments-tree .level-1 > .comment-wrapper > .comment > .text .text-content {
      font-size: 1cqw!important; 
}

.talks-widget-window .comments-tree .level-1 > .comment-wrapper > .comment > .text .value {
          font-size: .9cqw!important; 
}

.talks-widget-window .emoji-container textarea {
    min-height: 50px!important;
}

.talks-widget-window {
    left:0!important;
    width: 100%!important;
}



@media (max-width:1200px) {
    .talks-widget-window .comments-tree .level-1 > .comment-wrapper > .comment > .text .text-content {
      font-size: 14px!important; 
}

.talks-widget-window .comments-tree .level-1 > .comment-wrapper > .comment > .text .value {
          font-size: 12px!important; 
}

}

@media (max-width:420px) {
    .talks-widget-window .new-comment .attach-file-button-container {
        display: none!important;
    }
    
    .talks-widget-window .new-comment .textarea-block {
        justify-content: flex-end!important;
    }
    
   .talks-widget-window .conversation-data-block {
        margin-left: 0!important;
    }
    
    .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time, .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-fresh-comment-count {
        position: static!important;
    }
    
   .talks-widget-window .conversation-img-block {
        display: none!important;
    }
}


.lesson_css .gc-main-content.with-left-menu .container {
    max-width: 1300px!important;
    width: 100%!important;
}

.lesson-mission-wrapper .why-no-form {
    display: none!important;
}

@media (max-width:820px) {
    .body_user .gc-topnav.is-open .gc-topnav__menu {
    background: #fff;
    padding: 20px;
    border-radius: 0 0 20px 20px!important;
    width: 100%!important;
    max-width: 100%!important;
    margin-top: -10px;
}

.gc-topnav.is-open {
    padding-left: 0;
    padding-right: 0;
}

.gc-topnav.is-open .gc-topnav__brand {
    margin-left: 20px;
}

.gc-topnav.is-open .gc-topnav__burger {
    right: 20px;
    position: relative;
}
}


.answer-form-inner {
      color: var(--ink) !important;
}

@media (max-width:556px) {
  .center-block .btn-save-draft {
    margin-left: 0;
    display: block;
    margin-top: 20px;
  }
  
 .self-answers .answer-form-inner .btn , .self-answers .answer-form-inner .btn-link{
    width: 100%!important;
    max-width:100%!important;
  }
  
  .body_user #gcAccountUserMenu {
    display: none!important;
  }
}

.gc-dupe-hidden {
 display:block!important;   
}

.talks-widget-button {
  display: none;
}

.comment .uploadifive-button input, .comment-form-wrapper .uploadifive-button input {
    max-width: 50px!important;
    position: relative!important;
    z-index: 3123123123213123dassads!important;
    display: block!important;
    top:-30px!important;
    left: -10px!important;
    cursor: pointer!important;
}


.talks-widget-window .new-comment .attach-file-button-container {
    cursor: pointer!important;
    position: relative!important;
    left: -95px!important;
    top: -25px!important;
}

@media (max-width:768px) {
    .talks-widget-window .new-comment .attach-file-button-container {
    top: 5px!important;
        left: -55px!important;
}
    .talks-widget-window .new-comment .textarea-block {
        display: block!important;
    }
    
       .talks-widget-window .new-comment .attach-file-button-container {
        top: 35% !important;
        left: auto !important;
           right:0%!important;
        position: absolute!important;
           display: block!important;
    } 
    
    
}