@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Roboto/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2?v=tgme-20260726ad") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Roboto/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2?v=tgme-20260726ad") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2?v=tgme-20260726ad") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2?v=tgme-20260726ad") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
}

body {
  --search-anim-dur: 0.2s;
  --text-color: #000000;
  --second-color: #7d7f81;
  --accent-color: #2481cc;
  --accent-background: #2481cc1f;
  --accent-line-color: #4ca3e2;
  --line-gradient: linear-gradient(var(--accent-color), var(--accent-color));
  --accent-btn-color: #2481cc;
  --accent-btn-bghover: #e6f1f7;
  --bubble-bgcolor: #ffffff;
  --bubble-border-color: #d7e3ec;
  --voice-progress-bgcolor: #d3dbe4;
  --box-bg: #ffffff;
  --box-bg-blured: rgba(255, 255, 255, 0.84);
  --views-icon-svg: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%238197af%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  --service-bg-blured: #4A8E3A8C;
  --highlight-bg: rgba(255, 255, 255, 0.4);
  --bgcolor5-top: #72d5fd;
  --bgcolor5-bottom: #2a9ef1;
  min-width: 300px;
  margin: 0;
  padding: 0;
  color: var(--text-color);
  background-color: #e5ebef;
  font: 16px/1.3125 Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.twallpaper {
  background-color: transparent;
}

* {
  box-sizing: border-box;
}

a,
a:hover {
  color: var(--accent-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.sr-only,
.copyonly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.tgme_background_wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

body.twallpaper .tgme_background_wrap,
body.custom-solid-bg .tgme_background_wrap,
body.custom-image-bg .tgme_background_wrap {
  display: block;
}

.tgme_background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

body.custom-solid-bg .tgme_background_wrap {
  background-color: var(--tgme-custom-bg, #e5ebef);
}

body.custom-image-bg .tgme_background_wrap {
  background-image: var(--tgme-custom-bg-image);
  background-color: #e5ebef;
  background-size: cover;
  background-position: center;
}

body.custom-solid-bg .tgme_background,
body.custom-image-bg .tgme_background {
  display: none;
}

.tgme_background_pattern {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  opacity: 0.3;
  background: url("../img/tg-wallpaper-pattern.svg") center repeat;
  background-size: 420px auto;
}

body.custom-solid-bg .tgme_background_pattern,
body.custom-image-bg .tgme_background_pattern {
  display: none;
}

.tgme_container {
  position: relative;
  box-sizing: content-box;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 6px;
}

.tgme_header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  height: 48px;
  background: var(--box-bg-blured);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(25px);
}

.tgme_header .tgme_container {
  padding: 0 12px;
}

.tgme_header_search {
  position: absolute;
  left: calc(100% - 336px);
  right: 0;
  z-index: 1;
  height: 48px;
  margin: 0 12px;
  padding: 6px 0;
  transition: left var(--search-anim-dur) ease, right var(--search-anim-dur) ease;
  transition-delay: var(--search-anim-dur);
}

.tgme_header_search_form {
  position: relative;
  margin: 0;
}

.tgme_header_search_form_icon {
  position: absolute;
  margin: 8px;
  pointer-events: none;
}

.tgme_header_search_form_icon circle,
.tgme_header_search_form_icon path {
  transition: all var(--search-anim-dur) ease;
}

.tgme_header_search_form_input {
  width: 100%;
  height: 36px;
  margin: 0;
  border: 0;
  border-radius: 8px;
  padding: 8px 36px;
  color: var(--text-color);
  background-color: rgba(125, 127, 129, 0.1);
  font: 14px/21px Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  outline: 0;
  transition:
    background-color var(--search-anim-dur) ease,
    color var(--search-anim-dur) ease var(--search-anim-dur),
    padding-left var(--search-anim-dur) ease;
}

.tgme_header_search_form_input::placeholder {
  color: var(--second-color);
}

.tgme_header_search_form_clear {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  width: 20px;
  height: 20px;
  color: #7d7f81;
  opacity: .68;
}

.tgme_header_search_form.has_value .tgme_header_search_form_clear {
  display: block;
}

.tgme_header_info {
  max-width: calc(100% - 336px);
  transition: opacity var(--search-anim-dur) ease, visibility var(--search-anim-dur) ease;
}

.tgme_header_link {
  display: block;
  height: 48px;
  overflow: hidden;
  padding: 6px 0;
}

.tgme_header_link:hover {
  text-decoration: none;
}

.tgme_page_photo_image,
.tgme_page_photo_image img,
.tgme_widget_message_user_photo,
.tgme_widget_message_user_photo img {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  vertical-align: top;
}

.tgme_page_photo_image,
.tgme_widget_message_user_photo {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 8px 0 0;
  color: #fff;
  background: linear-gradient(180deg, var(--bgcolor5-top), var(--bgcolor5-bottom));
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 37px;
  text-align: center;
  text-transform: uppercase;
}

.tgme_page_photo_image::before,
.tgme_widget_message_user_photo::before {
  content: attr(data-content);
}

.tgme_page_photo_image img,
.tgme_widget_message_user_photo img {
  position: absolute;
  top: 0;
  left: 0;
}

.tgme_header_title_wrap {
  display: flex;
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}

.tgme_header_title {
  overflow: hidden;
  margin: 0;
  color: var(--text-color);
  font: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_header_counter {
  overflow: hidden;
  margin: -1px 0 2px;
  color: var(--second-color);
  font-size: 12px;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_channel_join_telegram {
  float: right;
  margin: 9px 2px 9px 12px;
  height: 30px;
  border-radius: 8px;
  padding: 7px 14px 5px;
  color: #fff !important;
  background: var(--accent-btn-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}

.tgme_header_right_column {
  position: absolute;
  top: 79px;
  right: 0;
  z-index: 1;
  width: 312px;
  margin: 0 12px;
  transition: width 0.3s ease;
}

.tgme_right_column {
  transition: opacity 0.2s ease;
}

.tgme_channel_info {
  overflow: hidden;
  border-radius: 10px;
  padding: 16px;
  color: var(--text-color);
  background: var(--box-bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.tgme_channel_custom_block {
  margin-top: 12px;
  border-radius: 8px;
  padding: 16px;
}

.tgme_channel_custom_block h3 {
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e6e6;
  color: #222;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

.tgme_channel_custom_block_body {
  color: #707579;
  font-size: 14px;
  line-height: 20px;
}

.tgme_channel_info_header {
  min-height: 72px;
}

.tgme_channel_info_header .tgme_page_photo_image,
.tgme_channel_info_header .tgme_page_photo_image img {
  width: 72px;
  height: 72px;
  border-radius: 36px;
  margin-right: 12px;
}

.tgme_channel_info_header .tgme_page_photo_image {
  font-size: 29px;
  line-height: 73px;
}

.tgme_channel_info_header_title_wrap {
  display: flex;
  padding-top: 17px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.tgme_channel_info_header_title {
  overflow: hidden;
  color: var(--text-color);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_channel_info_header_username {
  overflow: hidden;
  padding: 2px 0 16px;
  color: var(--second-color);
  font-size: 14px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_channel_info_counters {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-top: 16px;
  white-space: nowrap;
}

.tgme_channel_info_counter {
  display: inline-block;
  flex-basis: 25%;
  box-sizing: border-box;
  padding-right: 20px;
  vertical-align: top;
  white-space: normal;
}

.counter_value {
  display: inline-block;
  width: 100%;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.counter_type {
  display: inline-block;
  margin-top: 3px;
  color: var(--second-color);
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  vertical-align: top;
}

.tgme_channel_info_description {
  margin-top: 14px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 21px;
  word-break: break-word;
}

.tgme_channel_download_telegram {
  display: block;
  margin-top: 14px;
  border-radius: 8px;
  padding: 10px 15px;
  color: #fff !important;
  background: var(--accent-btn-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
}

.tgme_channel_download_telegram_icon,
.tgme_channel_join_telegram_icon {
  margin-right: 12px;
  vertical-align: text-top;
}

.tgme_channel_join_telegram_icon {
  margin-right: 6px;
}

.tgme_footer {
  display: flex;
  justify-content: center;
  gap: 19px;
  margin: 18px -4px 0;
}

.tgme_footer h5 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.tgme_footer a {
  color: #707579;
}

.tgme_channel_download_telegram:hover,
.tgme_channel_join_telegram:hover {
  text-decoration: none;
}

#sidebar-toggle {
  display: none;
  position: absolute;
  top: 80px;
  left: -20px;
  z-index: 10;
  display: flex;
  width: 20px;
  height: 44px;
  border: 0;
  border-radius: 6px 0 0 6px;
  align-items: center;
  justify-content: center;
  color: var(--second-color);
  background: var(--box-bg);
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

#sidebar-toggle-icon {
  display: block;
  font-size: 24px;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

body.sidebar-collapsed .tgme_header_right_column {
  width: 0;
}

body.sidebar-collapsed .tgme_right_column {
  opacity: 0;
  pointer-events: none;
}

body.sidebar-collapsed #sidebar-toggle-icon {
  transform: rotate(0);
}

.tgme_main {
  position: relative;
  z-index: 1;
  padding-top: 62px;
}

.tgme_main .tgme_container {
  transition: padding-right 0.3s ease;
}

body.sidebar-collapsed .tgme_main .tgme_container,
body.sidebar-disabled .tgme_main .tgme_container {
  padding-right: 6px;
}

.post-list,
.post-detail,
.site-feed {
  display: block;
}

.tgme_webpreview .post-list,
.tgme_webpreview .post-detail,
.tgme_webpreview .site-feed {
  margin-right: 332px;
}

body.sidebar-collapsed .post-list,
body.sidebar-collapsed .post-detail,
body.sidebar-collapsed .site-feed,
body.sidebar-collapsed .not-found-page,
body.sidebar-disabled .post-list,
body.sidebar-disabled .post-detail,
body.sidebar-disabled .site-feed,
body.sidebar-disabled .not-found-page {
  margin-right: 0;
}

.tgme_widget_message_wrap {
  position: relative;
  padding: 3px 0;
  scroll-margin-top: 56px;
}

.tgme_widget_message {
  display: inline-block;
  position: relative;
  max-width: 100%;
  min-height: 36px;
  padding-right: 6px;
  color: var(--text-color);
  box-sizing: border-box;
}

.tgme_widget_message_user {
  float: left;
}

.tgme_widget_message_user .tgme_widget_message_user_photo {
  margin-right: 0;
}

.tgme_widget_message_user a {
  display: inline-block;
  border-radius: 18px;
}

.tgme_widget_message_bubble {
  position: relative;
  box-sizing: content-box;
  min-height: 36px;
  margin-left: 45px;
  border: 0;
  border-radius: 0 10px 10px 10px;
  max-width: 419px;
  width: 419px;
  padding: 4px 9px;
  color: var(--text-color);
  background-color: var(--box-bg);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.tgme_widget_message.single_media .tgme_widget_message_bubble {
  width: 419px;
}

.tgme_widget_message.album_preview_active .tgme_widget_message_bubble {
  width: 419px;
}

.tgme_widget_message_bubble_tail {
  position: absolute;
  top: -1px;
  left: -8px;
  pointer-events: none;
}

.tgme_widget_message_bubble_tail .background {
  fill: var(--box-bg);
}

.tgme_widget_message_bubble_tail .border_1x,
.tgme_widget_message_bubble_tail .border_2x,
.tgme_widget_message_bubble_tail .border_3x {
  fill: transparent !important;
}

.tgme_widget_message_author {
  display: flex;
  overflow: hidden;
  margin: 1px 0 0;
  color: var(--accent-color) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_widget_message_owner_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_widget_message_media {
  margin: 10px -9px;
  min-width: calc(100% + 18px) !important;
  max-width: calc(100% + 18px) !important;
}

.tgme_widget_message_grouped_wrap {
  display: block;
  overflow: hidden;
}

.tgme_widget_message_single_photo_wrap {
  display: block;
}

.tgme_widget_message_single_photo_wrap .tgme_widget_message_photo_wrap {
  position: relative;
  background-size: cover;
}

.tgme_widget_message_single_photo_wrap .tgme_widget_message_photo_wrap::before {
  content: "";
  position: absolute;
  inset: -18px;
  background-image: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(14px);
  transform: scale(1.04);
}

.tgme_widget_message_single_photo_wrap .tgme_widget_message_photo {
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tgme_widget_message_grouped {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 0;
}

.tgme_widget_message_grouped_layer {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
}

.tgme_widget_message_grouped_layer .tgme_widget_message_photo_wrap {
  min-height: 120px;
  border-radius: 0;
}

.media-count-5 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-6 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-7 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-8 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-9 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-10 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-11 .tgme_widget_message_photo_wrap:nth-child(-n+4),
.media-count-12 .tgme_widget_message_photo_wrap:nth-child(-n+4) {
  grid-column: span 3;
  min-height: 225px;
}

.media-count-5 .tgme_widget_message_photo_wrap,
.media-count-6 .tgme_widget_message_photo_wrap,
.media-count-7 .tgme_widget_message_photo_wrap,
.media-count-8 .tgme_widget_message_photo_wrap,
.media-count-9 .tgme_widget_message_photo_wrap,
.media-count-10 .tgme_widget_message_photo_wrap,
.media-count-11 .tgme_widget_message_photo_wrap,
.media-count-12 .tgme_widget_message_photo_wrap {
  grid-column: span 2;
  min-height: 150px;
}

.media-count-2 .tgme_widget_message_grouped {
  aspect-ratio: 437 / 306;
}

.media-count-2 .tgme_widget_message_grouped_layer,
.media-count-3 .tgme_widget_message_grouped_layer,
.media-count-4 .tgme_widget_message_grouped_layer,
.media-count-5 .tgme_widget_message_grouped_layer {
  position: absolute;
  inset: 0;
  display: block;
}

.media-count-2 .tgme_widget_message_photo_wrap,
.media-count-3 .tgme_widget_message_photo_wrap,
.media-count-4 .tgme_widget_message_photo_wrap,
.media-count-5 .tgme_widget_message_photo_wrap {
  position: absolute;
  min-height: 0 !important;
  margin: 0 !important;
}

.media-count-2 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 49.66%;
  bottom: 0;
  height: auto;
}

.media-count-2 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 50.11%;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
}

.media-count-3 .tgme_widget_message_grouped {
  aspect-ratio: 437 / 464;
}

.media-count-3 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  height: 66.59%;
}

.media-count-3 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 0;
  top: 67.03%;
  width: 49.66%;
  bottom: 0;
  height: auto;
}

.media-count-3 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 50.11%;
  right: 0;
  top: 67.03%;
  bottom: 0;
  width: auto;
  height: auto;
}

.media-count-4 .tgme_widget_message_grouped {
  aspect-ratio: 437 / 583;
}

.media-count-4 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 67.66%;
  bottom: 0;
  height: auto;
}

.media-count-4 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 68.12%;
  right: 0;
  top: 0;
  width: auto;
  height: 32.93%;
}

.media-count-4 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 68.12%;
  right: 0;
  top: 33.28%;
  width: auto;
  height: 33.39%;
}

.media-count-4 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 68.12%;
  right: 0;
  top: 67.01%;
  bottom: 0;
  width: auto;
  height: auto;
}

.media-count-5 .tgme_widget_message_grouped {
  aspect-ratio: 437 / 603;
}

.media-count-5 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  height: 42.62%;
}

.media-count-5 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 0;
  right: 0;
  top: 42.95%;
  width: auto;
  height: 42.62%;
}

.media-count-5 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 0;
  top: 85.9%;
  width: 32.95%;
  bottom: 0;
  height: auto;
}

.media-count-5 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 33.41%;
  top: 85.9%;
  width: 32.95%;
  bottom: 0;
  height: auto;
}

.media-count-5 .tgme_widget_message_photo_wrap:nth-child(5) {
  left: 66.82%;
  right: 0;
  top: 85.9%;
  bottom: 0;
  width: auto;
  height: auto;
}

.media-count-6 .tgme_widget_message_grouped {
  aspect-ratio: 453 / 587;
}

.media-count-6 .tgme_widget_message_grouped_layer {
  position: absolute;
  inset: 0;
  display: block;
}

.media-count-6 .tgme_widget_message_photo_wrap {
  position: absolute;
  min-height: 0 !important;
  margin: 0 !important;
}

.media-count-6 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 33.77%;
  height: 16.87%;
}

.media-count-6 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 34.22%;
  top: 0;
  width: 32.45%;
  height: 16.87%;
}

.media-count-6 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 67.11%;
  right: 0;
  top: 0;
  width: auto;
  height: 16.87%;
}

