/* Original Telegram Desktop raster icon masks.
   These PNGs are copied byte-for-byte from Telegram Desktop 7.2.9.
   Telegram stores them as grayscale masks; CSS luminance masking preserves
   the exact original geometry while allowing the Sovietgram palette. */
.tg-native-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  flex: 0 0 24px;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 24px 24px;
  mask-mode: luminance;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 24px 24px;
}

.tg-native-icon--profile {
  mask-image: url("../icons/telegram-original/menu/profile.a7c485a5be8e.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/profile.a7c485a5be8e.png");
}
.tg-native-icon--groups {
  mask-image: url("../icons/telegram-original/menu/groups.886b3b15e0bb.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/groups.886b3b15e0bb.png");
}
.tg-native-icon--channel {
  mask-image: url("../icons/telegram-original/menu/channel.36d0534441b8.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/channel.36d0534441b8.png");
}
.tg-native-icon--contacts {
  mask-image: url("../icons/telegram-original/menu/name_show.78a911100e53.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/name_show.78a911100e53.png");
}
.tg-native-icon--phone {
  mask-image: url("../icons/telegram-original/menu/phone.850510a20d8c.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/phone.850510a20d8c.png");
}
.tg-native-icon--saved {
  mask-image: url("../icons/telegram-original/menu/saved_messages.4aa00cb93b45.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/saved_messages.4aa00cb93b45.png");
}
.tg-native-icon--settings {
  mask-image: url("../icons/telegram-original/menu/settings.fb2ae935ef2f.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/settings.fb2ae935ef2f.png");
}
.tg-native-icon--archive-open {
  mask-image: url("../icons/telegram-original/menu/archive_open.0cf37d80dd8d.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/archive_open.0cf37d80dd8d.png");
}
.tg-native-icon--add-account {
  mask-image: url("../icons/telegram-original/menu/add_account.0ca6666e1e3d.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/add_account.0ca6666e1e3d.png");
}
.tg-native-icon--search {
  mask-image: url("../icons/telegram-original/menu/search.1a64ecba8511.png");
  -webkit-mask-image: url("../icons/telegram-original/menu/search.1a64ecba8511.png");
}

/* Telegram Desktop main menu layout:
   icon x=26, icon=24, text starts at x=76. */
.profile-drawer__nav--telegram a {
  min-height: 40px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  column-gap: 26px;
  padding: 0 13px 0 26px;
}

.profile-drawer__nav--telegram a > .tg-native-icon {
  width: 24px;
  height: 24px;
  justify-self: start;
  color: #c0aa91;
}

.profile-drawer__nav--telegram a:hover > .tg-native-icon {
  color: #d0b8a0;
}

.sidebar-searchbar__icon.tg-native-icon {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  mask-size: 18px 18px;
  -webkit-mask-size: 18px 18px;
  color: currentColor;
}

.archive-page-heading .tg-native-icon,
.archive-folder-row__avatar .tg-native-icon {
  color: currentColor;
}

.profile-account-add__icon .tg-native-icon {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
  mask-size: 20px 20px;
  -webkit-mask-size: 20px 20px;
  color: #fff;
}


