/* Codex CSS note line 1: Выбирает элементы, к которым применяются следующие стили. */
:root {
/* Codex CSS note line 2: Задаёт CSS-переменную дизайн-системы. */
    --tg-accent: #2aabee;
/* Codex CSS note line 3: Задаёт CSS-переменную дизайн-системы. */
    --tg-accent-dark: #1e8fca;
/* Codex CSS note line 4: Задаёт CSS-переменную дизайн-системы. */
    --tg-bg-chat: #0e1621;
/* Codex CSS note line 5: Задаёт CSS-переменную дизайн-системы. */
    --tg-sidebar: #17212b;
/* Codex CSS note line 6: Задаёт CSS-переменную дизайн-системы. */
    --tg-sidebar-hover: #202b36;
/* Codex CSS note line 7: Задаёт CSS-переменную дизайн-системы. */
    --tg-sidebar-active: #2b5278;
/* Codex CSS note line 8: Задаёт CSS-переменную дизайн-системы. */
    --tg-header: #17212b;
/* Codex CSS note line 9: Задаёт CSS-переменную дизайн-системы. */
    --tg-panel: #0e1621;
/* Codex CSS note line 10: Задаёт CSS-переменную дизайн-системы. */
    --tg-line: #253241;
/* Codex CSS note line 11: Задаёт CSS-переменную дизайн-системы. */
    --tg-text: #dce8f3;
/* Codex CSS note line 12: Задаёт CSS-переменную дизайн-системы. */
    --tg-muted: #7f91a4;
/* Codex CSS note line 13: Задаёт CSS-переменную дизайн-системы. */
    --tg-bubble: #182533;
/* Codex CSS note line 14: Задаёт CSS-переменную дизайн-системы. */
    --tg-bubble-own: #2b5278;
/* Codex CSS note line 15: Задаёт CSS-переменную дизайн-системы. */
    --tg-bubble-own-text: #ffffff;
/* Codex CSS note line 16: Задаёт CSS-переменную дизайн-системы. */
    --tg-control: #242f3d;
/* Codex CSS note line 17: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 19: Выбирает элементы, к которым применяются следующие стили. */
* {
/* Codex CSS note line 20: Задаёт свойство 'box-sizing' для текущего селектора. */
    box-sizing: border-box;
/* Codex CSS note line 21: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 23: Выбирает элементы, к которым применяются следующие стили. */
body {
/* Codex CSS note line 24: Задаёт свойство 'margin' для текущего селектора. */
    margin: 0;
/* Codex CSS note line 25: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 100vh;
/* Codex CSS note line 26: Задаёт свойство 'background' для текущего селектора. */
    background: #0b1118;
/* Codex CSS note line 27: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-text);
/* Codex CSS note line 28: Задаёт свойство 'font-family' для текущего селектора. */
    font-family: "Segoe UI", Arial, sans-serif;
/* Codex CSS note line 29: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 30: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 32: Выбирает элементы, к которым применяются следующие стили. */
.tg-shell {
/* Codex CSS note line 33: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 34: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: clamp(300px, 28vw, 360px) minmax(0, 1fr);
/* Codex CSS note line 35: Задаёт свойство 'width' для текущего селектора. */
    width: min(1440px, 100%);
/* Codex CSS note line 36: Задаёт свойство 'height' для текущего селектора. */
    height: 100vh;
/* Codex CSS note line 37: Задаёт свойство 'height' для текущего селектора. */
    height: 100dvh;
/* Codex CSS note line 38: Задаёт свойство 'margin' для текущего селектора. */
    margin: 0 auto;
/* Codex CSS note line 39: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-panel);
/* Codex CSS note line 40: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 41: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 43: Выбирает элементы, к которым применяются следующие стили. */
.tg-sidebar {
/* Codex CSS note line 44: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 45: Задаёт свойство 'grid-template-rows' для текущего селектора. */
    grid-template-rows: auto auto auto 1fr;
/* Codex CSS note line 46: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 47: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 0;
/* Codex CSS note line 48: Задаёт свойство 'border-right' для текущего селектора. */
    border-right: 1px solid var(--tg-line);
/* Codex CSS note line 49: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-sidebar);
/* Codex CSS note line 50: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 51: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 53: Выбирает элементы, к которым применяются следующие стили. */
.tg-brand {
/* Codex CSS note line 54: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 55: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: 40px minmax(0, 1fr);
/* Codex CSS note line 56: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 57: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 58: Задаёт свойство 'padding' для текущего селектора. */
    padding: 12px 12px 8px;
/* Codex CSS note line 59: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 61: Выбирает элементы, к которым применяются следующие стили. */
.tg-brand__shield {
/* Codex CSS note line 62: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 63: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 64: Задаёт свойство 'width' для текущего селектора. */
    width: 34px;
/* Codex CSS note line 65: Задаёт свойство 'height' для текущего селектора. */
    height: 34px;
/* Codex CSS note line 66: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 67: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.16);
/* Codex CSS note line 68: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-accent);
/* Codex CSS note line 69: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 800;
/* Codex CSS note line 70: Задаёт свойство 'text-decoration' для текущего селектора. */
    text-decoration: none;
/* Codex CSS note line 71: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 73: Выбирает элементы, к которым применяются следующие стили. */
.tg-brand strong,
/* Codex CSS note line 74: Выбирает элементы, к которым применяются следующие стили. */
.tg-brand span {
/* Codex CSS note line 75: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 76: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 77: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 78: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 79: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 81: Выбирает элементы, к которым применяются следующие стили. */
.tg-brand strong {
/* Codex CSS note line 82: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 83: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 15px;
/* Codex CSS note line 84: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 86: Выбирает элементы, к которым применяются следующие стили. */
.tg-brand span {
/* Codex CSS note line 87: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 88: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 89: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 91: Выбирает элементы, к которым применяются следующие стили. */
.tg-sidebar__top {
/* Codex CSS note line 92: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 93: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: 44px 1fr;
/* Codex CSS note line 94: Задаёт свойство 'gap' для текущего селектора. */
    gap: 8px;
/* Codex CSS note line 95: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 96: Задаёт свойство 'padding' для текущего селектора. */
    padding: 10px 12px 8px;
/* Codex CSS note line 97: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 99: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button,
/* Codex CSS note line 100: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach,
/* Codex CSS note line 101: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button,
/* Codex CSS note line 102: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-button,
/* Codex CSS note line 103: Выбирает элементы, к которым применяются следующие стили. */
.tg-scroll-down {
/* Codex CSS note line 104: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 105: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 106: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 107: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 108: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 110: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button {
/* Codex CSS note line 111: Задаёт свойство 'width' для текущего селектора. */
    width: 42px;
/* Codex CSS note line 112: Задаёт свойство 'height' для текущего селектора. */
    height: 42px;
/* Codex CSS note line 113: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 114: Задаёт свойство 'background' для текущего селектора. */
    background: transparent;
/* Codex CSS note line 115: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 117: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button span,
/* Codex CSS note line 118: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button span::before,
/* Codex CSS note line 119: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button span::after {
/* Codex CSS note line 120: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 121: Задаёт свойство 'width' для текущего селектора. */
    width: 18px;
/* Codex CSS note line 122: Задаёт свойство 'height' для текущего селектора. */
    height: 2px;
/* Codex CSS note line 123: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 124: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-muted);
/* Codex CSS note line 125: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 126: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 128: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button span::before {
/* Codex CSS note line 129: Задаёт свойство 'transform' для текущего селектора. */
    transform: translateY(-6px);
/* Codex CSS note line 130: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 132: Выбирает элементы, к которым применяются следующие стили. */
.tg-menu-button span::after {
/* Codex CSS note line 133: Задаёт свойство 'transform' для текущего селектора. */
    transform: translateY(4px);
/* Codex CSS note line 134: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 136: Выбирает элементы, к которым применяются следующие стили. */
.tg-search-form input,
/* Codex CSS note line 137: Выбирает элементы, к которым применяются следующие стили. */
.tg-header-search input,
/* Codex CSS note line 138: Выбирает элементы, к которым применяются следующие стили. */
.tg-start-chat input {
/* Codex CSS note line 139: Задаёт свойство 'width' для текущего селектора. */
    width: 100%;
/* Codex CSS note line 140: Задаёт свойство 'height' для текущего селектора. */
    height: 38px;
/* Codex CSS note line 141: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 142: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 10px;
/* Codex CSS note line 143: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0 13px;
/* Codex CSS note line 144: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 145: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-text);
/* Codex CSS note line 146: Задаёт свойство 'font' для текущего селектора. */
    font: inherit;
/* Codex CSS note line 147: Задаёт свойство 'outline' для текущего селектора. */
    outline: 0;
/* Codex CSS note line 148: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 150: Выбирает элементы, к которым применяются следующие стили. */
.tg-search-form input::placeholder,
/* Codex CSS note line 151: Выбирает элементы, к которым применяются следующие стили. */
.tg-header-search input::placeholder,
/* Codex CSS note line 152: Выбирает элементы, к которым применяются следующие стили. */
.tg-start-chat input::placeholder {
/* Codex CSS note line 153: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 154: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 156: Выбирает элементы, к которым применяются следующие стили. */
.tg-sidebar__tabs {
/* Codex CSS note line 157: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 158: Задаёт свойство 'gap' для текущего селектора. */
    gap: 6px;
/* Codex CSS note line 159: Задаёт свойство 'overflow-x' для текущего селектора. */
    overflow-x: auto;
/* Codex CSS note line 160: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0 12px 10px;
/* Codex CSS note line 161: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 163: Выбирает элементы, к которым применяются следующие стили. */
.tg-sidebar__tab {
/* Codex CSS note line 164: Задаёт свойство 'flex' для текущего селектора. */
    flex: 0 0 auto;
/* Codex CSS note line 165: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 166: Задаёт свойство 'padding' для текущего селектора. */
    padding: 7px 12px;
/* Codex CSS note line 167: Задаёт свойство 'background' для текущего селектора. */
    background: transparent;
/* Codex CSS note line 168: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 169: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 170: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 600;
/* Codex CSS note line 171: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 173: Выбирает элементы, к которым применяются следующие стили. */
.tg-sidebar__tab--active {
/* Codex CSS note line 174: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.16);
/* Codex CSS note line 175: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-accent);
/* Codex CSS note line 176: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 178: Выбирает элементы, к которым применяются следующие стили. */
.tg-start-chat {
/* Codex CSS note line 179: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 180: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: minmax(0, 1fr) auto;
/* Codex CSS note line 181: Задаёт свойство 'gap' для текущего селектора. */
    gap: 8px;
/* Codex CSS note line 182: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: start;
/* Codex CSS note line 183: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0 12px 10px;
/* Codex CSS note line 184: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 186: Выбирает элементы, к которым применяются следующие стили. */
.tg-start-chat button {
/* Codex CSS note line 187: Задаёт свойство 'width' для текущего селектора. */
    width: auto;
/* Codex CSS note line 188: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 88px;
/* Codex CSS note line 189: Задаёт свойство 'height' для текущего селектора. */
    height: 38px;
/* Codex CSS note line 190: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 191: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 10px;
/* Codex CSS note line 192: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0 13px;
/* Codex CSS note line 193: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-accent);
/* Codex CSS note line 194: Задаёт свойство 'color' для текущего селектора. */
    color: #ffffff;
/* Codex CSS note line 195: Задаёт свойство 'font' для текущего селектора. */
    font: inherit;
/* Codex CSS note line 196: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 700;
/* Codex CSS note line 197: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 198: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 199: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 201: Выбирает элементы, к которым применяются следующие стили. */
.tg-start-chat .errorlist {
/* Codex CSS note line 202: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 1 / -1;
/* Codex CSS note line 203: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 205: Выбирает элементы, к которым применяются следующие стили. */
.tg-dialogs {
/* Codex CSS note line 206: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 0;
/* Codex CSS note line 207: Задаёт свойство 'overflow-y' для текущего селектора. */
    overflow-y: auto;
/* Codex CSS note line 208: Задаёт свойство 'padding' для текущего селектора. */
    padding: 2px 0 8px;
/* Codex CSS note line 209: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 211: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview {
/* Codex CSS note line 212: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 213: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: 52px minmax(0, 1fr);
/* Codex CSS note line 214: Задаёт свойство 'gap' для текущего селектора. */
    gap: 12px;
/* Codex CSS note line 215: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 216: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 72px;
/* Codex CSS note line 217: Задаёт свойство 'padding' для текущего селектора. */
    padding: 9px 12px;
/* Codex CSS note line 218: Задаёт свойство 'color' для текущего селектора. */
    color: inherit;
/* Codex CSS note line 219: Задаёт свойство 'text-decoration' для текущего селектора. */
    text-decoration: none;
/* Codex CSS note line 220: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 222: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview:hover {
/* Codex CSS note line 223: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-sidebar-hover);
/* Codex CSS note line 224: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 226: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview--active,
/* Codex CSS note line 227: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview--active:hover {
/* Codex CSS note line 228: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-sidebar-active);
/* Codex CSS note line 229: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 231: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview__body {
/* Codex CSS note line 232: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 233: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 235: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview__row {
/* Codex CSS note line 236: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 237: Задаёт свойство 'justify-content' для текущего селектора. */
    justify-content: space-between;
/* Codex CSS note line 238: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 239: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: baseline;
/* Codex CSS note line 240: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 242: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview strong {
/* Codex CSS note line 243: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 244: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 245: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 15px;
/* Codex CSS note line 246: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 247: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 248: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 250: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview time,
/* Codex CSS note line 251: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview span {
/* Codex CSS note line 252: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 253: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 254: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 256: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview span {
/* Codex CSS note line 257: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 258: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 259: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 4px;
/* Codex CSS note line 260: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 261: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 262: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 264: Выбирает элементы, к которым применяются следующие стили. */
.tg-unread-badge {
/* Codex CSS note line 265: Задаёт свойство 'display' для текущего селектора. */
    display: inline-grid;
/* Codex CSS note line 266: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 267: Задаёт свойство 'width' для текущего селектора. */
    width: fit-content;
/* Codex CSS note line 268: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 20px;
/* Codex CSS note line 269: Задаёт свойство 'height' для текущего селектора. */
    height: 20px;
/* Codex CSS note line 270: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 6px;
/* Codex CSS note line 271: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 272: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0 6px;
/* Codex CSS note line 273: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-accent);
/* Codex CSS note line 274: Задаёт свойство 'color' для текущего селектора. */
    color: #ffffff;
/* Codex CSS note line 275: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 276: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 800;
/* Codex CSS note line 277: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 279: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview--active time,
/* Codex CSS note line 280: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-preview--active span {
/* Codex CSS note line 281: Задаёт свойство 'color' для текущего селектора. */
    color: rgba(255, 255, 255, 0.72);
/* Codex CSS note line 282: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 284: Выбирает элементы, к которым применяются следующие стили. */
.tg-avatar {
/* Codex CSS note line 285: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 286: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 287: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 288: Задаёт свойство 'width' для текущего селектора. */
    width: 52px;
/* Codex CSS note line 289: Задаёт свойство 'height' для текущего селектора. */
    height: 52px;
/* Codex CSS note line 290: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 291: Задаёт свойство 'background' для текущего селектора. */
    background: linear-gradient(135deg, #36c5f0, #2aabee 45%, #7b61ff);
/* Codex CSS note line 292: Задаёт свойство 'color' для текущего селектора. */
    color: #ffffff;
/* Codex CSS note line 293: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 700;
/* Codex CSS note line 294: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 296: Выбирает элементы, к которым применяются следующие стили. */
.tg-avatar img {
/* Codex CSS note line 297: Задаёт свойство 'width' для текущего селектора. */
    width: 100%;
/* Codex CSS note line 298: Задаёт свойство 'height' для текущего селектора. */
    height: 100%;
/* Codex CSS note line 299: Задаёт свойство 'object-fit' для текущего селектора. */
    object-fit: cover;
/* Codex CSS note line 300: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 302: Выбирает элементы, к которым применяются следующие стили. */
.tg-avatar--small {
/* Codex CSS note line 303: Задаёт свойство 'width' для текущего селектора. */
    width: 42px;
/* Codex CSS note line 304: Задаёт свойство 'height' для текущего селектора. */
    height: 42px;
/* Codex CSS note line 305: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 307: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat {
/* Codex CSS note line 308: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 309: Задаёт свойство 'grid-template-rows' для текущего селектора. */
    grid-template-rows: 58px auto minmax(0, 1fr) auto;
/* Codex CSS note line 310: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 311: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 0;
/* Codex CSS note line 312: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-bg-chat);
/* Codex CSS note line 313: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 314: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 316: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card {
/* Codex CSS note line 317: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 318: Задаёт свойство 'gap' для текущего селектора. */
    gap: 8px;
/* Codex CSS note line 319: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 320: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 321: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 1px solid rgba(37, 50, 65, 0.74);
/* Codex CSS note line 322: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px 18px;
/* Codex CSS note line 323: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(14, 22, 33, 0.92);
/* Codex CSS note line 324: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 325: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 326: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 328: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card__icon {
/* Codex CSS note line 329: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 330: Задаёт свойство 'flex' для текущего селектора. */
    flex: 0 0 auto;
/* Codex CSS note line 331: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 332: Задаёт свойство 'width' для текущего селектора. */
    width: 24px;
/* Codex CSS note line 333: Задаёт свойство 'height' для текущего селектора. */
    height: 24px;
/* Codex CSS note line 334: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 335: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.16);
/* Codex CSS note line 336: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 337: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 800;
/* Codex CSS note line 338: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 340: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card div {
/* Codex CSS note line 341: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 342: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 343: Задаёт свойство 'gap' для текущего селектора. */
    gap: 6px;
/* Codex CSS note line 344: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: baseline;
/* Codex CSS note line 345: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 347: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card strong,
/* Codex CSS note line 348: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card span {
/* Codex CSS note line 349: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 350: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 351: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 352: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 354: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card strong {
/* Codex CSS note line 355: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 700;
/* Codex CSS note line 356: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 358: Выбирает элементы, к которым применяются следующие стили. */
.tg-sync-card span {
/* Codex CSS note line 359: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 360: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 362: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-header {
/* Codex CSS note line 363: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 364: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: auto 42px minmax(0, 1fr) auto;
/* Codex CSS note line 365: Задаёт свойство 'gap' для текущего селектора. */
    gap: 12px;
/* Codex CSS note line 366: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 367: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px 18px;
/* Codex CSS note line 368: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 1px solid var(--tg-line);
/* Codex CSS note line 369: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-header);
/* Codex CSS note line 370: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 371: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 373: Выбирает элементы, к которым применяются следующие стили. */
.tg-phone-status {
/* Codex CSS note line 374: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 375: Задаёт свойство 'gap' для текущего селектора. */
    gap: 2px;
/* Codex CSS note line 376: Задаёт свойство 'width' для текущего селектора. */
    width: 42px;
/* Codex CSS note line 377: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 378: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 379: Задаёт свойство 'line-height' для текущего селектора. */
    line-height: 1.1;
/* Codex CSS note line 380: Задаёт свойство 'text-align' для текущего селектора. */
    text-align: center;
/* Codex CSS note line 381: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 383: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-title {
/* Codex CSS note line 384: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 385: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 387: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-header h1 {
/* Codex CSS note line 388: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 389: Задаёт свойство 'margin' для текущего селектора. */
    margin: 0;
/* Codex CSS note line 390: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 391: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 16px;
/* Codex CSS note line 392: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 600;
/* Codex CSS note line 393: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 394: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 395: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 397: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-header span {
/* Codex CSS note line 398: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 399: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 400: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 402: Выбирает элементы, к которым применяются следующие стили. */
.tg-chat-tools {
/* Codex CSS note line 403: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 404: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 405: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 406: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 407: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 409: Выбирает элементы, к которым применяются следующие стили. */
.tg-header-search {
/* Codex CSS note line 410: Задаёт свойство 'width' для текущего селектора. */
    width: min(240px, 28vw);
/* Codex CSS note line 411: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 413: Выбирает элементы, к которым применяются следующие стили. */
.tg-logout button {
/* Codex CSS note line 414: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 415: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 10px;
/* Codex CSS note line 416: Задаёт свойство 'padding' для текущего селектора. */
    padding: 9px 12px;
/* Codex CSS note line 417: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 418: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 419: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 420: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 422: Выбирает элементы, к которым применяются следующие стили. */
.tg-messages {
/* Codex CSS note line 423: Задаёт свойство 'position' для текущего селектора. */
    position: relative;
/* Codex CSS note line 424: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 425: Задаёт свойство 'flex-direction' для текущего селектора. */
    flex-direction: column;
/* Codex CSS note line 426: Задаёт свойство 'gap' для текущего селектора. */
    gap: 6px;
/* Codex CSS note line 427: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 0;
/* Codex CSS note line 428: Задаёт свойство 'overflow-x' для текущего селектора. */
    overflow-x: hidden;
/* Codex CSS note line 429: Задаёт свойство 'overflow-y' для текущего селектора. */
    overflow-y: auto;
/* Codex CSS note line 430: Задаёт свойство 'padding' для текущего селектора. */
    padding: 18px min(8vw, 92px) 22px;
/* Codex CSS note line 431: Выбирает элементы, к которым применяются следующие стили. */
    background:
/* Codex CSS note line 432: Выбирает элементы, к которым применяются следующие стили. */
        radial-gradient(circle at 18px 18px, rgba(255, 255, 255, 0.035) 0 2px, transparent 3px),
/* Codex CSS note line 433: Эта строка участвует в визуальной настройке интерфейса мессенджера. */
        linear-gradient(180deg, rgba(14, 22, 33, 0.98), rgba(12, 19, 29, 0.98));
/* Codex CSS note line 434: Задаёт свойство 'background-size' для текущего селектора. */
    background-size: 34px 34px, auto;
/* Codex CSS note line 435: Задаёт свойство 'scroll-behavior' для текущего селектора. */
    scroll-behavior: smooth;
/* Codex CSS note line 436: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 438: Выбирает элементы, к которым применяются следующие стили. */
.tg-drop-zone {
/* Codex CSS note line 439: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 440: Задаёт свойство 'inset' для текущего селектора. */
    inset: 18px min(8vw, 92px);
/* Codex CSS note line 441: Задаёт свойство 'z-index' для текущего селектора. */
    z-index: 4;
/* Codex CSS note line 442: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 443: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 444: Задаёт свойство 'align-content' для текущего селектора. */
    align-content: center;
/* Codex CSS note line 445: Задаёт свойство 'gap' для текущего селектора. */
    gap: 6px;
/* Codex CSS note line 446: Задаёт свойство 'border' для текущего селектора. */
    border: 2px dashed rgba(42, 171, 238, 0.72);
/* Codex CSS note line 447: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 14px;
/* Codex CSS note line 448: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(14, 22, 33, 0.88);
/* Codex CSS note line 449: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 450: Задаёт свойство 'text-align' для текущего селектора. */
    text-align: center;
/* Codex CSS note line 451: Задаёт свойство 'pointer-events' для текущего селектора. */
    pointer-events: none;
/* Codex CSS note line 452: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 454: Выбирает элементы, к которым применяются следующие стили. */
.tg-drop-zone strong {
/* Codex CSS note line 455: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 16px;
/* Codex CSS note line 456: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 458: Выбирает элементы, к которым применяются следующие стили. */
.tg-drop-zone span {
/* Codex CSS note line 459: Задаёт свойство 'max-width' для текущего селектора. */
    max-width: 280px;
/* Codex CSS note line 460: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 461: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 462: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 464: Выбирает элементы, к которым применяются следующие стили. */
.tg-messages--dragging .tg-drop-zone {
/* Codex CSS note line 465: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 466: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 468: Выбирает элементы, к которым применяются следующие стили. */
.tg-typing-indicator {
/* Codex CSS note line 469: Задаёт свойство 'align-self' для текущего селектора. */
    align-self: flex-start;
/* Codex CSS note line 470: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 4px;
/* Codex CSS note line 471: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 472: Задаёт свойство 'padding' для текущего селектора. */
    padding: 6px 12px;
/* Codex CSS note line 473: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(20, 32, 44, 0.82);
/* Codex CSS note line 474: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 475: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 476: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 478: Выбирает элементы, к которым применяются следующие стили. */
.tg-typing-indicator[hidden] {
/* Codex CSS note line 479: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 480: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 482: Выбирает элементы, к которым применяются следующие стили. */
.tg-date-chip,
/* Codex CSS note line 483: Выбирает элементы, к которым применяются следующие стили. */
.tg-empty-state {
/* Codex CSS note line 484: Задаёт свойство 'align-self' для текущего селектора. */
    align-self: center;
/* Codex CSS note line 485: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 486: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(20, 32, 44, 0.82);
/* Codex CSS note line 487: Задаёт свойство 'color' для текущего селектора. */
    color: #aebdcc;
/* Codex CSS note line 488: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
/* Codex CSS note line 489: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 491: Выбирает элементы, к которым применяются следующие стили. */
.tg-date-chip {
/* Codex CSS note line 492: Задаёт свойство 'margin-bottom' для текущего селектора. */
    margin-bottom: 8px;
/* Codex CSS note line 493: Задаёт свойство 'padding' для текущего селектора. */
    padding: 5px 12px;
/* Codex CSS note line 494: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 495: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 497: Выбирает элементы, к которым применяются следующие стили. */
.tg-message {
/* Codex CSS note line 498: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 499: Задаёт свойство 'width' для текущего селектора. */
    width: 100%;
/* Codex CSS note line 500: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 501: Задаёт свойство 'justify-content' для текущего селектора. */
    justify-content: flex-start;
/* Codex CSS note line 502: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 504: Выбирает элементы, к которым применяются следующие стили. */
.tg-message--own {
/* Codex CSS note line 505: Задаёт свойство 'justify-content' для текущего селектора. */
    justify-content: flex-end;
/* Codex CSS note line 506: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 508: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-bubble {
/* Codex CSS note line 509: Задаёт свойство 'position' для текущего селектора. */
    position: relative;
/* Codex CSS note line 510: Задаёт свойство 'max-width' для текущего селектора. */
    max-width: min(560px, 78%);
/* Codex CSS note line 511: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 512: Задаёт свойство 'overflow-wrap' для текущего селектора. */
    overflow-wrap: anywhere;
/* Codex CSS note line 513: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px 8px 8px 2px;
/* Codex CSS note line 514: Задаёт свойство 'padding' для текущего селектора. */
    padding: 7px 9px 5px;
/* Codex CSS note line 515: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-bubble);
/* Codex CSS note line 516: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-text);
/* Codex CSS note line 517: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
/* Codex CSS note line 518: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 520: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-bubble::after {
/* Codex CSS note line 521: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 522: Задаёт свойство 'bottom' для текущего селектора. */
    bottom: 0;
/* Codex CSS note line 523: Задаёт свойство 'left' для текущего селектора. */
    left: -7px;
/* Codex CSS note line 524: Задаёт свойство 'width' для текущего селектора. */
    width: 8px;
/* Codex CSS note line 525: Задаёт свойство 'height' для текущего селектора. */
    height: 12px;
/* Codex CSS note line 526: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-bubble);
/* Codex CSS note line 527: Задаёт свойство 'clip-path' для текущего селектора. */
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
/* Codex CSS note line 528: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 529: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 531: Выбирает элементы, к которым применяются следующие стили. */
.tg-message--own .tg-message-bubble {
/* Codex CSS note line 532: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px 8px 2px 8px;
/* Codex CSS note line 533: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-bubble-own);
/* Codex CSS note line 534: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-bubble-own-text);
/* Codex CSS note line 535: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 537: Выбирает элементы, к которым применяются следующие стили. */
.tg-message--own .tg-message-bubble::after {
/* Codex CSS note line 538: Задаёт свойство 'right' для текущего селектора. */
    right: -7px;
/* Codex CSS note line 539: Задаёт свойство 'left' для текущего селектора. */
    left: auto;
/* Codex CSS note line 540: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-bubble-own);
/* Codex CSS note line 541: Задаёт свойство 'clip-path' для текущего селектора. */
    clip-path: polygon(0 0, 100% 100%, 0 100%);
/* Codex CSS note line 542: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 544: Выбирает элементы, к которым применяются следующие стили. */
.tg-bubble-tail {
/* Codex CSS note line 545: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 546: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 548: Выбирает элементы, к которым применяются следующие стили. */
.tg-message__author {
/* Codex CSS note line 549: Задаёт свойство 'margin-bottom' для текущего селектора. */
    margin-bottom: 3px;
/* Codex CSS note line 550: Задаёт свойство 'color' для текущего селектора. */
    color: #64b5f6;
/* Codex CSS note line 551: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 552: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 600;
/* Codex CSS note line 553: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 555: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-bubble p {
/* Codex CSS note line 556: Задаёт свойство 'margin' для текущего селектора. */
    margin: 0;
/* Codex CSS note line 557: Задаёт свойство 'line-height' для текущего селектора. */
    line-height: 1.38;
/* Codex CSS note line 558: Задаёт свойство 'overflow-wrap' для текущего селектора. */
    overflow-wrap: anywhere;
/* Codex CSS note line 559: Задаёт свойство 'word-break' для текущего селектора. */
    word-break: break-word;
/* Codex CSS note line 560: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 562: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-bubble time {
/* Codex CSS note line 563: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 564: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 3px;
/* Codex CSS note line 565: Задаёт свойство 'color' для текущего селектора. */
    color: rgba(220, 232, 243, 0.62);
/* Codex CSS note line 566: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 567: Задаёт свойство 'overflow-wrap' для текущего селектора. */
    overflow-wrap: anywhere;
/* Codex CSS note line 568: Задаёт свойство 'text-align' для текущего селектора. */
    text-align: right;
/* Codex CSS note line 569: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 571: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-menu {
/* Codex CSS note line 572: Задаёт свойство 'position' для текущего селектора. */
    position: relative;
/* Codex CSS note line 573: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 6px;
/* Codex CSS note line 574: Задаёт свойство 'text-align' для текущего селектора. */
    text-align: right;
/* Codex CSS note line 575: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 577: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-menu summary {
/* Codex CSS note line 578: Задаёт свойство 'display' для текущего селектора. */
    display: inline-grid;
/* Codex CSS note line 579: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 580: Задаёт свойство 'width' для текущего селектора. */
    width: 28px;
/* Codex CSS note line 581: Задаёт свойство 'height' для текущего селектора. */
    height: 22px;
/* Codex CSS note line 582: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 583: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 584: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 585: Задаёт свойство 'list-style' для текущего селектора. */
    list-style: none;
/* Codex CSS note line 586: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 588: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-menu summary::-webkit-details-marker {
/* Codex CSS note line 589: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 590: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 592: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-menu summary::before {
/* Codex CSS note line 593: Задаёт свойство 'content' для текущего селектора. */
    content: "...";
/* Codex CSS note line 594: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 596: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-actions {
/* Codex CSS note line 597: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 598: Задаёт свойство 'top' для текущего селектора. */
    top: calc(100% + 4px);
/* Codex CSS note line 599: Задаёт свойство 'right' для текущего селектора. */
    right: 0;
/* Codex CSS note line 600: Задаёт свойство 'z-index' для текущего селектора. */
    z-index: 3;
/* Codex CSS note line 601: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 602: Задаёт свойство 'gap' для текущего селектора. */
    gap: 8px;
/* Codex CSS note line 603: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 118px;
/* Codex CSS note line 604: Задаёт свойство 'border' для текущего селектора. */
    border: 1px solid rgba(185, 220, 255, 0.18);
/* Codex CSS note line 605: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 606: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px;
/* Codex CSS note line 607: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 608: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
/* Codex CSS note line 609: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 611: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-actions a,
/* Codex CSS note line 612: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-actions button {
/* Codex CSS note line 613: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 614: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0;
/* Codex CSS note line 615: Задаёт свойство 'background' для текущего селектора. */
    background: transparent;
/* Codex CSS note line 616: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 617: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 618: Задаёт свойство 'font' для текущего селектора. */
    font: inherit;
/* Codex CSS note line 619: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 620: Задаёт свойство 'text-decoration' для текущего селектора. */
    text-decoration: none;
/* Codex CSS note line 621: Задаёт свойство 'text-align' для текущего селектора. */
    text-align: left;
/* Codex CSS note line 622: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 624: Выбирает элементы, к которым применяются следующие стили. */
.tg-image-attachment {
/* Codex CSS note line 625: Задаёт свойство 'margin' для текущего селектора. */
    margin: 6px 0 0;
/* Codex CSS note line 626: Закрывает текущий CSS-блок правил. */
}

.tg-video-attachment {
    margin: 6px 0 0;
}

.tg-video-attachment video {
    display: block;
    width: min(100%, 460px);
    max-height: 340px;
    border-radius: 7px;
    background: #101923;
}

/* Codex CSS note line 628: Выбирает элементы, к которым применяются следующие стили. */
.message__image {
/* Codex CSS note line 629: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 630: Задаёт свойство 'width' для текущего селектора. */
    width: min(100%, 420px);
/* Codex CSS note line 631: Задаёт свойство 'max-height' для текущего селектора. */
    max-height: 320px;
/* Codex CSS note line 632: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 7px;
/* Codex CSS note line 633: Задаёт свойство 'object-fit' для текущего селектора. */
    object-fit: contain;
/* Codex CSS note line 634: Задаёт свойство 'background' для текущего селектора. */
    background: #101923;
/* Codex CSS note line 635: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 637: Выбирает элементы, к которым применяются следующие стили. */
.tg-image-attachment figcaption {
/* Codex CSS note line 638: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 639: Задаёт свойство 'justify-content' для текущего селектора. */
    justify-content: space-between;
/* Codex CSS note line 640: Задаёт свойство 'gap' для текущего селектора. */
    gap: 12px;
/* Codex CSS note line 641: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 5px;
/* Codex CSS note line 642: Задаёт свойство 'color' для текущего селектора. */
    color: rgba(220, 232, 243, 0.68);
/* Codex CSS note line 643: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 644: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 646: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card {
/* Codex CSS note line 647: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 648: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: 34px minmax(0, 1fr) 20px;
/* Codex CSS note line 649: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 650: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 651: Задаёт свойство 'width' для текущего селектора. */
    width: min(100%, 340px);
/* Codex CSS note line 652: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 6px;
/* Codex CSS note line 653: Задаёт свойство 'border' для текущего селектора. */
    border: 1px solid rgba(185, 220, 255, 0.18);
/* Codex CSS note line 654: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 655: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px 10px;
/* Codex CSS note line 656: Задаёт свойство 'color' для текущего селектора. */
    color: inherit;
/* Codex CSS note line 657: Задаёт свойство 'text-decoration' для текущего селектора. */
    text-decoration: none;
/* Codex CSS note line 658: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 660: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__icon {
/* Codex CSS note line 661: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 662: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 663: Задаёт свойство 'width' для текущего селектора. */
    width: 34px;
/* Codex CSS note line 664: Задаёт свойство 'height' для текущего селектора. */
    height: 34px;
/* Codex CSS note line 665: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 666: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.2);
/* Codex CSS note line 667: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 669: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__icon::before {
/* Codex CSS note line 670: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 671: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 672: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 800;
/* Codex CSS note line 673: Задаёт свойство 'content' для текущего селектора. */
    content: "FILE";
/* Codex CSS note line 674: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 676: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card--pdf .tg-file-card__icon {
/* Codex CSS note line 677: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(255, 82, 82, 0.18);
/* Codex CSS note line 678: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 680: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card--pdf .tg-file-card__icon::before {
/* Codex CSS note line 681: Задаёт свойство 'color' для текущего селектора. */
    color: #ffb4ad;
/* Codex CSS note line 682: Задаёт свойство 'content' для текущего селектора. */
    content: "PDF";
/* Codex CSS note line 683: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 685: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card--text .tg-file-card__icon::before {
/* Codex CSS note line 686: Задаёт свойство 'content' для текущего селектора. */
    content: "TXT";
/* Codex CSS note line 687: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 689: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__body {
/* Codex CSS note line 690: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 691: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 692: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 694: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__body strong,
/* Codex CSS note line 695: Выбирает элементы, к которым применяются следующие стили. */
.tg-image-attachment figcaption span {
/* Codex CSS note line 696: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 697: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 698: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 699: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 701: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__body strong {
/* Codex CSS note line 702: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 703: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 704: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 706: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__body small {
/* Codex CSS note line 707: Задаёт свойство 'color' для текущего селектора. */
    color: rgba(220, 232, 243, 0.62);
/* Codex CSS note line 708: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 709: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 711: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__download {
/* Codex CSS note line 712: Задаёт свойство 'width' для текущего селектора. */
    width: 12px;
/* Codex CSS note line 713: Задаёт свойство 'height' для текущего селектора. */
    height: 14px;
/* Codex CSS note line 714: Задаёт свойство 'border-right' для текущего селектора. */
    border-right: 2px solid #b9dcff;
/* Codex CSS note line 715: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 2px solid #b9dcff;
/* Codex CSS note line 716: Задаёт свойство 'transform' для текущего селектора. */
    transform: translateY(-2px);
/* Codex CSS note line 717: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 719: Выбирает элементы, к которым применяются следующие стили. */
.tg-file-card__download::after {
/* Codex CSS note line 720: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 721: Задаёт свойство 'width' для текущего селектора. */
    width: 8px;
/* Codex CSS note line 722: Задаёт свойство 'height' для текущего селектора. */
    height: 8px;
/* Codex CSS note line 723: Задаёт свойство 'border-right' для текущего селектора. */
    border-right: 2px solid #b9dcff;
/* Codex CSS note line 724: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 2px solid #b9dcff;
/* Codex CSS note line 725: Задаёт свойство 'transform' для текущего селектора. */
    transform: rotate(45deg) translate(3px, 1px);
/* Codex CSS note line 726: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 727: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 729: Выбирает элементы, к которым применяются следующие стили. */
.tg-empty-state {
/* Codex CSS note line 730: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 731: Задаёт свойство 'gap' для текущего селектора. */
    gap: 4px;
/* Codex CSS note line 732: Задаёт свойство 'max-width' для текущего селектора. */
    max-width: 340px;
/* Codex CSS note line 733: Задаёт свойство 'padding' для текущего селектора. */
    padding: 12px 18px;
/* Codex CSS note line 734: Задаёт свойство 'text-align' для текущего селектора. */
    text-align: center;
/* Codex CSS note line 735: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 737: Выбирает элементы, к которым применяются следующие стили. */
.tg-empty-dialogs {
/* Codex CSS note line 738: Задаёт свойство 'padding' для текущего селектора. */
    padding: 18px 14px;
/* Codex CSS note line 739: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 740: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 14px;
/* Codex CSS note line 741: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 743: Выбирает элементы, к которым применяются следующие стили. */
.tg-scroll-down {
/* Codex CSS note line 744: Задаёт свойство 'position' для текущего селектора. */
    position: sticky;
/* Codex CSS note line 745: Задаёт свойство 'right' для текущего селектора. */
    right: 18px;
/* Codex CSS note line 746: Задаёт свойство 'bottom' для текущего селектора. */
    bottom: 12px;
/* Codex CSS note line 747: Задаёт свойство 'align-self' для текущего селектора. */
    align-self: flex-end;
/* Codex CSS note line 748: Задаёт свойство 'width' для текущего селектора. */
    width: 42px;
/* Codex CSS note line 749: Задаёт свойство 'height' для текущего селектора. */
    height: 42px;
/* Codex CSS note line 750: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 751: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 752: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);
/* Codex CSS note line 753: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 755: Выбирает элементы, к которым применяются следующие стили. */
.tg-scroll-down::before {
/* Codex CSS note line 756: Задаёт свойство 'width' для текущего селектора. */
    width: 12px;
/* Codex CSS note line 757: Задаёт свойство 'height' для текущего селектора. */
    height: 12px;
/* Codex CSS note line 758: Задаёт свойство 'border-right' для текущего селектора. */
    border-right: 2px solid var(--tg-muted);
/* Codex CSS note line 759: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 2px solid var(--tg-muted);
/* Codex CSS note line 760: Задаёт свойство 'transform' для текущего селектора. */
    transform: rotate(45deg) translateY(-2px);
/* Codex CSS note line 761: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 762: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 764: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer {
/* Codex CSS note line 765: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 766: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: repeat(4, 42px) minmax(180px, 1fr) 44px;
/* Codex CSS note line 767: Задаёт свойство 'gap' для текущего селектора. */
    gap: 8px;
/* Codex CSS note line 768: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: end;
/* Codex CSS note line 769: Задаёт свойство 'padding' для текущего селектора. */
    padding: 10px 16px;
/* Codex CSS note line 770: Задаёт свойство 'border-top' для текущего селектора. */
    border-top: 1px solid var(--tg-line);
/* Codex CSS note line 771: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-header);
/* Codex CSS note line 772: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 773: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 775: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer--empty {
/* Codex CSS note line 776: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 777: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 778: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 780: Выбирает элементы, к которым применяются следующие стили. */
.tg-editing-label {
/* Codex CSS note line 781: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 1 / -1;
/* Codex CSS note line 782: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 783: Задаёт свойство 'justify-content' для текущего селектора. */
    justify-content: space-between;
/* Codex CSS note line 784: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 785: Задаёт свойство 'border-left' для текущего селектора. */
    border-left: 3px solid var(--tg-accent);
/* Codex CSS note line 786: Задаёт свойство 'padding' для текущего селектора. */
    padding: 6px 10px;
/* Codex CSS note line 787: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 788: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.12);
/* Codex CSS note line 789: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 790: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 791: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 700;
/* Codex CSS note line 792: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 794: Выбирает элементы, к которым применяются следующие стили. */
.tg-editing-label a {
/* Codex CSS note line 795: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 796: Задаёт свойство 'text-decoration' для текущего селектора. */
    text-decoration: none;
/* Codex CSS note line 797: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 799: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview {
/* Codex CSS note line 800: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 1 / -1;
/* Codex CSS note line 801: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 802: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: 54px minmax(0, 1fr) 28px;
/* Codex CSS note line 803: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 804: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 805: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 62px;
/* Codex CSS note line 806: Задаёт свойство 'border' для текущего селектора. */
    border: 1px solid rgba(42, 171, 238, 0.2);
/* Codex CSS note line 807: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 10px;
/* Codex CSS note line 808: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px;
/* Codex CSS note line 809: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.08);
/* Codex CSS note line 810: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 812: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview[hidden] {
/* Codex CSS note line 813: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 814: Закрывает текущий CSS-блок правил. */
}

.tg-video-attachment figcaption {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 5px;
    color: rgba(220, 232, 243, 0.68);
    font-size: 11px;
}

.tg-attachment-preview--voice {
    grid-template-columns: minmax(0, 1fr) 28px;
    row-gap: 4px;
    min-height: 74px;
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 10px;
    background: #202123;
}

.tg-voice-upload {
    display: grid;
    grid-column: 1;
    grid-template-columns: 40px minmax(96px, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.tg-voice-upload__play {
    position: relative;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: #f4f4f4;
    cursor: pointer;
}

.tg-voice-upload__play::before {
    display: block;
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #202123;
    content: "";
}

.tg-voice-upload--playing .tg-voice-upload__play::before,
.tg-voice-upload--playing .tg-voice-upload__play::after {
    width: 4px;
    height: 14px;
    border: 0;
    border-radius: 2px;
    background: #202123;
    content: "";
}

.tg-voice-upload--playing .tg-voice-upload__play::before {
    margin-left: 0;
    transform: translateX(-3px);
}

.tg-voice-upload--playing .tg-voice-upload__play::after {
    position: absolute;
    transform: translateX(4px);
}

.tg-voice-upload__wave {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 42px;
    gap: 3px;
    overflow: hidden;
}

.tg-voice-upload__wave span {
    flex: 0 0 3px;
    height: var(--bar-height);
    max-height: 36px;
    border-radius: 999px;
    background: rgba(244, 244, 244, 0.68);
}

.tg-voice-upload--playing .tg-voice-upload__wave span {
    background: #f4f4f4;
}

.tg-voice-upload__duration {
    color: rgba(244, 244, 244, 0.72);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.tg-voice-upload audio {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.tg-attachment-preview--voice .tg-attachment-preview__meta {
    grid-column: 1;
    padding-left: 50px;
}

.tg-attachment-preview--voice .tg-attachment-preview__meta strong {
    color: #f4f4f4;
}

.tg-attachment-preview--voice .tg-attachment-preview__clear {
    grid-column: 2;
    grid-row: 1 / 3;
    background: rgba(255, 255, 255, 0.1);
}

/* Codex CSS note line 816: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer-status {
/* Codex CSS note line 817: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 1 / -1;
/* Codex CSS note line 818: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 819: Задаёт свойство 'padding' для текущего селектора. */
    padding: 7px 10px;
/* Codex CSS note line 820: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.12);
/* Codex CSS note line 821: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 822: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 823: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 825: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer-status[hidden] {
/* Codex CSS note line 826: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 827: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 829: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer-status--error {
/* Codex CSS note line 830: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(255, 82, 82, 0.14);
/* Codex CSS note line 831: Задаёт свойство 'color' для текущего селектора. */
    color: #ffb4ad;
/* Codex CSS note line 832: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 834: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer--sending {
/* Codex CSS note line 835: Задаёт свойство 'opacity' для текущего селектора. */
    opacity: 0.82;
/* Codex CSS note line 836: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 838: Выбирает элементы, к которым применяются следующие стили. */
.tg-recording-status {
/* Codex CSS note line 839: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 1 / -1;
/* Codex CSS note line 840: Задаёт свойство 'grid-row' для текущего селектора. */
    grid-row: 2;
/* Codex CSS note line 841: Задаёт свойство 'display' для текущего селектора. */
    display: flex;
/* Codex CSS note line 842: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 843: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 844: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 40px;
/* Codex CSS note line 845: Задаёт свойство 'border' для текущего селектора. */
    border: 1px solid rgba(255, 82, 82, 0.22);
/* Codex CSS note line 846: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 12px;
/* Codex CSS note line 847: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px 12px;
/* Codex CSS note line 848: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(255, 82, 82, 0.1);
/* Codex CSS note line 849: Задаёт свойство 'color' для текущего селектора. */
    color: #ffcbc6;
/* Codex CSS note line 850: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 851: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 853: Выбирает элементы, к которым применяются следующие стили. */
.tg-recording-status[hidden] {
/* Codex CSS note line 854: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 855: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 857: Выбирает элементы, к которым применяются следующие стили. */
.tg-recording-status__pulse {
/* Codex CSS note line 858: Задаёт свойство 'width' для текущего селектора. */
    width: 10px;
/* Codex CSS note line 859: Задаёт свойство 'height' для текущего селектора. */
    height: 10px;
/* Codex CSS note line 860: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 861: Задаёт свойство 'background' для текущего селектора. */
    background: #ff6b61;
/* Codex CSS note line 862: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 0 0 0 rgba(255, 107, 97, 0.52);
/* Codex CSS note line 863: Задаёт свойство 'animation' для текущего селектора. */
    animation: tg-recording-pulse 1.2s ease-out infinite;
/* Codex CSS note line 864: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 866: Выбирает элементы, к которым применяются следующие стили. */
.tg-recording-status strong {
/* Codex CSS note line 867: Задаёт свойство 'color' для текущего селектора. */
    color: #ffffff;
/* Codex CSS note line 868: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 870: Выбирает элементы, к которым применяются следующие стили. */
.tg-recording-status time {
/* Codex CSS note line 871: Задаёт свойство 'margin-left' для текущего селектора. */
    margin-left: auto;
/* Codex CSS note line 872: Задаёт свойство 'color' для текущего селектора. */
    color: #ffb4ad;
/* Codex CSS note line 873: Задаёт свойство 'font-variant-numeric' для текущего селектора. */
    font-variant-numeric: tabular-nums;
/* Codex CSS note line 874: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 700;
/* Codex CSS note line 875: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 877: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer--recording .tg-record-button {
/* Codex CSS note line 878: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(255, 82, 82, 0.2);
/* Codex CSS note line 879: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 881: Начинает описание CSS-анимации. */
@keyframes tg-recording-pulse {
/* Codex CSS note line 882: Описывает состояние CSS-анимации на указанном проценте. */
    0% {
/* Codex CSS note line 883: Задаёт свойство 'box-shadow' для текущего селектора. */
        box-shadow: 0 0 0 0 rgba(255, 107, 97, 0.52);
/* Codex CSS note line 884: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 886: Описывает состояние CSS-анимации на указанном проценте. */
    70% {
/* Codex CSS note line 887: Задаёт свойство 'box-shadow' для текущего селектора. */
        box-shadow: 0 0 0 9px rgba(255, 107, 97, 0);
/* Codex CSS note line 888: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 890: Описывает состояние CSS-анимации на указанном проценте. */
    100% {
/* Codex CSS note line 891: Задаёт свойство 'box-shadow' для текущего селектора. */
        box-shadow: 0 0 0 0 rgba(255, 107, 97, 0);
/* Codex CSS note line 892: Закрывает текущий CSS-блок правил. */
    }
/* Codex CSS note line 893: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 895: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview img,
/* Codex CSS note line 896: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview audio,
/* Codex CSS note line 897: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__icon {
/* Codex CSS note line 898: Задаёт свойство 'width' для текущего селектора. */
    width: 54px;
/* Codex CSS note line 899: Задаёт свойство 'height' для текущего селектора. */
    height: 46px;
/* Codex CSS note line 900: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 901: Задаёт свойство 'object-fit' для текущего селектора. */
    object-fit: cover;
/* Codex CSS note line 902: Задаёт свойство 'background' для текущего селектора. */
    background: #101923;
/* Codex CSS note line 903: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 905: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview audio {
/* Codex CSS note line 906: Задаёт свойство 'width' для текущего селектора. */
    width: min(260px, 100%);
/* Codex CSS note line 907: Задаёт свойство 'height' для текущего селектора. */
    height: 34px;
/* Codex CSS note line 908: Закрывает текущий CSS-блок правил. */
}

.tg-attachment-preview video {
    width: min(260px, 100%);
    height: 120px;
    border-radius: 8px;
    background: #101923;
}

/* Codex CSS note line 910: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__icon {
/* Codex CSS note line 911: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 912: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 913: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 915: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__icon::before {
/* Codex CSS note line 916: Задаёт свойство 'color' для текущего селектора. */
    color: #b9dcff;
/* Codex CSS note line 917: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 918: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 800;
/* Codex CSS note line 919: Задаёт свойство 'content' для текущего селектора. */
    content: "FILE";
/* Codex CSS note line 920: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 922: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__meta {
/* Codex CSS note line 923: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 924: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 925: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 927: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__meta strong,
/* Codex CSS note line 928: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__meta small {
/* Codex CSS note line 929: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 930: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 931: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 932: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 934: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__meta strong {
/* Codex CSS note line 935: Задаёт свойство 'color' для текущего селектора. */
    color: #f3f8fc;
/* Codex CSS note line 936: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 13px;
/* Codex CSS note line 937: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 939: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__meta small {
/* Codex CSS note line 940: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 941: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 942: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 944: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__clear {
/* Codex CSS note line 945: Задаёт свойство 'position' для текущего селектора. */
    position: relative;
/* Codex CSS note line 946: Задаёт свойство 'width' для текущего селектора. */
    width: 28px;
/* Codex CSS note line 947: Задаёт свойство 'height' для текущего селектора. */
    height: 28px;
/* Codex CSS note line 948: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 949: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 950: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 951: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 952: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 954: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__clear::before,
/* Codex CSS note line 955: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__clear::after {
/* Codex CSS note line 956: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 957: Задаёт свойство 'top' для текущего селектора. */
    top: 50%;
/* Codex CSS note line 958: Задаёт свойство 'left' для текущего селектора. */
    left: 50%;
/* Codex CSS note line 959: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 960: Задаёт свойство 'width' для текущего селектора. */
    width: 12px;
/* Codex CSS note line 961: Задаёт свойство 'height' для текущего селектора. */
    height: 2px;
/* Codex CSS note line 962: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-muted);
/* Codex CSS note line 963: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 964: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 966: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__clear::before {
/* Codex CSS note line 967: Задаёт свойство 'transform' для текущего селектора. */
    transform: translate(-50%, -50%) rotate(45deg);
/* Codex CSS note line 968: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 970: Выбирает элементы, к которым применяются следующие стили. */
.tg-attachment-preview__clear::after {
/* Codex CSS note line 971: Задаёт свойство 'transform' для текущего селектора. */
    transform: translate(-50%, -50%) rotate(-45deg);
/* Codex CSS note line 972: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 974: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-input {
/* Codex CSS note line 975: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 976: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 5;
/* Codex CSS note line 977: Задаёт свойство 'grid-row' для текущего селектора. */
    grid-row: 1;
/* Codex CSS note line 978: Задаёт свойство 'gap' для текущего селектора. */
    gap: 4px;
/* Codex CSS note line 979: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 980: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 982: Выбирает элементы, к которым применяются следующие стили. */
.tg-message-input > span {
/* Codex CSS note line 983: Задаёт свойство 'display' для текущего селектора. */
    display: none;
/* Codex CSS note line 984: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 986: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer textarea {
/* Codex CSS note line 987: Задаёт свойство 'width' для текущего селектора. */
    width: 100%;
/* Codex CSS note line 988: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 989: Задаёт свойство 'min-height' для текущего селектора. */
    min-height: 42px;
/* Codex CSS note line 990: Задаёт свойство 'max-height' для текущего селектора. */
    max-height: 126px;
/* Codex CSS note line 991: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 992: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 12px;
/* Codex CSS note line 993: Задаёт свойство 'padding' для текущего селектора. */
    padding: 11px 14px;
/* Codex CSS note line 994: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 995: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-text);
/* Codex CSS note line 996: Задаёт свойство 'font' для текущего селектора. */
    font: inherit;
/* Codex CSS note line 997: Задаёт свойство 'outline' для текущего селектора. */
    outline: 0;
/* Codex CSS note line 998: Задаёт свойство 'resize' для текущего селектора. */
    resize: none;
/* Codex CSS note line 999: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1001: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer textarea:focus {
/* Codex CSS note line 1002: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 0 0 2px rgba(42, 171, 238, 0.22);
/* Codex CSS note line 1003: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1005: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach,
/* Codex CSS note line 1006: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button,
/* Codex CSS note line 1007: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-button {
/* Codex CSS note line 1008: Задаёт свойство 'width' для текущего селектора. */
    width: 42px;
/* Codex CSS note line 1009: Задаёт свойство 'height' для текущего селектора. */
    height: 42px;
/* Codex CSS note line 1010: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 1011: Задаёт свойство 'background' для текущего селектора. */
    background: transparent;
/* Codex CSS note line 1012: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-muted);
/* Codex CSS note line 1013: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1015: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach span,
/* Codex CSS note line 1016: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach span::before,
/* Codex CSS note line 1017: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--file span,
/* Codex CSS note line 1018: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--file span::before,
/* Codex CSS note line 1019: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--voice span,
/* Codex CSS note line 1020: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--voice span::before,
/* Codex CSS note line 1021: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button span,
/* Codex CSS note line 1022: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button span::before,
/* Codex CSS note line 1023: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-icon,
/* Codex CSS note line 1024: Выбирает элементы, к которым применяются следующие стили. */
.tg-check {
/* Codex CSS note line 1025: Задаёт свойство 'display' для текущего селектора. */
    display: block;
/* Codex CSS note line 1026: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 1027: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1029: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach span {
/* Codex CSS note line 1030: Задаёт свойство 'width' для текущего селектора. */
    width: 17px;
/* Codex CSS note line 1031: Задаёт свойство 'height' для текущего селектора. */
    height: 13px;
/* Codex CSS note line 1032: Задаёт свойство 'border' для текущего селектора. */
    border: 2px solid var(--tg-muted);
/* Codex CSS note line 1033: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 4px;
/* Codex CSS note line 1034: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1036: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach span::before {
/* Codex CSS note line 1037: Задаёт свойство 'width' для текущего селектора. */
    width: 5px;
/* Codex CSS note line 1038: Задаёт свойство 'height' для текущего селектора. */
    height: 5px;
/* Codex CSS note line 1039: Задаёт свойство 'margin' для текущего селектора. */
    margin: 2px 0 0 2px;
/* Codex CSS note line 1040: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 1041: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-muted);
/* Codex CSS note line 1042: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1044: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--file span {
/* Codex CSS note line 1045: Задаёт свойство 'width' для текущего селектора. */
    width: 11px;
/* Codex CSS note line 1046: Задаёт свойство 'height' для текущего селектора. */
    height: 20px;
/* Codex CSS note line 1047: Задаёт свойство 'border' для текущего селектора. */
    border: 2px solid var(--tg-muted);
/* Codex CSS note line 1048: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 7px;
/* Codex CSS note line 1049: Задаёт свойство 'transform' для текущего селектора. */
    transform: rotate(28deg);
/* Codex CSS note line 1050: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1052: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--voice span,
/* Codex CSS note line 1053: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button span {
/* Codex CSS note line 1054: Задаёт свойство 'position' для текущего селектора. */
    position: relative;
/* Codex CSS note line 1055: Задаёт свойство 'width' для текущего селектора. */
    width: 13px;
/* Codex CSS note line 1056: Задаёт свойство 'height' для текущего селектора. */
    height: 19px;
/* Codex CSS note line 1057: Задаёт свойство 'border' для текущего селектора. */
    border: 2px solid var(--tg-muted);
/* Codex CSS note line 1058: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 1059: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1061: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach--voice span::before,
/* Codex CSS note line 1062: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button span::before {
/* Codex CSS note line 1063: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 1064: Задаёт свойство 'right' для текущего селектора. */
    right: -5px;
/* Codex CSS note line 1065: Задаёт свойство 'bottom' для текущего селектора. */
    bottom: -8px;
/* Codex CSS note line 1066: Задаёт свойство 'left' для текущего селектора. */
    left: -5px;
/* Codex CSS note line 1067: Задаёт свойство 'height' для текущего селектора. */
    height: 8px;
/* Codex CSS note line 1068: Задаёт свойство 'border-right' для текущего селектора. */
    border-right: 2px solid var(--tg-muted);
/* Codex CSS note line 1069: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 2px solid var(--tg-muted);
/* Codex CSS note line 1070: Задаёт свойство 'border-left' для текущего селектора. */
    border-left: 2px solid var(--tg-muted);
/* Codex CSS note line 1071: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 0 0 999px 999px;
/* Codex CSS note line 1072: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 1073: Закрывает текущий CSS-блок правил. */
}

.tg-attach--video span {
    width: 18px;
    height: 14px;
    border: 2px solid var(--tg-muted);
    border-radius: 4px;
    position: relative;
}

.tg-attach--video span::before {
    position: absolute;
    right: -7px;
    top: 3px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid var(--tg-muted);
}

/* Codex CSS note line 1075: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button {
/* Codex CSS note line 1076: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 1077: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1079: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button--active {
/* Codex CSS note line 1080: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(255, 82, 82, 0.18);
/* Codex CSS note line 1081: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1083: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button--active span,
/* Codex CSS note line 1084: Выбирает элементы, к которым применяются следующие стили. */
.tg-record-button--active span::before {
/* Codex CSS note line 1085: Задаёт свойство 'border-color' для текущего селектора. */
    border-color: #ffb4ad;
/* Codex CSS note line 1086: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1088: Выбирает элементы, к которым применяются следующие стили. */
.tg-attach input {
/* Codex CSS note line 1089: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 1090: Задаёт свойство 'width' для текущего селектора. */
    width: 1px;
/* Codex CSS note line 1091: Задаёт свойство 'height' для текущего селектора. */
    height: 1px;
/* Codex CSS note line 1092: Задаёт свойство 'opacity' для текущего селектора. */
    opacity: 0;
/* Codex CSS note line 1093: Задаёт свойство 'pointer-events' для текущего селектора. */
    pointer-events: none;
/* Codex CSS note line 1094: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1096: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-button {
/* Codex CSS note line 1097: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 6;
/* Codex CSS note line 1098: Задаёт свойство 'grid-row' для текущего селектора. */
    grid-row: 1;
/* Codex CSS note line 1099: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-accent);
/* Codex CSS note line 1100: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1102: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-label {
/* Codex CSS note line 1103: Задаёт свойство 'position' для текущего селектора. */
    position: absolute;
/* Codex CSS note line 1104: Задаёт свойство 'width' для текущего селектора. */
    width: 1px;
/* Codex CSS note line 1105: Задаёт свойство 'height' для текущего селектора. */
    height: 1px;
/* Codex CSS note line 1106: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 1107: Задаёт свойство 'clip' для текущего селектора. */
    clip: rect(0 0 0 0);
/* Codex CSS note line 1108: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 1109: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1111: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-button:hover {
/* Codex CSS note line 1112: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-accent-dark);
/* Codex CSS note line 1113: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1115: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message {
/* Codex CSS note line 1116: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 1117: Задаёт свойство 'grid-template-columns' для текущего селектора. */
    grid-template-columns: 42px minmax(0, 1fr);
/* Codex CSS note line 1118: Задаёт свойство 'gap' для текущего селектора. */
    gap: 10px;
/* Codex CSS note line 1119: Задаёт свойство 'align-items' для текущего селектора. */
    align-items: center;
/* Codex CSS note line 1120: Задаёт свойство 'width' для текущего селектора. */
    width: min(100%, 360px);
/* Codex CSS note line 1121: Задаёт свойство 'margin-top' для текущего селектора. */
    margin-top: 6px;
/* Codex CSS note line 1122: Задаёт свойство 'border' для текущего селектора. */
    border: 1px solid rgba(185, 220, 255, 0.18);
/* Codex CSS note line 1123: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 1124: Задаёт свойство 'padding' для текущего селектора. */
    padding: 8px 12px 8px 8px;
/* Codex CSS note line 1125: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.08);
/* Codex CSS note line 1126: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1128: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message__icon {
/* Codex CSS note line 1129: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 1130: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 1131: Задаёт свойство 'width' для текущего селектора. */
    width: 42px;
/* Codex CSS note line 1132: Задаёт свойство 'height' для текущего селектора. */
    height: 42px;
/* Codex CSS note line 1133: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 50%;
/* Codex CSS note line 1134: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(42, 171, 238, 0.2);
/* Codex CSS note line 1135: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1137: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message__icon::before {
/* Codex CSS note line 1138: Задаёт свойство 'width' для текущего селектора. */
    width: 11px;
/* Codex CSS note line 1139: Задаёт свойство 'height' для текущего селектора. */
    height: 18px;
/* Codex CSS note line 1140: Задаёт свойство 'border' для текущего селектора. */
    border: 2px solid #b9dcff;
/* Codex CSS note line 1141: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 999px;
/* Codex CSS note line 1142: Задаёт свойство 'content' для текущего селектора. */
    content: "";
/* Codex CSS note line 1143: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1145: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message__body {
/* Codex CSS note line 1146: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 1147: Задаёт свойство 'gap' для текущего селектора. */
    gap: 4px;
/* Codex CSS note line 1148: Задаёт свойство 'min-width' для текущего селектора. */
    min-width: 0;
/* Codex CSS note line 1149: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1151: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message audio {
/* Codex CSS note line 1152: Задаёт свойство 'width' для текущего селектора. */
    width: 100%;
/* Codex CSS note line 1153: Задаёт свойство 'height' для текущего селектора. */
    height: 34px;
/* Codex CSS note line 1154: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1156: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message__body span {
/* Codex CSS note line 1157: Задаёт свойство 'overflow' для текущего селектора. */
    overflow: hidden;
/* Codex CSS note line 1158: Задаёт свойство 'color' для текущего селектора. */
    color: rgba(220, 232, 243, 0.68);
/* Codex CSS note line 1159: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 11px;
/* Codex CSS note line 1160: Задаёт свойство 'text-overflow' для текущего селектора. */
    text-overflow: ellipsis;
/* Codex CSS note line 1161: Задаёт свойство 'white-space' для текущего селектора. */
    white-space: nowrap;
/* Codex CSS note line 1162: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1164: Выбирает элементы, к которым применяются следующие стили. */
.tg-voice-message__body small {
/* Codex CSS note line 1165: Задаёт свойство 'margin-left' для текущего селектора. */
    margin-left: 8px;
/* Codex CSS note line 1166: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1168: Выбирает элементы, к которым применяются следующие стили. */
.tg-send-icon {
/* Codex CSS note line 1169: Задаёт свойство 'width' для текущего селектора. */
    width: 0;
/* Codex CSS note line 1170: Задаёт свойство 'height' для текущего селектора. */
    height: 0;
/* Codex CSS note line 1171: Задаёт свойство 'border-top' для текущего селектора. */
    border-top: 8px solid transparent;
/* Codex CSS note line 1172: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 8px solid transparent;
/* Codex CSS note line 1173: Задаёт свойство 'border-left' для текущего селектора. */
    border-left: 14px solid #ffffff;
/* Codex CSS note line 1174: Задаёт свойство 'transform' для текущего селектора. */
    transform: translateX(2px);
/* Codex CSS note line 1175: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1177: Выбирает элементы, к которым применяются следующие стили. */
.tg-check {
/* Codex CSS note line 1178: Задаёт свойство 'width' для текущего селектора. */
    width: 16px;
/* Codex CSS note line 1179: Задаёт свойство 'height' для текущего селектора. */
    height: 9px;
/* Codex CSS note line 1180: Задаёт свойство 'border-bottom' для текущего селектора. */
    border-bottom: 2px solid #ffffff;
/* Codex CSS note line 1181: Задаёт свойство 'border-left' для текущего селектора. */
    border-left: 2px solid #ffffff;
/* Codex CSS note line 1182: Задаёт свойство 'transform' для текущего селектора. */
    transform: rotate(-45deg);
/* Codex CSS note line 1183: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1185: Выбирает элементы, к которым применяются следующие стили. */
.errorlist {
/* Codex CSS note line 1186: Задаёт свойство 'margin' для текущего селектора. */
    margin: 0;
/* Codex CSS note line 1187: Задаёт свойство 'padding' для текущего селектора. */
    padding: 0;
/* Codex CSS note line 1188: Задаёт свойство 'color' для текущего селектора. */
    color: #ff8a80;
/* Codex CSS note line 1189: Задаёт свойство 'font-size' для текущего селектора. */
    font-size: 12px;
/* Codex CSS note line 1190: Задаёт свойство 'line-height' для текущего селектора. */
    line-height: 1.25;
/* Codex CSS note line 1191: Задаёт свойство 'list-style' для текущего селектора. */
    list-style: none;
/* Codex CSS note line 1192: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1194: Выбирает элементы, к которым применяются следующие стили. */
.tg-composer > .errorlist {
/* Codex CSS note line 1195: Задаёт свойство 'grid-column' для текущего селектора. */
    grid-column: 1 / -1;
/* Codex CSS note line 1196: Задаёт свойство 'max-width' для текущего селектора. */
    max-width: 100%;
/* Codex CSS note line 1197: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 8px;
/* Codex CSS note line 1198: Задаёт свойство 'padding' для текущего селектора. */
    padding: 7px 10px;
/* Codex CSS note line 1199: Задаёт свойство 'background' для текущего селектора. */
    background: rgba(255, 82, 82, 0.14);
/* Codex CSS note line 1200: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1202: Выбирает элементы, к которым применяются следующие стили. */
.auth-page {
/* Codex CSS note line 1203: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 1204: Задаёт свойство 'place-items' для текущего селектора. */
    place-items: center;
/* Codex CSS note line 1205: Задаёт свойство 'padding' для текущего селектора. */
    padding: 20px;
/* Codex CSS note line 1206: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1208: Выбирает элементы, к которым применяются следующие стили. */
.auth-card {
/* Codex CSS note line 1209: Задаёт свойство 'width' для текущего селектора. */
    width: min(420px, 100%);
/* Codex CSS note line 1210: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 14px;
/* Codex CSS note line 1211: Задаёт свойство 'padding' для текущего селектора. */
    padding: 24px;
/* Codex CSS note line 1212: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-sidebar);
/* Codex CSS note line 1213: Задаёт свойство 'box-shadow' для текущего селектора. */
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
/* Codex CSS note line 1214: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1216: Выбирает элементы, к которым применяются следующие стили. */
.auth-card h1 {
/* Codex CSS note line 1217: Задаёт свойство 'margin' для текущего селектора. */
    margin: 0 0 18px;
/* Codex CSS note line 1218: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1220: Выбирает элементы, к которым применяются следующие стили. */
.auth-card form {
/* Codex CSS note line 1221: Задаёт свойство 'display' для текущего селектора. */
    display: grid;
/* Codex CSS note line 1222: Задаёт свойство 'gap' для текущего селектора. */
    gap: 12px;
/* Codex CSS note line 1223: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1225: Выбирает элементы, к которым применяются следующие стили. */
.auth-card input {
/* Codex CSS note line 1226: Задаёт свойство 'width' для текущего селектора. */
    width: 100%;
/* Codex CSS note line 1227: Задаёт свойство 'border' для текущего селектора. */
    border: 1px solid var(--tg-line);
/* Codex CSS note line 1228: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 10px;
/* Codex CSS note line 1229: Задаёт свойство 'padding' для текущего селектора. */
    padding: 10px 12px;
/* Codex CSS note line 1230: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-control);
/* Codex CSS note line 1231: Задаёт свойство 'color' для текущего селектора. */
    color: var(--tg-text);
/* Codex CSS note line 1232: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1234: Выбирает элементы, к которым применяются следующие стили. */
.auth-card button {
/* Codex CSS note line 1235: Задаёт свойство 'border' для текущего селектора. */
    border: 0;
/* Codex CSS note line 1236: Задаёт свойство 'border-radius' для текущего селектора. */
    border-radius: 10px;
/* Codex CSS note line 1237: Задаёт свойство 'padding' для текущего селектора. */
    padding: 11px 14px;
/* Codex CSS note line 1238: Задаёт свойство 'background' для текущего селектора. */
    background: var(--tg-accent);
/* Codex CSS note line 1239: Задаёт свойство 'color' для текущего селектора. */
    color: #ffffff;
/* Codex CSS note line 1240: Задаёт свойство 'font-weight' для текущего селектора. */
    font-weight: 700;
/* Codex CSS note line 1241: Задаёт свойство 'cursor' для текущего селектора. */
    cursor: pointer;
/* Codex CSS note line 1242: Закрывает текущий CSS-блок правил. */
}

/* Codex CSS note line 1244: Начинает адаптивный блок для указанной ширины экрана. */
@media (max-width: 760px) {
/* Codex CSS note line 1245: Выбирает элементы, к которым применяются следующие стили. */
    .tg-shell {
/* Codex CSS note line 1246: Задаёт свойство 'height' для текущего селектора. */
        height: 100vh;
/* Codex CSS note line 1247: Задаёт свойство 'height' для текущего селектора. */
        height: 100dvh;
/* Codex CSS note line 1248: Задаёт свойство 'width' для текущего селектора. */
        width: 100vw;
/* Codex CSS note line 1249: Задаёт свойство 'max-width' для текущего селектора. */
        max-width: 100vw;
/* Codex CSS note line 1250: Задаёт свойство 'grid-template-columns' для текущего селектора. */
        grid-template-columns: 1fr;
/* Codex CSS note line 1251: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1253: Выбирает элементы, к которым применяются следующие стили. */
    .tg-sidebar {
/* Codex CSS note line 1254: Задаёт свойство 'display' для текущего селектора. */
        display: none;
/* Codex CSS note line 1255: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1257: Выбирает элементы, к которым применяются следующие стили. */
    .tg-chat-header {
/* Codex CSS note line 1258: Задаёт свойство 'grid-template-columns' для текущего селектора. */
        grid-template-columns: 42px minmax(0, 1fr);
/* Codex CSS note line 1259: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1261: Выбирает элементы, к которым применяются следующие стили. */
    .tg-chat {
/* Codex CSS note line 1262: Задаёт свойство 'width' для текущего селектора. */
        width: 100vw;
/* Codex CSS note line 1263: Задаёт свойство 'max-width' для текущего селектора. */
        max-width: 100vw;
/* Codex CSS note line 1264: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1266: Выбирает элементы, к которым применяются следующие стили. */
    .tg-phone-status {
/* Codex CSS note line 1267: Задаёт свойство 'display' для текущего селектора. */
        display: none;
/* Codex CSS note line 1268: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1270: Выбирает элементы, к которым применяются следующие стили. */
    .tg-chat-tools {
/* Codex CSS note line 1271: Задаёт свойство 'display' для текущего селектора. */
        display: none;
/* Codex CSS note line 1272: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1274: Выбирает элементы, к которым применяются следующие стили. */
    .tg-messages {
/* Codex CSS note line 1275: Задаёт свойство 'padding' для текущего селектора. */
        padding: 14px 12px 18px;
/* Codex CSS note line 1276: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1278: Выбирает элементы, к которым применяются следующие стили. */
    .tg-message-bubble {
/* Codex CSS note line 1279: Задаёт свойство 'max-width' для текущего селектора. */
        max-width: min(300px, calc(100% - 28px));
/* Codex CSS note line 1280: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1282: Выбирает элементы, к которым применяются следующие стили. */
    .tg-message--own {
/* Codex CSS note line 1283: Задаёт свойство 'justify-content' для текущего селектора. */
        justify-content: flex-start;
/* Codex CSS note line 1284: Задаёт свойство 'padding-left' для текущего селектора. */
        padding-left: min(112px, 28vw);
/* Codex CSS note line 1285: Задаёт свойство 'padding-right' для текущего селектора. */
        padding-right: 0;
/* Codex CSS note line 1286: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1288: Выбирает элементы, к которым применяются следующие стили. */
    .tg-message--own .tg-message-bubble {
/* Codex CSS note line 1289: Задаёт свойство 'margin-right' для текущего селектора. */
        margin-right: 0;
/* Codex CSS note line 1290: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1292: Выбирает элементы, к которым применяются следующие стили. */
    .tg-sync-card {
/* Codex CSS note line 1293: Задаёт свойство 'padding' для текущего селектора. */
        padding: 8px 12px;
/* Codex CSS note line 1294: Задаёт свойство 'font-size' для текущего селектора. */
        font-size: 12px;
/* Codex CSS note line 1295: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1297: Выбирает элементы, к которым применяются следующие стили. */
    .tg-sync-card div {
/* Codex CSS note line 1298: Задаёт свойство 'display' для текущего селектора. */
        display: grid;
/* Codex CSS note line 1299: Задаёт свойство 'gap' для текущего селектора. */
        gap: 2px;
/* Codex CSS note line 1300: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1302: Выбирает элементы, к которым применяются следующие стили. */
    .tg-sync-card span {
/* Codex CSS note line 1303: Задаёт свойство 'max-width' для текущего селектора. */
        max-width: 300px;
/* Codex CSS note line 1304: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1306: Выбирает элементы, к которым применяются следующие стили. */
    .tg-composer {
/* Codex CSS note line 1307: Задаёт свойство 'position' для текущего селектора. */
        position: relative;
/* Codex CSS note line 1308: Задаёт свойство 'width' для текущего селектора. */
        width: 100%;
/* Codex CSS note line 1309: Задаёт свойство 'max-width' для текущего селектора. */
        max-width: 100vw;
/* Codex CSS note line 1310: Задаёт свойство 'grid-template-columns' для текущего селектора. */
        grid-template-columns: 40px 40px minmax(0, 1fr) 40px;
/* Codex CSS note line 1311: Задаёт свойство 'padding' для текущего селектора. */
        padding: 8px 56px 8px 8px;
/* Codex CSS note line 1312: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1314: Выбирает элементы, к которым применяются следующие стили. */
    .tg-attach,
/* Codex CSS note line 1315: Выбирает элементы, к которым применяются следующие стили. */
    .tg-record-button,
/* Codex CSS note line 1316: Выбирает элементы, к которым применяются следующие стили. */
    .tg-send-button {
/* Codex CSS note line 1317: Задаёт свойство 'width' для текущего селектора. */
        width: 40px;
/* Codex CSS note line 1318: Задаёт свойство 'height' для текущего селектора. */
        height: 40px;
/* Codex CSS note line 1319: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1321: Выбирает элементы, к которым применяются следующие стили. */
    .tg-attach--file,
/* Codex CSS note line 1322: Выбирает элементы, к которым применяются следующие стили. */
    .tg-attach--voice {
/* Codex CSS note line 1323: Задаёт свойство 'display' для текущего селектора. */
        display: none;
/* Codex CSS note line 1324: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1326: Выбирает элементы, к которым применяются следующие стили. */
    .tg-record-button {
/* Codex CSS note line 1327: Задаёт свойство 'display' для текущего селектора. */
        display: grid;
/* Codex CSS note line 1328: Задаёт свойство 'grid-column' для текущего селектора. */
        grid-column: 2;
/* Codex CSS note line 1329: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1331: Выбирает элементы, к которым применяются следующие стили. */
    .tg-recording-status {
/* Codex CSS note line 1332: Задаёт свойство 'width' для текущего селектора. */
        width: min(calc(100vw - 16px), 374px);
/* Codex CSS note line 1333: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1335: Выбирает элементы, к которым применяются следующие стили. */
    .tg-message-input {
/* Codex CSS note line 1336: Задаёт свойство 'grid-column' для текущего селектора. */
        grid-column: 3;
/* Codex CSS note line 1337: Задаёт свойство 'grid-row' для текущего селектора. */
        grid-row: 1;
/* Codex CSS note line 1338: Закрывает текущий CSS-блок правил. */
    }

/* Codex CSS note line 1340: Выбирает элементы, к которым применяются следующие стили. */
    .tg-send-button {
/* Codex CSS note line 1341: Задаёт свойство 'position' для текущего селектора. */
        position: absolute;
/* Codex CSS note line 1342: Задаёт свойство 'top' для текущего селектора. */
        top: 8px;
/* Codex CSS note line 1343: Задаёт свойство 'right' для текущего селектора. */
        right: auto;
/* Codex CSS note line 1344: Задаёт свойство 'left' для текущего селектора. */
        left: min(calc(100vw - 48px), 342px);
/* Codex CSS note line 1345: Закрывает текущий CSS-блок правил. */
    }
/* Codex CSS note line 1346: Закрывает текущий CSS-блок правил. */
}