.media-count-6 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 0;
  right: 0;
  top: 17.21%;
  width: auto;
  height: 52.47%;
}

.media-count-6 .tgme_widget_message_photo_wrap:nth-child(5) {
  left: 0;
  top: 70.02%;
  width: 60.04%;
  bottom: 0;
  height: auto;
}

.media-count-6 .tgme_widget_message_photo_wrap:nth-child(6) {
  left: 60.49%;
  right: 0;
  top: 70.02%;
  bottom: 0;
  width: auto;
  height: auto;
}

.media-count-7 .tgme_widget_message_grouped {
  aspect-ratio: 453 / 848;
}

.media-count-7 .tgme_widget_message_grouped_layer {
  position: absolute;
  inset: 0;
  display: block;
}

.media-count-7 .tgme_widget_message_photo_wrap {
  position: absolute;
  min-height: 0 !important;
  margin: 0 !important;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 49.67%;
  height: 37.38%;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 50.11%;
  right: 0;
  top: 0;
  width: auto;
  height: 37.38%;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 0;
  top: 37.62%;
  width: 49.67%;
  height: 37.38%;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 50.11%;
  right: 0;
  top: 37.62%;
  width: auto;
  height: 37.38%;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(5) {
  left: 0;
  top: 75.24%;
  width: 32.89%;
  bottom: 0;
  height: auto;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(6) {
  left: 33.33%;
  top: 75.24%;
  width: 32.89%;
  bottom: 0;
  height: auto;
}

.media-count-7 .tgme_widget_message_photo_wrap:nth-child(7) {
  left: 66.67%;
  right: 0;
  top: 75.24%;
  bottom: 0;
  width: auto;
  height: auto;
}

.media-count-8 .tgme_widget_message_grouped {
  aspect-ratio: 453 / 628;
}

.media-count-8 .tgme_widget_message_grouped_layer,
.media-count-9 .tgme_widget_message_grouped_layer {
  position: absolute;
  inset: 0;
  display: block;
}

.media-count-8 .tgme_widget_message_photo_wrap,
.media-count-9 .tgme_widget_message_photo_wrap {
  position: absolute;
  min-height: 0 !important;
  margin: 0 !important;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 49.23%;
  height: 22.45%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 49.67%;
  top: 0;
  width: 50.33%;
  height: 22.45%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 0;
  top: 22.77%;
  width: 49.67%;
  height: 22.13%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 50.11%;
  top: 22.77%;
  width: 49.89%;
  height: 22.13%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(5) {
  left: 0;
  top: 45.22%;
  width: 54.08%;
  height: 24.36%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(6) {
  left: 54.53%;
  top: 45.22%;
  width: 45.47%;
  height: 24.36%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(7) {
  left: 0;
  top: 69.9%;
  width: 41.72%;
  height: 30.1%;
}

.media-count-8 .tgme_widget_message_photo_wrap:nth-child(8) {
  left: 42.16%;
  top: 69.9%;
  width: 57.84%;
  height: 30.1%;
}

.media-count-9 .tgme_widget_message_grouped {
  aspect-ratio: 453 / 639;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 32.89%;
  height: 33.02%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 33.33%;
  top: 0;
  width: 32.89%;
  height: 33.02%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 66.67%;
  top: 0;
  width: 33.33%;
  height: 33.02%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 0;
  top: 33.33%;
  width: 32.89%;
  height: 33.02%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(5) {
  left: 33.33%;
  top: 33.33%;
  width: 32.89%;
  height: 33.02%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(6) {
  left: 66.67%;
  top: 33.33%;
  width: 33.33%;
  height: 33.02%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(7) {
  left: 0;
  top: 66.67%;
  width: 33.11%;
  height: 33.33%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(8) {
  left: 33.55%;
  top: 66.67%;
  width: 33.11%;
  height: 33.33%;
}

.media-count-9 .tgme_widget_message_photo_wrap:nth-child(9) {
  left: 67.11%;
  top: 66.67%;
  width: 32.89%;
  height: 33.33%;
}

.media-count-10 .tgme_widget_message_grouped {
  aspect-ratio: 437 / 855;
}

.media-count-10 .tgme_widget_message_grouped_layer {
  position: absolute;
  inset: 0;
  display: block;
}

.media-count-10 .tgme_widget_message_photo_wrap {
  position: absolute;
  min-height: 0 !important;
  margin: 0 !important;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(1) {
  left: 0;
  top: 0;
  width: 42.56%;
  height: 29.01%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(2) {
  left: 43.02%;
  top: 0;
  width: 56.98%;
  height: 29.01%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(3) {
  left: 0;
  top: 29.24%;
  width: 49.66%;
  height: 25.38%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(4) {
  left: 50.11%;
  top: 29.24%;
  width: 49.89%;
  height: 25.38%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(5) {
  left: 0;
  top: 54.85%;
  width: 31.81%;
  height: 20.47%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(6) {
  left: 32.27%;
  top: 54.85%;
  width: 26.54%;
  height: 20.47%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(7) {
  left: 59.27%;
  top: 54.85%;
  width: 40.73%;
  height: 20.47%;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(8) {
  left: 0;
  top: 75.56%;
  width: 31.81%;
  bottom: 0;
  height: auto;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(9) {
  left: 32.27%;
  top: 75.56%;
  width: 31.81%;
  bottom: 0;
  height: auto;
}

.media-count-10 .tgme_widget_message_photo_wrap:nth-child(10) {
  left: 64.53%;
  right: 0;
  top: 75.56%;
  bottom: 0;
  width: auto;
  height: auto;
}

.tgme_widget_message_photo_wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 576px;
  border-radius: 0;
  background: #d7e3ec;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tgme_widget_message_photo_wrap + .tgme_widget_message_photo_wrap,
.tgme_widget_message_video_player + .tgme_widget_message_photo_wrap,
.tgme_widget_message_photo_wrap + .tgme_widget_message_video_player {
  margin-top: 2px;
}

.tgme_widget_message_photo {
  display: block;
  width: 100%;
  height: 0;
  max-height: 760px;
  object-fit: contain;
}

.tgme_widget_message_grouped .tgme_widget_message_photo {
  height: 100%;
  min-height: 100%;
  padding-top: 0 !important;
  object-fit: cover;
}

.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.over.active {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
  overflow: hidden;
  will-change: left, top, width, height;
  background-position: -10000px -10000px;
  background-repeat: no-repeat;
  background-size: 0 0;
}

.tgme_widget_message.album_preview_active .tgme_widget_message_grouped .js-message_photo:not(.over.active) {
  pointer-events: none;
}

.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.over.active::before {
  content: "";
  position: absolute;
  inset: -18px;
  background-image: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(14px);
  transform: scale(1.04);
}

.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.over.active .tgme_widget_message_photo {
  position: absolute;
  z-index: 2;
  width: auto;
  height: auto;
  min-height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tgme_album_photo_zoom {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.24);
  color: #939595;
  cursor: pointer;
  overflow: hidden;
  opacity: 1;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.tgme_widget_message_photo_wrap:not(.grouped_media_wrap) .tgme_album_photo_zoom {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease, background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.tgme_widget_message_photo_wrap:not(.grouped_media_wrap):hover .tgme_album_photo_zoom,
.tgme_widget_message_photo_wrap:not(.grouped_media_wrap) .tgme_album_photo_zoom:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none), (pointer: coarse) {
  .tgme_widget_message_photo_wrap:not(.grouped_media_wrap) .tgme_album_photo_zoom {
    opacity: 1;
    pointer-events: auto;
  }
}

.tgme_album_photo_zoom svg {
  display: block;
  width: 30px;
  height: 30px;
  pointer-events: none;
}

.tgme_album_photo_zoom:hover,
.tgme_album_photo_zoom:focus-visible {
  background: #fff;
  color: #7e8588;
  outline: none;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.26);
}

.photo_lightbox_open {
  overflow: hidden;
}

.tgme_photo_lightbox {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: rgba(0, 0, 0, 0.88);
}

.tgme_photo_lightbox_scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 56px 24px 28px;
  box-sizing: border-box;
}

.tgme_photo_lightbox_image {
  display: block;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  min-width: min(960px, 100%);
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.38);
}

.tgme_photo_lightbox_close {
  position: fixed;
  right: 18px;
  top: 16px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.tgme_photo_lightbox_close::before,
.tgme_photo_lightbox_close::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 18px;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}

.tgme_photo_lightbox_close::before {
  transform: rotate(45deg);
}

.tgme_photo_lightbox_close::after {
  transform: rotate(-45deg);
}

.tgme_photo_lightbox_close:hover,
.tgme_photo_lightbox_close:focus-visible {
  background: rgba(0, 0, 0, 0.68);
  outline: none;
}

.tgme_widget_message_video_player {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 576px;
  border-radius: 0;
  background: #111;
}

.tgme_widget_message_video_player:hover {
  text-decoration: none;
}

.tgme_widget_message_video_player::after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  z-index: 3;
}

.tgme_widget_message_video_thumb {
  position: absolute;
  left: -30px;
  right: -30px;
  top: -30px;
  bottom: -30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(15px);
}

.tgme_widget_message_video_wrap {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.tgme_widget_message_video_player.blured .tgme_widget_message_video_wrap {
  background: rgba(255, 255, 255, .3);
}

.tgme_widget_message_video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.message_video_play {
  position: absolute;
  inset: 0;
  z-index: 5;
  cursor: pointer;
  transition: opacity .2s ease;
}

.tgme_widget_message_video_player.playing .message_video_play {
  opacity: 0;
}

.message_video_play::after {
  content: "";
  position: absolute;
  inset: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: auto;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, .5);
}

.message_video_play::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid #ffffff;
  transform: translate(-32%, -50%);
}

.message_video_duration {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 7;
  display: inline-block;
  margin: 10px;
  border-radius: 11px;
  padding: 3px 8px 2px;
  color: #ffffff;
  background: rgba(0, 0, 0, .5);
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
}

.tgme_widget_message_document_wrap {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 10px;
  margin: 4px 0 8px;
  color: var(--text-color);
}

.tgme_widget_message_voice_player {
  display: block;
  overflow: hidden;
  width: 300px;
  max-width: 100%;
  margin: 10px 0;
  border-radius: 25px 0 0 25px;
  color: inherit;
}

.tgme_widget_message_voice_player:hover {
  text-decoration: none;
}

.tgme_widget_message_voice {
  display: none !important;
}

.tgme_widget_message_voice_play {
  position: relative;
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: var(--accent-line-color);
  cursor: pointer;
}

.tgme_widget_message_voice_play::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ffffff;
  transform: translate(-32%, -50%);
}

.tgme_widget_message_voice_player.playing .tgme_widget_message_voice_play::before {
  width: 12px;
  height: 16px;
  border: 0;
  background: linear-gradient(90deg, #ffffff 0 4px, transparent 4px 8px, #ffffff 8px 12px);
  transform: translate(-50%, -50%);
}

.tgme_widget_message_voice_wrap {
  margin-left: 61px;
}

.tgme_widget_message_voice_progress_wrap {
  position: relative;
  overflow: hidden;
  height: 24px;
  padding-top: 10px;
  user-select: none;
}

.tgme_widget_message_voice_progress_wrap .bar {
  height: 14px;
  border-radius: 7px;
  background:
    linear-gradient(var(--voice-progress-bgcolor), var(--voice-progress-bgcolor)) 0 8px / 100% 2px no-repeat,
    repeating-linear-gradient(90deg, var(--voice-progress-bgcolor) 0 4px, transparent 4px 7px);
}

.tgme_widget_message_voice_progress {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 14px;
  margin-top: -4px;
  padding-top: 4px;
}

.tgme_widget_message_voice_progress .bar {
  background:
    linear-gradient(var(--accent-line-color), var(--accent-line-color)) 0 8px / 100% 2px no-repeat,
    repeating-linear-gradient(90deg, var(--accent-line-color) 0 4px, transparent 4px 7px);
}

.tgme_widget_message_voice_duration {
  display: inline-block;
  margin: 5px 0 2px;
  color: var(--second-color);
  font-size: 14px;
  line-height: 19px;
}

.tgme_widget_message_document_icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: var(--accent-color);
}

.tgme_widget_message_document_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.tgme_widget_message_document_extra {
  color: var(--second-color);
  font-size: 13px;
  line-height: 18px;
}

.tgme_widget_message_text {
  margin-top: 6px;
  font-size: 14px;
  line-height: 21px;
  word-break: break-word;
}

.tgme_widget_message_text h2,
.tgme_widget_message_text h3 {
  margin: 12px 0 6px;
  color: var(--text-color) !important;
  -webkit-text-fill-color: var(--text-color);
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  letter-spacing: 0;
}

.tgme_widget_message_text h2 *,
.tgme_widget_message_text h3 * {
  color: inherit !important;
  -webkit-text-fill-color: inherit;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.tgme_widget_message_text h2:first-child,
.tgme_widget_message_text h3:first-child {
  margin-top: 0;
}

.tgme_widget_message_text h2 {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}

.tgme_widget_message_text h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
}

.highlight {
  border-radius: 2px;
  background: #fff2a8;
  color: inherit;
}

.tgme_widget_message_text p {
  margin: 0 0 8px;
}

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

.tgme_widget_message_text ul,
.tgme_widget_message_text ol {
  margin: 5px 0 9px;
  padding-left: 12px;
  list-style-position: outside;
}

.tgme_widget_message_text ul {
  list-style: none !important;
}

.tgme_widget_message_text ol {
  padding-left: 16px;
  list-style-type: decimal;
}

.tgme_widget_message_text li {
  position: relative;
  margin: 2px 0;
  padding-left: 0;
}

.tgme_widget_message_text ul > li {
  list-style: none !important;
}

.tgme_widget_message_text ul > li::before {
  position: absolute;
  left: -9px;
  top: 0.65em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4f829b;
  content: "";
}

.tgme_widget_message_text small {
  color: var(--secondary-text-color);
  font-size: 0.86em;
}

.tgme_widget_message_text sub,
.tgme_widget_message_text sup {
  font-size: 0.78em;
  line-height: 0;
}

.tgme_widget_message_text hr {
  height: 1px;
  margin: 9px 0;
  border: 0;
  background: rgba(112, 117, 121, 0.18);
}

.tgme_widget_message_text table {
  display: block;
  max-width: 100%;
  margin: 8px 0 9px;
  overflow-x: auto;
  border: 1px solid rgba(112, 117, 121, 0.16);
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
}

.tgme_widget_message_text th,
.tgme_widget_message_text td {
  min-width: 96px;
  border-right: 1px solid rgba(112, 117, 121, 0.14);
  border-bottom: 1px solid rgba(112, 117, 121, 0.14);
  padding: 7px 8px;
  vertical-align: top;
}

.tgme_widget_message_text th {
  color: var(--secondary-text-color);
  background: rgba(36, 129, 204, 0.07);
  font-weight: 500;
}

.tgme_widget_message_text th:last-child,
.tgme_widget_message_text td:last-child {
  border-right: 0;
}

.tgme_widget_message_text tr:last-child td {
  border-bottom: 0;
}

.tgme_widget_message_text blockquote {
  position: relative;
  margin: 8px 0 9px;
  border-left: 3px solid var(--accent-line-color);
  border-radius: 0 8px 8px 0;
  padding: 7px 10px 7px 11px;
  color: var(--text-color);
  background: rgba(36, 129, 204, 0.07);
}

.tgme_widget_message_text blockquote.tg-expandable-quote {
  max-height: 88px;
  overflow: hidden;
  padding-right: 48px;
  cursor: pointer;
}

.tgme_widget_message_text blockquote.tg-expandable-quote::after {
  position: absolute;
  right: 8px;
  bottom: 7px;
  padding: 2px 8px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--accent-color);
  content: "more";
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  box-shadow: 0 1px 2px rgba(36, 129, 204, 0.22);
}

.tgme_widget_message_text blockquote.tg-expandable-quote.is-expanded {
  max-height: none;
}

.tgme_widget_message_text blockquote.tg-expandable-quote.is-expanded::after {
  content: "less";
}

.tgme_widget_message_text .tg-spoiler {
  border-radius: 3px;
  padding: 0 0.14em;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  background-color: #ffffff;
  background-image:
    radial-gradient(circle, rgba(36, 129, 204, 0.96) 0 0.58px, transparent 0.94px),
    radial-gradient(circle, rgba(36, 129, 204, 0.84) 0 0.52px, transparent 0.9px),
    radial-gradient(circle, rgba(36, 129, 204, 0.74) 0 0.48px, transparent 0.84px),
    radial-gradient(circle, rgba(36, 129, 204, 0.68) 0 0.44px, transparent 0.8px),
    radial-gradient(circle, rgba(36, 129, 204, 0.56) 0 0.42px, transparent 0.76px),
    radial-gradient(circle, rgba(36, 129, 204, 0.48) 0 0.38px, transparent 0.72px),
    radial-gradient(circle, rgba(36, 129, 204, 0.42) 0 0.36px, transparent 0.68px),
    radial-gradient(circle, rgba(36, 129, 204, 0.34) 0 0.32px, transparent 0.64px);
  background-position: 0 1px, 3px 2px, 6px 0, 1px 5px, 8px 4px, 11px 1px, 5px 8px, 14px 6px;
  background-size: 5px 5px, 7px 6px, 9px 8px, 11px 10px, 13px 12px, 15px 14px, 17px 16px, 19px 18px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: inherit;
  cursor: pointer;
  transition: color 0.16s ease, background-color 0.16s ease, background-image 0.16s ease;
  animation: tg-spoiler-brownian 4.6s linear infinite;
  will-change: background-position;
}

.tgme_widget_message_text .tg-spoiler.is-visible {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
  background-color: rgba(36, 129, 204, 0.10);
  background-image: none;
  animation: none;
}

@keyframes tg-spoiler-brownian {
  0% {
    background-position: 0 1px, 3px 2px, 6px 0, 1px 5px, 8px 4px, 11px 1px, 5px 8px, 14px 6px;
  }

  11% {
    background-position: 2px -1px, 7px 5px, 1px 4px, 6px 0, 3px 9px, 17px 6px, -2px 4px, 10px 13px;
  }

  23% {
    background-position: -1px 4px, 1px -2px, 10px 7px, 13px 5px, -3px 2px, 8px 12px, 12px -1px, 21px 3px;
  }

  37% {
    background-position: 4px 2px, -2px 6px, 3px -3px, 8px 12px, 14px 7px, 2px 4px, 19px 10px, 6px -2px;
  }

  52% {
    background-position: 1px -3px, 9px 1px, -1px 9px, 4px 3px, 10px -2px, 18px 9px, 3px 15px, 16px 11px;
  }

  68% {
    background-position: -2px 2px, 5px 8px, 12px 2px, -1px 9px, 17px 4px, 6px -3px, 11px 5px, 23px 15px;
  }

  84% {
    background-position: 3px 5px, 0 -1px, 5px 10px, 11px -2px, 6px 13px, 14px 3px, -4px 12px, 9px 1px;
  }

  100% {
    background-position: 0 1px, 3px 2px, 6px 0, 1px 5px, 8px 4px, 11px 1px, 5px 8px, 14px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tgme_widget_message_text .tg-spoiler {
    animation: none;
  }
}

.tgme_widget_message_text code,
.tgme_widget_message_text pre {
  border: 1px solid rgba(112, 117, 121, 0.12);
  border-radius: 7px;
  background: rgba(112, 117, 121, 0.09);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
}

.tgme_widget_message_text code {
  padding: 1px 5px;
  border-radius: 5px;
  white-space: normal;
}

.tgme_widget_message_text pre {
  overflow-x: auto;
  margin: 8px 0 9px;
  padding: 9px 11px;
  line-height: 19px;
  white-space: pre-wrap;
}

.tgme_widget_message_reply,
.tgme_widget_message_link_preview {
  display: block;
  position: relative;
  overflow: hidden;
  min-width: 190px;
  margin: 4px 0 -2px;
  border-radius: 4px;
  background: var(--user-line-gradient, var(--line-gradient)), url(""), var(--user-background, var(--accent-background));
  background-position: left, top right;
  background-repeat: no-repeat;
  background-size: 2.8px 100%, 160px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 17px;
}

.tgme_widget_message_reply {
  padding: 5px 4px 3px 6px;
}

.tgme_widget_message_link_preview {
  padding: 5px 6px 4px 10px;
}

.tgme_widget_message_reply:hover,
.tgme_widget_message_link_preview:hover {
  text-decoration: none;
}

.tgme_widget_message_reply .tgme_widget_message_author,
.tgme_widget_message_reply .tgme_widget_message_text {
  overflow: hidden;
  padding-left: 4px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgme_widget_message_reply .tgme_widget_message_author {
  margin: -3px 0 0;
  color: var(--accent-color);
  font-weight: 500;
}

.tgme_widget_message_reply .tgme_widget_message_text {
  margin: 0 0 -3px;
}

.link_preview_right_image {
  display: inline-block;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  border-radius: 6px;
  background: no-repeat center;
  background-size: cover;
}

.link_preview_site_name {
  color: var(--accent-color);
  font-weight: 500;
}

.link_preview_title {
  margin: 4px 0 1px;
  color: var(--text-color);
  font-weight: 500;
}

.link_preview_description {
  margin: 4px 0 1px;
  color: var(--text-color);
}

.emoji {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -3px 1px 0;
  background: no-repeat center;
  background-size: 20px 20px;
  vertical-align: middle;
}

.emoji b {
  opacity: 0;
}

.tgme_widget_message_footer {
  overflow: hidden;
  min-height: 14px;
  margin: 5px -2px 0 0;
  color: var(--second-color);
  font-size: 12px;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tgme_widget_message_info {
  float: right;
  text-align: right;
  color: var(--second-color);
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}

.tgme_widget_message_views {
  display: inline-block;
  margin-left: 7px;
  vertical-align: top;
  white-space: nowrap;
}

.tgme_widget_message_views::after {
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-left: 5px;
  background: var(--views-icon-svg) no-repeat 0 0;
  content: "";
}

.tgme_widget_message_meta {
  display: inline-flex;
  max-width: 100%;
  margin-left: 7px;
  overflow: hidden;
  justify-content: flex-end;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.tgme_widget_message_date,
.tgme_widget_message_date:hover {
  color: #8197af;
  text-decoration: none;
}

.empty-state,
.search-heading,
.preview-banner,
.related-posts,
.not-found-tools {
  margin-left: 45px;
  border: 1px solid var(--bubble-border-color);
  border-radius: 10px;
  padding: 12px 17px;
  background: var(--bubble-bgcolor);
}

.not-found-page {
  display: block;
  margin-right: 332px;
}

.not-found-message-wrap {
  margin-bottom: 10px;
}

.not-found-message {
  width: 100%;
}

.not-found-message .tgme_widget_message_text {
  margin-top: 2px;
}

.not-found-message .tgme_widget_message_text p {
  margin: 0 0 8px;
}

.not-found-message .tgme_widget_message_text p:last-child {
  margin-bottom: 0;
}

.not-found-code {
  margin-top: 6px;
  color: var(--second-color);
  font-size: 12px;
  line-height: 14px;
  text-align: right;
}

.not-found-tools {
  box-sizing: border-box;
  width: 437px;
  max-width: calc(100% - 51px);
  padding: 14px 17px 16px;
  color: var(--text-color);
}

.not-found-tools h1 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.not-found-actions {
  display: grid;
  gap: 10px;
}

.not-found-primary,
.not-found-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  padding: 8px 14px;
  color: #ffffff;
  background: var(--accent-btn-color);
  font: 500 14px/20px Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}

.not-found-primary:hover {
  color: #ffffff;
  text-decoration: none;
}

.not-found-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin: 0;
}

.not-found-search input {
  min-width: 0;
  height: 36px;
  border: 1px solid var(--bubble-border-color);
  border-radius: 8px;
  padding: 7px 10px;
  color: var(--text-color);
  background: #ffffff;
  font: 14px/20px Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  outline: 0;
}

.not-found-search input:focus {
  border-color: var(--accent-line-color);
}

.related-posts {
  margin: 12px 0 18px 45px;
  width: 437px;
  max-width: calc(100% - 51px);
  padding: 12px 17px 12px 32px;
}

.related-posts ul {
  margin: 0;
  padding: 0;
  list-style: square;
}

.related-posts li {
  margin: 0 0 8px;
  padding-left: 2px;
  color: var(--accent-color);
  font-size: 14px;
  line-height: 21px;
}

.related-posts li::marker {
  font-size: 10px;
}

.related-posts a,
.related-posts a:hover {
  color: var(--accent-color);
}

.preview-banner {
  box-sizing: border-box;
  width: 437px;
  max-width: calc(100% - 51px);
  margin-bottom: 8px;
  border-color: #ffc7c7;
  color: #7f5151;
  background: #ffdfdf;
}

.pagination {
  display: none;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 24px 45px;
}

.tgme_widget_message_centered {
  min-height: 1px;
  margin: 0 0 8px 45px;
  text-align: center;
}

.tgme_widget_message_service_date_wrap {
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  display: none;
  text-align: center;
}

.date_visible .tgme_widget_message {
  margin-top: 44px;
}

.date_visible .tgme_widget_message_service_date_wrap {
  display: block;
}

.tgme_widget_message_service_date {
  display: inline-block;
  border-radius: 13px;
  padding: 4px 12px 3px;
  color: #ffffff;
  background: var(--service-bg-blured);
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}

.tme_messages_more {
  display: block;
  height: 1px;
  overflow: hidden;
}

.pagination a,
.pagination span {
  border-radius: 17px;
  padding: 7px 14px;
  color: var(--accent-color);
  background: var(--box-bg);
  box-shadow: 0 1px 2px rgba(16, 35, 47, 0.08);
}

#mobile-info-btn,
#mobile-info-overlay {
  display: none;
}

@media (max-width: 900px) {
  .tgme_container {
    max-width: 640px;
  }

  .tgme_header_right_column {
    width: 286px;
  }

  .tgme_header_search {
    left: calc(100% - 310px);
  }

  .tgme_main .tgme_container {
    padding-right: 6px;
  }

  .tgme_webpreview .post-list,
  .tgme_webpreview .post-detail,
  .tgme_webpreview .site-feed,
  .not-found-page {
    margin-right: 310px;
  }
}

@media (max-width: 720px) {
  .tgme_header {
    height: 48px;
  }

  .tgme_header_info {
    max-width: none;
    margin: 0 44px 0 0;
    visibility: hidden;
    opacity: 0;
  }

  .tgme_header_search {
    left: 0;
    right: auto;
    width: calc(100% - 24px);
  }

  .tgme_header.search_collapsed .tgme_header_info {
    transition-delay: var(--search-anim-dur);
    visibility: visible;
    opacity: 1;
  }

  .tgme_header.search_collapsed .tgme_header_search {
    left: calc(100% - 58px);
    right: calc(-100% + 58px);
    transition-delay: 0s;
  }

  .tgme_header_right_column,
  #mobile-info-btn,
  #sidebar-toggle {
    display: none;
  }

  .tgme_header_link {
    max-width: calc(100% - 98px);
  }

  .tgme_header_counter {
    display: block;
  }

  .tgme_channel_join_telegram {
    display: block;
  }

  .tgme_header.search_collapsed .tgme_header_search_form_input {
    color: transparent;
    background-color: transparent;
    caret-color: transparent;
    cursor: pointer;
    transition-delay: 0s;
  }

  .tgme_header.search_collapsed .tgme_header_search_form_input::placeholder {
    color: transparent;
  }

  .tgme_header.search_collapsed .tgme_header_search_form_icon circle,
  .tgme_header.search_collapsed .tgme_header_search_form_icon path {
    stroke: #389ce9;
    stroke-width: 2;
    transition-delay: var(--search-anim-dur);
  }

  .tgme_main {
    padding-top: 60px;
  }

  .tgme_main .tgme_container {
    max-width: 100%;
    padding: 0 6px;
  }

  .tgme_webpreview .post-list,
  .tgme_webpreview .post-detail,
  .tgme_webpreview .site-feed,
  .not-found-page {
    margin-right: 0;
  }

  .tgme_widget_message_bubble {
    margin-left: 45px;
    width: auto;
    padding: 4px 9px;
  }

  .tgme_widget_message {
    display: block;
    width: 100%;
  }

  .tgme_widget_message.single_media .tgme_widget_message_bubble {
    width: auto;
  }

  .tgme_widget_message.album_preview_active .tgme_widget_message_bubble {
    width: auto;
  }

  .tgme_widget_message_media {
    margin: 10px -9px;
  }

  .tgme_widget_message_photo_wrap,
  .tgme_widget_message_video_player {
    max-width: 100%;
  }

  .tgme_widget_message_grouped_wrap {
    max-width: 100%;
  }

  #mobile-info-btn {
    display: none;
  }

  #mobile-info-overlay {
    position: fixed;
    inset: 0;
    z-index: 999;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.60);
  }

  #mobile-info-overlay.open {
    display: flex;
  }

  #mobile-info-modal {
    position: relative;
    width: 100%;
    max-width: 480px;
    min-height: 100vh;
    padding: 56px 20px 32px;
  }

  #mobile-info-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: transparent;
    font-size: 28px;
    cursor: pointer;
  }
}

@media (max-width: 354px) {
  .tgme_widget_message_user {
    display: none;
  }

  .tgme_widget_message_bubble,
  .empty-state,
  .search-heading,
  .preview-banner,
  .not-found-tools,
  .related-posts,
  .pagination {
    margin-left: 7px;
  }

  .preview-banner,
  .not-found-tools {
    max-width: calc(100% - 13px);
  }

  .not-found-search {
    grid-template-columns: 1fr;
  }
}