/* Original Telegram Desktop control masks. */
.tg-native-icon--archive {
  mask-image: url("../icons/telegram-original/archive.502fb52e7de9.png");
  -webkit-mask-image: url("../icons/telegram-original/archive.502fb52e7de9.png");
}
.tg-native-icon--unarchive {
  mask-image: url("../icons/telegram-original/unarchive.a77bc0b23267.png");
  -webkit-mask-image: url("../icons/telegram-original/unarchive.a77bc0b23267.png");
}
.tg-native-icon--pin {
  mask-image: url("../icons/telegram-original/pin.c6e3674023a9.png");
  -webkit-mask-image: url("../icons/telegram-original/pin.c6e3674023a9.png");
}
.tg-native-icon--mute {
  mask-image: url("../icons/telegram-original/mute.2caca9d5f7b8.png");
  -webkit-mask-image: url("../icons/telegram-original/mute.2caca9d5f7b8.png");
}
.tg-native-icon--info {
  mask-image: url("../icons/telegram-original/info.edcd44706cdc.png");
  -webkit-mask-image: url("../icons/telegram-original/info.edcd44706cdc.png");
}
.tg-native-icon--clear {
  mask-image: url("../icons/telegram-original/clear.41649db7feb1.png");
  -webkit-mask-image: url("../icons/telegram-original/clear.41649db7feb1.png");
}
.tg-native-icon--add {
  mask-image: url("../icons/telegram-original/add.16cf0eb28729.png");
  -webkit-mask-image: url("../icons/telegram-original/add.16cf0eb28729.png");
}
.tg-native-icon--reply {
  mask-image: url("../icons/telegram-original/reply.12c08a26f889.png");
  -webkit-mask-image: url("../icons/telegram-original/reply.12c08a26f889.png");
}
.tg-native-icon--copy {
  mask-image: url("../icons/telegram-original/copy.ef0df9a4c599.png");
  -webkit-mask-image: url("../icons/telegram-original/copy.ef0df9a4c599.png");
}
.tg-native-icon--edit {
  mask-image: url("../icons/telegram-original/edit.cb4445826e74.png");
  -webkit-mask-image: url("../icons/telegram-original/edit.cb4445826e74.png");
}
.tg-native-icon--forward {
  mask-image: url("../icons/telegram-original/forward.9f8119560056.png");
  -webkit-mask-image: url("../icons/telegram-original/forward.9f8119560056.png");
}
.tg-native-icon--file {
  mask-image: url("../icons/telegram-original/file.b84fa122709d.png");
  -webkit-mask-image: url("../icons/telegram-original/file.b84fa122709d.png");
}
.tg-native-icon--leave {
  mask-image: url("../icons/telegram-original/leave.bfc5ea6bb784.png");
  -webkit-mask-image: url("../icons/telegram-original/leave.bfc5ea6bb784.png");
}
.tg-native-icon--lock {
  mask-image: url("../icons/telegram-original/lock.9e4c0f413555.png");
  -webkit-mask-image: url("../icons/telegram-original/lock.9e4c0f413555.png");
}
.tg-native-icon--back {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  mask-image: url("../icons/telegram-original/back.725d317bb938.png");
  -webkit-mask-image: url("../icons/telegram-original/back.725d317bb938.png");
  mask-size: 32px 32px;
  -webkit-mask-size: 32px 32px;
}
.tg-native-icon--close {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  mask-image: url("../icons/telegram-original/close.8ec6235e0336.png");
  -webkit-mask-image: url("../icons/telegram-original/close.8ec6235e0336.png");
  mask-size: 32px 32px;
  -webkit-mask-size: 32px 32px;
}
.tg-native-icon--attach {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  mask-image: url("../icons/telegram-original/input_attach.fd75f5154e9d.png");
  -webkit-mask-image: url("../icons/telegram-original/input_attach.fd75f5154e9d.png");
  mask-size: 40px 40px;
  -webkit-mask-size: 40px 40px;
}
.tg-native-icon--attach-photo {
  mask-image: url("../icons/telegram-original/attach-menu/image.71c1a8120bbd.png");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/image.71c1a8120bbd.png");
}
.tg-native-icon--attach-file {
  mask-image: url("../icons/telegram-original/attach-menu/file.b84fa122709d.png");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/file.b84fa122709d.png");
}
.tg-native-icon--attach-poll {
  mask-image: url("../icons/telegram-original/attach-menu/poll.d3f702ac34f7.png");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/poll.d3f702ac34f7.png");
}
.tg-native-icon--attach-todo {
  mask-image: url("../icons/telegram-original/attach-menu/todo.0705a8789993.png");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/todo.0705a8789993.png");
}
.tg-native-icon--attach-article {
  mask-image: url("../icons/telegram-original/attach-menu/article.f0d6fc73fa43.svg");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/article.f0d6fc73fa43.svg");
}
.tg-native-icon--attach-location {
  mask-image: url("../icons/telegram-original/attach-menu/location.1b6f0bbe8d09.png");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/location.1b6f0bbe8d09.png");
}
.tg-native-icon--attach-music {
  mask-image: url("../icons/telegram-original/attach-menu/music.5c0af4483b06.png");
  -webkit-mask-image: url("../icons/telegram-original/attach-menu/music.5c0af4483b06.png");
}
.tg-native-icon--send {
  mask-image: url("../icons/telegram-original/send.0485c099be04.png");
  -webkit-mask-image: url("../icons/telegram-original/send.0485c099be04.png");
}
.tg-native-icon--media {
  mask-image: url("../icons/telegram-original/media.f2c4d148c984.png");
  -webkit-mask-image: url("../icons/telegram-original/media.f2c4d148c984.png");
}
.tg-native-icon--camera {
  width: 22px;
  height: 20px;
  flex-basis: 22px;
  mask-image: url("../icons/telegram-original/camera.a73b65482bd4.png");
  -webkit-mask-image: url("../icons/telegram-original/camera.a73b65482bd4.png");
  mask-size: 22px 20px;
  -webkit-mask-size: 22px 20px;
}

/* Compact placements keep the original source art, only the rendered box changes. */
.tg-native-icon--compact {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  mask-size: 18px 18px;
  -webkit-mask-size: 18px 18px;
}
.tg-native-icon--small {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
  mask-size: 16px 16px;
  -webkit-mask-size: 16px 16px;
}


/* Native icon placement compatibility after removing the handcrafted SVG sprite. */
.settings-nav a > .tg-native-icon,
.profile-drawer__nav--telegram a > .tg-native-icon {
  justify-self: center;
}

.chat-menu button > .tg-native-icon,
.message-context-menu button > .tg-native-icon {
  justify-self: center;
  color: var(--red);
}

.chat-menu .chat-menu__danger > .tg-native-icon,
.message-context-menu .message-context-menu__danger > .tg-native-icon {
  color: currentColor;
}

.conversation-header__actions .tg-native-icon,
.mobile-back .tg-native-icon,
.chat-search-box .tg-native-icon,
.forward-search .tg-native-icon,
.community-member-search .tg-native-icon,
.attachment-menu__icon .tg-native-icon,
.send-button .tg-native-icon,
.composer__attach .tg-native-icon,
.media-compose-add .tg-native-icon,
.media-compose-close .tg-native-icon {
  color: currentColor;
}

.chat-row__flags .tg-native-icon {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
  mask-size: 16px 16px;
  -webkit-mask-size: 16px 16px;
}

.tg-profile__icon-button .tg-native-icon--edit {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  mask-size: 24px 24px;
  -webkit-mask-size: 24px 24px;
}

.tg-profile__icon-button .tg-native-icon--close,
.tg-profile-edit__topbar .tg-native-icon--back,
.tg-profile-edit__topbar .tg-native-icon--close {
  color: currentColor;
}

.tg-profile-edit__avatar > i .tg-native-icon--camera {
  color: currentColor;
}