Фронтенд Гайд

\n\n📌В этом примере через style элементу назначаются цвет текста и фон.\n\nstyle удобно использовать для изменения размеров, позиционирования, анимаций и состояния элементов. Но если требуется масштабное оформление, лучше применять CSS-классы, а не инлайн-стили — это делает код чище и легче поддерживаемым","datePublished":"2025-09-14T09:00:52Z","dateModified":"2025-09-14T09:00:52Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":674},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3500","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3500","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3500","headline":"Фронтенд Гайд","datePublished":"2025-09-13T09:03:19Z","dateModified":"2025-09-13T09:03:19Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":641},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3499","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3499","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3499","headline":"👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку Сделана SCSS 🔗 Отк…","articleBody":"👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку\n\nСделана SCSS\n\n🔗 Открыть код","datePublished":"2025-09-12T15:03:06Z","dateModified":"2025-09-12T15:03:06Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":702},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3498","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3498","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3498","headline":"Фронтенд Гайд","datePublished":"2025-09-12T07:04:12Z","dateModified":"2025-09-12T07:04:12Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":681},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3497","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3497","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3497","headline":"⚙️ SRE на Frontend`е Это еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта,…","articleBody":"⚙️ SRE на Frontend`е\n\nЭто еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта, которые вы можете внедрить самостоятельно и упростить свою работу, а также помочь отделу в целом.\n\n🔗 Читать статью","datePublished":"2025-09-11T15:01:44Z","dateModified":"2025-09-11T15:01:44Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":671},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3496","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3496","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3496","headline":"Фронтенд Гайд","datePublished":"2025-09-11T06:20:05Z","dateModified":"2025-09-11T06:20:05Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":661},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3495","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3495","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3495","headline":"Фронтенд Гайд","datePublished":"2025-09-10T15:05:18Z","dateModified":"2025-09-10T15:05:18Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":645},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3494","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3494","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3494","headline":"👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки Сделана на чистом CSS…","articleBody":"👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки\n\nСделана на чистом CSS\n\n🔗 Открыть код","datePublished":"2025-09-10T06:50:44Z","dateModified":"2025-09-10T06:50:44Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":624},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3493","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3493","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3493","headline":"⚙️ Деструктуризация в JavaScript Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значе…","articleBody":"⚙️ Деструктуризация в JavaScript\n\nРазберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.\n\n🔗 Читать статью","datePublished":"2025-09-09T15:03:45Z","dateModified":"2025-09-09T15:03:45Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":680},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3492","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3492","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3492","headline":"⚙️ Деструктуризация в JavaScript Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значе…","articleBody":"⚙️ Деструктуризация в JavaScript\n\nРазберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.\n\n🔗 Читать статью","datePublished":"2025-09-09T06:52:54Z","dateModified":"2025-09-09T06:53:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3491","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3491","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3491","headline":"Фронтенд Гайд","datePublished":"2025-09-09T06:51:03Z","dateModified":"2025-09-09T06:51:03Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":664},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3490","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3490","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3490","headline":"👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта Сделана н…","articleBody":"👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта\n\nСделана на чистом CSS\n\n🔗 Открыть код","datePublished":"2025-09-08T15:00:50Z","dateModified":"2025-09-08T15:00:50Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":643},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3489","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3489","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3489","headline":"Фронтенд Гайд","datePublished":"2025-09-08T07:03:07Z","dateModified":"2025-09-08T07:03:07Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":639},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3488","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3488","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3488","headline":"❓ Зачем используется свойство value в JavaScript и когда его применять? Свойство value позволяет получить или…","articleBody":"❓ Зачем используется свойство value в JavaScript и когда его применять?\n\nСвойство value позволяет получить или изменить текущее значение элементов форм — таких как , или <select>. Это основной способ работы с пользовательским вводом на стороне фронтенда.\n\n✅Пример:\n\n<input id=\"nameInput\" type=\"text\" placeholder=\"Введите имя\">\n<script>\n const input = document.getElementById(\"nameInput\");\n input.value = \"Alice\"; // Установим значение\n\n console.log(input.value); // Получим текущее значение ➜ \"Alice\"\n</script>\n\n📌В этом примере value сначала задаёт значение в поле ввода, а затем позволяет его прочитать.\n\nvalue удобно использовать для работы с формами, валидацией, автозаполнением, поиска и динамического изменения данных. Это ключевой инструмент при создании интерактивных интерфейсов.","datePublished":"2025-09-07T09:01:26Z","dateModified":"2025-09-07T09:01:26Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":662},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3487","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3487","mainEntityOfPage":"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3487","headline":"Фронтенд Гайд","datePublished":"2025-09-06T09:03:50Z","dateModified":"2025-09-06T09:03:50Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/en/channels/1681900587-frontend_dev5","image":"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":637},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}}]}</script><div class="w-full flex-1"><div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n51dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><div class="flex gap-4"><div class="relative flex aspect-square h-[132px] w-full flex-none items-center justify-center bg-[#F6F7F8] rounded-[10px]" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwC9RRRSNQpQcHIpKOtADA/OD1opzwnO4jAorRMh2LRjU9qTyk9KKKgm7F8tB2pwAHQYoooARgGBBooooA//2Q==);background-size:cover;background-position:center;background-repeat:no-repeat"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwC9RRRSNQpQcHIpKOtADA/OD1opzwnO4jAorRMh2LRjU9qTyk9KKKgm7F8tB2pwAHQYoooARgGBBooooA//2Q==" alt="" class="hidden"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center bg-[#F6F7F8CC] rounded-[10px]"><i class="icon-play-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="relative flex flex-1"></div></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>👩‍💻<b> SVG background animation test</b> — Разъезжающиеся фигуры произвольной формы в качестве фона <blockquote class="post-blockquote">Сделано на CSS</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fcodepen.io%2Fpfbarnet%2Fpen%2FyLNzYLm" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Открыть код</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>689</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>6</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>3</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n52dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="flex flex-nowrap items-center gap-2"><span class="inline-flex max-w-[60%]"><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="badge badge_amber inline-flex items-center justify-center">Ad</span></button></span></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><img alt="⚙️ Вам больше не нужен JavaScript Покажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dvw, :has(), перех" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="avatar aspect-square h-full w-full rounded-lg object-cover avatar__circle avatar__96" style="color:transparent;--border-size:2px" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCktu7xhwVwTjk4p4tGIJ3p69aE2tAA0TsQT8w9KB5JyfKkx2waAD7I2M70wASear1LKuT+7jdVHUHmoqACiiigCRJpIxhXIHpQs8iptDHHb2oooAU3EzZzIxzweaioooAKKKKAP//Z"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center rounded-[4px] bg-[#F6F7F8CC]"><i class="icon-image-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>⚙️ <b>Вам больше не нужен JavaScript</b> <blockquote class="post-blockquote">Покажу, как CSS+HTML берут интерактив: вложенность, <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Ft.me%2Fstarting" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url">@starting</a>-style, dvh/dvw, :has(), переходы — меньше JS, больше скорости и красоты. Примеры, гайды.</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fhabr.com%2Fru%2Farticles%2F946498%2F" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Читать статью</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>681</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>10</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n53dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative h-[132px] w-full flex-none sm:h-[132px] sm:w-[132px]"><div class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center gap-1 rounded-[10px] bg-[#F6F7F8CC] text-text-base-secondary"><i class="icon-chart-column-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col justify-center gap-y-[6px]"><div class="flex flex-wrap text-xs font-medium"><div class="line-clamp-1 overflow-wrap-anywhere whitespace-pre-line break-words"><div>Проектируете CSS-библиотеку. Хотите, чтобы потребители легко переопределяли стили без !important. Что использовать в базовых селекторах?</div></div><span class="my-1 block w-full text-xs font-normal text-text-base-secondary">Anonymous voting</span></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>658</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n54dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><div class="flex gap-4"><div class="relative flex aspect-square h-[132px] w-full flex-none items-center justify-center bg-[#F6F7F8] rounded-[10px]" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDHpwRj/CfyptTrcyBdvGPTFAEexv7p/Kk2N/dP5VP9rkznjP0ppupCcnGfpQBAaKDRQAUZoooAM0ZoooAKKKKAP//Z);background-size:cover;background-position:center;background-repeat:no-repeat"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDHpwRj/CfyptTrcyBdvGPTFAEexv7p/Kk2N/dP5VP9rkznjP0ppupCcnGfpQBAaKDRQAUZoooAM0ZoooAKKKKAP//Z" alt="" class="hidden"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center bg-[#F6F7F8CC] rounded-[10px]"><i class="icon-play-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="relative flex flex-1"></div></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>👩‍💻<b> Glitch Experiment</b> — Красивый эффект для текста <blockquote class="post-blockquote">Сделано на CSS и JS</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fcodepen.io%2Facupoftee%2Fpen%2FWNbBxXq" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Открыть код</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>669</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>1</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n55dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative h-[132px] w-full flex-none sm:h-[132px] sm:w-[132px]"><div class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center gap-1 rounded-[10px] bg-[#F6F7F8CC] text-text-base-secondary"><i class="icon-chart-column-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col justify-center gap-y-[6px]"><div class="flex flex-wrap text-xs font-medium"><div class="line-clamp-1 overflow-wrap-anywhere whitespace-pre-line break-words"><div>Элемент с position: sticky «не прилипает». У предка стоит overflow:auto. Относительно чего работает sticky по умолчанию?</div></div><span class="my-1 block w-full text-xs font-normal text-text-base-secondary">Anonymous voting</span></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>680</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>2</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n56dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div><b>❓</b><b> Зачем используется свойство </b><code class="break-all">style</code><b> в JavaScript и когда его применять?</b> Свойство <code class="break-all">style</code> позволяет напрямую изменять инлайн-стили элемента через JavaScript. Это удобно для динамического управления внешним видом интерфейса. <b>✅</b><b>Пример:</b> <pre class="whitespace-pre-line"><code class="language-html"><div id="box">Hello</div> <script> const box = document.getElementById("box"); box.style.color = "white"; box.style.backgroundColor = "blue"; </script></code></pre> 📌<b>В этом примере через style элементу назначаются цвет текста и фон.</b> <blockquote class="post-blockquote">style удобно использовать для изменения размеров, позиционирования, анимаций и состояния элементов. Но если требуется масштабное оформление, лучше применять CSS-классы, а не инлайн-стили — это делает код чище и легче поддерживаемым</blockquote></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>674</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>2</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>4</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n57dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none h-[132px] w-full"><img alt="photo content" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="avatar aspect-square h-full w-full rounded-lg object-cover avatar__circle avatar__96" style="color:transparent;--border-size:2px" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABUDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCvJIHTGOtK6K0WAuCO9QwyqHHUn6VcB2EEqRnvU2KuZjjBxRVyaCN33AlfoKKAGxogZdifNn1q4NzqAPmY9KrQs0Lh8H6irX2lUKuVOevAFAEMiYbDAgjtRUkl5BK2ZI2J9uP60UWAr27AZE5XA7etWpRbbDx/9aiigdyjKh3Dbhh60UUUAf/Z"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center rounded-[4px] bg-[#F6F7F8CC]"><i class="icon-image-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>641</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>2</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>1</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n58dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><div class="flex gap-4"><div class="relative flex aspect-square h-[132px] w-full flex-none items-center justify-center bg-[#F6F7F8] rounded-[10px]" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwB9IaWkNdZkhDSGlNIaZSHB0ETKUyxPDelFMooSLJKQ0UUjJCGkNFFMpCGiiimUf//Z);background-size:cover;background-position:center;background-repeat:no-repeat"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwB9IaWkNdZkhDSGlNIaZSHB0ETKUyxPDelFMooSLJKQ0UUjJCGkNFFMpCGiiimUf//Z" alt="" class="hidden"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center bg-[#F6F7F8CC] rounded-[10px]"><i class="icon-play-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="relative flex flex-1"></div></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>👩‍💻<b> Menu Animation</b> — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку <blockquote class="post-blockquote">Сделана SCSS</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fcodepen.io%2FGranitNebiu%2Fpen%2FZqpbQy" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Открыть код</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>702</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>4</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-thumbs-up-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n59dlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative h-[132px] w-full flex-none sm:h-[132px] sm:w-[132px]"><div class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center gap-1 rounded-[10px] bg-[#F6F7F8CC] text-text-base-secondary"><i class="icon-chart-column-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col justify-center gap-y-[6px]"><div class="flex flex-wrap text-xs font-medium"><div class="line-clamp-1 overflow-wrap-anywhere whitespace-pre-line break-words"><div>INP высокий — интерфейс «тупит» при кликах/вводе. Что в первую очередь поможет снизить INP?</div></div><span class="my-1 block w-full text-xs font-normal text-text-base-secondary">Anonymous voting</span></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>681</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>1</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5adlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><img alt="⚙️ SRE на Frontend`е Это еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта, которые вы может" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="avatar aspect-square h-full w-full rounded-lg object-cover avatar__circle avatar__96" style="color:transparent;--border-size:2px" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDUf73f86QY9z+NLIcGkU8//XouOwuPY0H6GnHOKbn2/nTFYcg+ailXrRSAZIQDyaRTz1oooGOyvtSEjvRRQIcuCwxRRRQB/9k="/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center rounded-[4px] bg-[#F6F7F8CC]"><i class="icon-image-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>⚙️ <b>SRE на Frontend`е</b> <blockquote class="post-blockquote">Это еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта, которые вы можете внедрить самостоятельно и упростить свою работу, а также помочь отделу в целом.</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fhabr.com%2Fru%2Farticles%2F944070%2F" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Читать статью</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>671</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>7</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5bdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative h-[132px] w-full flex-none sm:h-[132px] sm:w-[132px]"><div class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center gap-1 rounded-[10px] bg-[#F6F7F8CC] text-text-base-secondary"><i class="icon-chart-column-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col justify-center gap-y-[6px]"><div class="flex flex-wrap text-xs font-medium"><div class="line-clamp-1 overflow-wrap-anywhere whitespace-pre-line break-words"><div>Нужно ограничить сессионный cookie точным хостом (без поддоменов) и требовать HTTPS. Как правильно его установить?</div></div><span class="my-1 block w-full text-xs font-normal text-text-base-secondary">Anonymous voting</span></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>661</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5cdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none h-[132px] w-full"><div class="flex gap-4"><div class="relative flex aspect-square h-[132px] w-full flex-none items-center justify-center bg-[#F6F7F8] rounded-[10px]" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABYDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDIEbkZCsR64o8p8Z2Nj6VprbQ4xsI+jGka3i/utj/eNXyMnmRmMrL94EfWirskKMQQGP1Y8UVndDuTwvK/Jxt9cVOVXGc0xVVSB0FJJOCSoU7V6mjmuOMSGF8ynIwuKKk2oFGF/DNFOy7kc3ZMy/Mf++350m9v7x/OiigsXe5/iP50UUUAf//Z);background-size:cover;background-position:center;background-repeat:no-repeat"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABYDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDIEbkZCsR64o8p8Z2Nj6VprbQ4xsI+jGka3i/utj/eNXyMnmRmMrL94EfWirskKMQQGP1Y8UVndDuTwvK/Jxt9cVOVXGc0xVVSB0FJJOCSoU7V6mjmuOMSGF8ynIwuKKk2oFGF/DNFOy7kc3ZMy/Mf++350m9v7x/OiigsXe5/iP50UUUAf//Z" alt="" class="hidden"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center bg-[#F6F7F8CC] rounded-[10px]"><i class="icon-play-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="relative flex flex-1"></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>645</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-thumbs-up-line inline-flex leading-[0] text-base"></i>10</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5ddlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><div class="flex gap-4"><div class="relative flex aspect-square h-[132px] w-full flex-none items-center justify-center bg-[#F6F7F8] rounded-[10px]" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDTlmKPgKCMVG92yozBASBnrRc48zr2qkG2rcMfmA7H6CgRKdScHBWPPsatC5JjVto5GeDWct2rKORk9qc94qOqsvy7QeOvSj0He25owz+axGMYGaKr2VxFLMQnXbnpRQBZkgEjbiSOMVE1ijIy72wwxRRQBXXR4lORLJ+lOl0qOVtxlfOAO1FFAElpp6WspdXZiRjmiiigD//Z);background-size:cover;background-position:center;background-repeat:no-repeat"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDTlmKPgKCMVG92yozBASBnrRc48zr2qkG2rcMfmA7H6CgRKdScHBWPPsatC5JjVto5GeDWct2rKORk9qc94qOqsvy7QeOvSj0He25owz+axGMYGaKr2VxFLMQnXbnpRQBZkgEjbiSOMVE1ijIy72wwxRRQBXXR4lORLJ+lOl0qOVtxlfOAO1FFAElpp6WspdXZiRjmiiigD//Z" alt="" class="hidden"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center bg-[#F6F7F8CC] rounded-[10px]"><i class="icon-play-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="relative flex flex-1"></div></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>👩‍💻<b> Steam Library App Portrait Card Effect</b> — Очередной эффект при наведении на карточки <blockquote class="post-blockquote">Сделана на чистом CSS</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fcodepen.io%2FSplode%2Fpen%2FwvMPgdq" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Открыть код</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>624</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>6</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-thumbs-up-line inline-flex leading-[0] text-base"></i>1</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>1</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5edlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><img alt="⚙️ Деструктуризация в JavaScript Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="avatar aspect-square h-full w-full rounded-lg object-cover avatar__circle avatar__96" style="color:transparent;--border-size:2px" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCFoQYxjAPr61DHGZHCjH50rb43Kn5aaDj/ABo1Ldr2LLWYSPJf5vpVd42TGe9TCWQoF3Nt/wA96jlOcY6+opK5TStcfHFkA/KRRUUZLPheaKGJWY1pNx5pu704ooq0ZNtsd5g2Y2jPrTd/rRRQK4obBzRRRSsNNn//2Q=="/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center rounded-[4px] bg-[#F6F7F8CC]"><i class="icon-image-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>⚙️ <b>Деструктуризация в JavaScript</b> <blockquote class="post-blockquote">Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fhabr.com%2Fru%2Fcompanies%2Fselectel%2Farticles%2F943736%2F" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Читать статью</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>680</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>4</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5fdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>⚙️ <b>Деструктуризация в JavaScript</b> <blockquote class="post-blockquote">Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fhabr.com%2Fru%2Fcompanies%2Fselectel%2Farticles%2F943736%2F" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Читать статью</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>1</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5gdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative h-[132px] w-full flex-none sm:h-[132px] sm:w-[132px]"><div class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center gap-1 rounded-[10px] bg-[#F6F7F8CC] text-text-base-secondary"><i class="icon-chart-column-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col justify-center gap-y-[6px]"><div class="flex flex-wrap text-xs font-medium"><div class="line-clamp-1 overflow-wrap-anywhere whitespace-pre-line break-words"><div>Используете </div></div><span class="my-1 block w-full text-xs font-normal text-text-base-secondary">Anonymous voting</span></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>664</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>4</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5hdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none w-[132px]"><div class="flex gap-4"><div class="relative flex aspect-square h-[132px] w-full flex-none items-center justify-center bg-[#F6F7F8] rounded-[10px]" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDJooooAKKKKACiiigAooooAKKKKACiiigD/9k=);background-size:cover;background-position:center;background-repeat:no-repeat"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDJooooAKKKKACiiigAooooAKKKKACiiigD/9k=" alt="" class="hidden"/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center bg-[#F6F7F8CC] rounded-[10px]"><i class="icon-play-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="relative flex flex-1"></div></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div>👩‍💻<b> SVG background animation</b> — Медленный круговорот звёздного неба в качестве фона для вашего сайта <blockquote class="post-blockquote">Сделана на чистом CSS</blockquote> 🔗 <a class="text-primary break-all" href="https://go.tlmtr.io/go?from=channel&url=https%3A%2F%2Fcodepen.io%2Fbenyou1969%2Fpen%2FWNvwGvQ" rel="noopener noreferrer nofollow" target="_blank" aria-label="link to url"><b>Открыть код</b></a></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>643</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>6</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>1</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5idlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative h-[132px] w-full flex-none sm:h-[132px] sm:w-[132px]"><div class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center gap-1 rounded-[10px] bg-[#F6F7F8CC] text-text-base-secondary"><i class="icon-chart-column-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col justify-center gap-y-[6px]"><div class="flex flex-wrap text-xs font-medium"><div class="line-clamp-1 overflow-wrap-anywhere whitespace-pre-line break-words"><div>Какой кросс-доменный запрос не вызовет CORS preflight в браузере?</div></div><span class="my-1 block w-full text-xs font-normal text-text-base-secondary">Anonymous voting</span></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>639</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5jdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="my-1.5 flex flex-1 flex-col gap-3 divide-y-[1px] divide-border-base-secondary"><div class="flex flex-1 flex-col gap-y-[6px]"><div class="relative flex-1"><div class="line-clamp-6 overflow-wrap-anywhere whitespace-pre-line break-words"><div><b>❓</b><b> Зачем используется свойство </b><code class="break-all">value</code><b> в JavaScript и когда его применять?</b> Свойство <code class="break-all">value</code> позволяет получить или изменить текущее значение элементов форм — таких как <code class="break-all"><input></code>, <code class="break-all"><textarea></code> или <code class="break-all"><select></code>. Это основной способ работы с пользовательским вводом на стороне фронтенда. <b>✅</b><b>Пример:</b> <pre class="whitespace-pre-line"><code class="language-html"><input id="nameInput" type="text" placeholder="Введите имя"> <script> const input = document.getElementById("nameInput"); input.value = "Alice"; // Установим значение console.log(input.value); // Получим текущее значение ➜ "Alice" </script></code></pre> 📌<b>В этом примере value сначала задаёт значение в поле ввода, а затем позволяет его прочитать.</b> <blockquote class="post-blockquote">value удобно использовать для работы с формами, валидацией, автозаполнением, поиска и динамического изменения данных. Это ключевой инструмент при создании интерактивных интерфейсов.</blockquote></div></div></div></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>662</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>3</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-thumbs-up-line inline-flex leading-[0] text-base"></i>1</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div><div class="flex h-full flex-1"><div class="w-full @container/post"><div class="space-y-4 rounded-lg border border-border-base-secondary p-4 shadow-sm flex h-full cursor-pointer flex-col hover:bg-bg-base-secondary"><div class="flex items-center gap-2 border-b border-border-base-secondary pb-4"><div class="grid flex-1"><div class="channel-name flex items-center channel-name_30 "><div class="relative flex-none"><img alt="Фронтенд Гайд" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="avatar channel-name__avatar aspect-square avatar__circle avatar__30" style="color:transparent;--border-size:1px" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=32&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1PP5aP%2F5339498914732170172%3Fty%3Dx&w=64&q=75"/></div><div class="channel-name__content relative"><div class="channel-name__header flex items-center"><span class="grid"><a target="_blank" class="channel-name__title" href="/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></span><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><div></div></button></div><div class="channel-name__attributes flex items-center"><div class="channel-name__attribute flex items-center"><i class="icon-two-users-line inline-flex leading-[0] mr-1"></i><span>7 744</span></div></div></div></div></div><div><div class="relative" data-headlessui-state=""><div id="headlessui-menu-button-_R_3n5kdlfiutpfiurj9fivb_" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_none button_small button__icon-only"><i class="icon-dots-horizontal-line inline-flex leading-[0] button__icon button__icon-only"></i></button></div></div></div></div><div class="mb-3 mt-3 w-full flex-1 rounded-lg pb-3"><div class="flex gap-4 min-h-[132px]"><div class="relative flex-none h-[132px] w-full"><img alt="photo content" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="avatar aspect-square h-full w-full rounded-lg object-cover avatar__circle avatar__96" style="color:transparent;--border-size:2px" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABoDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCVdTDjcEdQfcf4U8XxIHyPz7j/AArPWGSNQDbyn/gJqw6FVyVdfw6UAW0vTsY+UzAdckcfpTP7UX/nif8AvqqMfmKDhyIyeQOTUWSP4z/37FIZIbqVrZkcSFhja2T6ipiLnc0jMQm3IBOefT9afBcSyxliQCDjALf41HJezCQpt6f7bf40AQ/aZS0XylQM5wM0/wC2N2i4/wB2rQmkBAY/+PN/jU32uT/Z/KmFjLSWSMDyz79KdGzvLmc9epzRRUspFhMTKGjbPsetL5b+hoopoTP/2Q=="/><div class="absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center rounded-[4px] bg-[#F6F7F8CC]"><i class="icon-image-line inline-flex leading-[0] text-[60px] text-icon-base-primary-disabled"></i></div></div></div></div><div class="flex flex-col gap-2"><div class="flex justify-between"><div class="text-xs font-medium text-text-base-secondary"></div></div><div class="flex flex-col flex-wrap items-start justify-between gap-x-4 gap-y-4 border-t border-border-base-secondary pt-3 @sm/post:flex-row @sm/post:items-center"><div class="w-full flex-1 items-baseline justify-start whitespace-nowrap @sm/post:w-auto @sm/post:flex-none"><p class="flex items-center gap-x-2 text-xs font-medium text-text-base-secondary"><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-eye-line inline-flex leading-[0] text-base"></i>637</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-arrow-repost-line inline-flex leading-[0] text-base"></i>5</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-thumbs-up-line inline-flex leading-[0] text-base"></i>8</span></button><button type="button" data-state="closed" class="flex-1 @sm/post:flex-auto" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><span class="inline-flex w-full items-center justify-center gap-0.5 rounded-md bg-bg-base-secondary p-[5px] pl-1 @sm/post:w-auto @sm/post:justify-start"><i class="icon-message-square-line inline-flex leading-[0] text-base"></i>2</span></button></p></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_xxsmall z-[1] w-full @sm/post:w-auto"><span data-state="closed">Analytics</span><i class="icon-chevron-right-line inline-flex leading-[0] button__icon"></i></button></div></div></div></div></div></div><button class="button button-border select-none whitespace-nowrap focus-visible:bg-bg-base-tertiary focus-visible:outline-none button_secondary button_medium mt-6 w-full"><i class="icon-chevron-down-line inline-flex leading-[0] button__icon"></i><a class="pointer-events-none flex items-center" href="/en/channels/1681900587-frontend_dev5/posts?cursor=IKQD" rel="next">Show more</a></button></div></div><!--$--><!--/$--></div><nav aria-label="Breadcrumb" class="hidden"><ol class="breadcrumb"><li><a href="https://telemetr.io">Telemetrio</a></li><li><a href="https://telemetr.io/en/catalog/russia">Russia</a></li><li><a href="https://telemetr.io/en/catalog/russia/technology-and-applications">Technologies & Applications</a></li><li><a href="https://telemetr.io/en/channels/1681900587-frontend_dev5">Фронтенд Гайд</a></li></ol><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Telemetrio","item":"https://telemetr.io"},{"@type":"ListItem","position":2,"name":"Russia","item":"https://telemetr.io/en/catalog/russia"},{"@type":"ListItem","position":3,"name":"Technologies & Applications","item":"https://telemetr.io/en/catalog/russia/technology-and-applications"},{"@type":"ListItem","position":4,"name":"Фронтенд Гайд","item":"https://telemetr.io/en/channels/1681900587-frontend_dev5"}]}</script></nav></main><footer class="main-footer container border-t border-border-base-secondary bg-bg-base-primary px-6 pb-5 pt-7 text-sm text-text-link-base xl:px-11 xl:pt-10"><div class="relative flex flex-col justify-between gap-x-9 gap-y-9 pb-10 min-[414px]:pb-11 md:gap-y-10 md:pb-12 lg:gap-y-9 xl:flex-row"><div class="flex flex-1 flex-wrap items-center justify-between gap-y-2 min-[1070px]:gap-x-10 xl:flex-col xl:items-start xl:justify-normal"><div class="-my-0.5 flex min-[414px]:basis-[44%] min-[1070px]:basis-0 xl:mb-4"><a class="-m-1.5 p-1.5" href=""><p class="sr-only">Telemetrio</p><span class="group flex items-center gap-3" id="logo"><div class="main-logo__icon relative flex items-center justify-center"><div class="hidden group-hover:flex"><div class="absolute bottom-[20%] left-[17%] items-center justify-center Loader_loading-container__833ya"><div class="mb-0 h-4.5 w-[20.8px] Loader_loading__MZ9UM"><div class="flex rounded bg-[#F5C324] Loader_line-sm__dMvr1"></div><div class="flex rounded bg-[#2DB6F5] Loader_line-sm__dMvr1"></div><div class="flex rounded bg-[#006DDA] Loader_line-sm__dMvr1"></div></div></div></div><svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="29" height="29" rx="5.5" class="fill-bg-base-primary"></rect><rect x="0.5" y="0.5" width="29" height="29" rx="5.5" class="stroke-border-base-secondary"></rect><path class="group-hover:hidden" id="blueLine" d="M21.7339 10.1133C22.9787 10.1133 24.0001 11.2254 24.0001 12.5758V21.5361C24.0001 22.9023 22.9947 23.9985 21.7339 23.9985C20.4891 23.9985 19.4678 22.8864 19.4678 21.5361V12.5917C19.4678 11.2254 20.4732 10.1133 21.7339 10.1133Z" fill="#006DDA"></path><path class="group-hover:hidden" id="lightBlueLine" d="M14.9995 6C16.2443 6 17.2657 7.04854 17.2657 8.31951V21.6805C17.2657 22.9673 16.2603 24 14.9995 24C13.7548 24 12.7334 22.9515 12.7334 21.6805V8.33539C12.7334 7.04854 13.7548 6 14.9995 6Z" fill="#2DB6F5"></path><path class="group-hover:hidden" id="yellowLine" d="M8.26517 14.7539C9.50996 14.7539 10.5313 15.866 10.5313 17.2164V21.5377C10.5313 22.9039 9.52591 24.0001 8.26517 24.0001C7.02039 24.0001 5.99902 22.8881 5.99902 21.5377V17.2164C6.01498 15.866 7.02039 14.7539 8.26517 14.7539Z" fill="#F5C324"></path></svg></div><svg class="main-logo__text text-text-base-primary" xmlns="http://www.w3.org/2000/svg" width="123" height="18" viewBox="0 0 123 18" fill="none"><path d="M11.9257 0.523385V3.0956H7.31912V17.3597H4.62999V3.0956H0V0.523385H11.9257Z" fill="currentColor"></path><path d="M14.8065 12.2854C14.9936 13.174 15.4223 13.8599 16.0926 14.3432C16.7629 14.8109 17.5814 15.0447 18.5479 15.0447C19.8886 15.0447 20.8941 14.5614 21.5644 13.5949L23.6456 14.8109C22.492 16.5101 20.7849 17.3597 18.5245 17.3597C16.6226 17.3597 15.0871 16.7829 13.9179 15.6293C12.7487 14.4601 12.1641 12.9869 12.1641 11.2098C12.1641 9.46378 12.7409 8.00619 13.8945 6.837C15.0481 5.65222 16.5291 5.05983 18.3374 5.05983C20.0523 5.05983 21.4553 5.66002 22.5465 6.86039C23.6534 8.06075 24.2068 9.51834 24.2068 11.2332C24.2068 11.4982 24.1756 11.8489 24.1132 12.2854H14.8065ZM14.7831 10.2276H21.6579C21.4865 9.27671 21.0889 8.55961 20.4654 8.07634C19.8574 7.59308 19.1403 7.35144 18.3141 7.35144C17.3787 7.35144 16.5992 7.60867 15.9757 8.12311C15.3521 8.63755 14.9546 9.33907 14.7831 10.2276Z" fill="currentColor"></path><path d="M27.5981 17.3597V1.45727L30.1236 0.521922V17.3597H27.5981Z" fill="currentColor"></path><path d="M36.2127 12.2854C36.3998 13.174 36.8285 13.8599 37.4988 14.3432C38.1691 14.8109 38.9876 15.0447 39.9541 15.0447C41.2948 15.0447 42.3003 14.5614 42.9706 13.5949L45.0518 14.8109C43.8982 16.5101 42.1911 17.3597 39.9307 17.3597C38.0288 17.3597 36.4933 16.7829 35.3241 15.6293C34.1549 14.4601 33.5703 12.9869 33.5703 11.2098C33.5703 9.46378 34.1471 8.00619 35.3007 6.837C36.4543 5.65222 37.9353 5.05983 39.7436 5.05983C41.4585 5.05983 42.8615 5.66002 43.9527 6.86039C45.0596 8.06075 45.613 9.51834 45.613 11.2332C45.613 11.4982 45.5818 11.8489 45.5194 12.2854H36.2127ZM36.1893 10.2276H43.0641C42.8927 9.27671 42.4951 8.55961 41.8716 8.07634C41.2636 7.59308 40.5465 7.35144 39.7203 7.35144C38.7849 7.35144 38.0054 7.60867 37.3819 8.12311C36.7583 8.63755 36.3608 9.33907 36.1893 10.2276Z" fill="currentColor"></path><path d="M61.7719 4.89615C63.097 4.89615 64.1648 5.32485 64.9755 6.18226C65.7861 7.03966 66.1914 8.19326 66.1914 9.64305V17.3597H63.666V9.80674C63.666 8.99611 63.4633 8.37254 63.058 7.93604C62.6527 7.48395 62.0993 7.25791 61.3977 7.25791C60.6183 7.25791 59.9947 7.51513 59.527 8.02957C59.075 8.54402 58.8489 9.31568 58.8489 10.3446V17.3597H56.3235V9.80674C56.3235 8.99611 56.1286 8.37254 55.7389 7.93604C55.3647 7.48395 54.8269 7.25791 54.1254 7.25791C53.3615 7.25791 52.7379 7.52293 52.2547 8.05296C51.7714 8.5674 51.5298 9.33127 51.5298 10.3446V17.3597H49.0043V5.20014H51.5298V6.60316C52.2781 5.46515 53.3927 4.89615 54.8737 4.89615C56.3702 4.89615 57.4771 5.51192 58.1942 6.74347C58.9736 5.51192 60.1662 4.89615 61.7719 4.89615Z" fill="currentColor"></path><path d="M72.0511 12.2854C72.2381 13.174 72.6668 13.8599 73.3372 14.3432C74.0075 14.8109 74.8259 15.0447 75.7925 15.0447C77.1331 15.0447 78.1386 14.5614 78.809 13.5949L80.8901 14.8109C79.7365 16.5101 78.0295 17.3597 75.7691 17.3597C73.8672 17.3597 72.3317 16.7829 71.1625 15.6293C69.9933 14.4601 69.4087 12.9869 69.4087 11.2098C69.4087 9.46378 69.9855 8.00619 71.1391 6.837C72.2927 5.65222 73.7737 5.05983 75.582 5.05983C77.2968 5.05983 78.6998 5.66002 79.7911 6.86039C80.8979 8.06075 81.4513 9.51834 81.4513 11.2332C81.4513 11.4982 81.4202 11.8489 81.3578 12.2854H72.0511ZM72.0277 10.2276H78.9025C78.731 9.27671 78.3335 8.55961 77.7099 8.07634C77.102 7.59308 76.3848 7.35144 75.5586 7.35144C74.6233 7.35144 73.8438 7.60867 73.2202 8.12311C72.5967 8.63755 72.1992 9.33907 72.0277 10.2276Z" fill="currentColor"></path><path d="M91.0014 7.63205H88.1018V13.7118C88.1018 14.1951 88.211 14.5459 88.4292 14.7641C88.6474 14.9668 88.967 15.0837 89.3879 15.1149C89.8244 15.1304 90.3623 15.1227 91.0014 15.0915V17.3597C89.0684 17.5935 87.6809 17.4298 86.8391 16.8686C85.9973 16.2918 85.5764 15.2396 85.5764 13.7118V7.63205H83.4251V5.20014H85.5764V1.27167L88.1018 0.523385V5.20014H91.0014V7.63205Z" fill="currentColor"></path><path d="M97.1007 7.16437C97.7399 5.71458 98.9403 4.98968 100.702 4.98968V7.72559C99.7353 7.66323 98.8935 7.89707 98.1764 8.4271C97.4593 8.94154 97.1007 9.79895 97.1007 10.9993V17.3597H94.5753V5.20014H97.1007V7.16437Z" fill="currentColor"></path><path d="M106.005 3.25929C105.693 3.57107 105.319 3.72696 104.883 3.72696C104.446 3.72696 104.064 3.57107 103.737 3.25929C103.425 2.93191 103.269 2.54998 103.269 2.11348C103.269 1.67698 103.425 1.30284 103.737 0.99106C104.049 0.663687 104.431 0.5 104.883 0.5C105.335 0.5 105.717 0.663687 106.029 0.99106C106.34 1.30284 106.496 1.67698 106.496 2.11348C106.496 2.54998 106.333 2.93191 106.005 3.25929ZM103.737 17.3597V6.13549L106.262 5.20014V17.3597H103.737Z" fill="currentColor"></path><path d="M116.007 17.5C114.292 17.5 112.834 16.9076 111.634 15.7228C110.434 14.5381 109.834 13.0805 109.834 11.3501C109.834 9.61967 110.434 8.16208 111.634 6.97731C112.834 5.79253 114.292 5.20014 116.007 5.20014C117.737 5.20014 119.195 5.79253 120.38 6.97731C121.58 8.16208 122.18 9.61967 122.18 11.3501C122.18 13.0805 121.58 14.5381 120.38 15.7228C119.195 16.9076 117.737 17.5 116.007 17.5ZM113.411 13.9924C114.113 14.6939 114.978 15.0447 116.007 15.0447C117.036 15.0447 117.901 14.6939 118.602 13.9924C119.304 13.2909 119.655 12.4101 119.655 11.3501C119.655 10.29 119.304 9.40922 118.602 8.70771C117.901 8.00619 117.036 7.65543 116.007 7.65543C114.978 7.65543 114.113 8.00619 113.411 8.70771C112.71 9.40922 112.359 10.29 112.359 11.3501C112.359 12.4101 112.71 13.2909 113.411 13.9924Z" fill="currentColor"></path></svg></span></a></div><div class="mb-1 flex basis-full flex-col gap-x-10 gap-y-2 min-[414px]:order-1 min-[414px]:mb-0 min-[414px]:gap-y-3 md:basis-auto md:items-start md:gap-y-2 min-[1070px]:order-none min-[1070px]:flex-row min-[1070px]:items-center xl:mb-8 xl:flex-col xl:items-start xl:gap-y-4"><p class="text-sm text-text-base-secondary">Search and analysis of Telegram channels in one place</p><button class="button button-border select-none focus-visible:bg-[inherit] focus-visible:outline-none button_primary button_small z-10 whitespace-nowrap font-medium">Sign in</button><div class="mt-5 flex gap-2 sm:mt-8 md:mt-0 xl:mt-8"><a target="_blank" title="Telegram Link" href="https://l.tlmtr.cc/35vl63"><img alt="telegram logo" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="https://cdn.tlmtr.io/_next/static/media/telegram.7780e3ac.svg"/></a><a title="Instagram Link" target="_blank" href="https://l.tlmtr.cc/GhvqNw"><img alt="instagram logo" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="https://cdn.tlmtr.io/_next/static/media/instagram.d18ee2ec.svg"/></a><a title="LinkedIn Link" target="_blank" href="https://l.tlmtr.cc/yzXMf3"><img alt="linkedin logo" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="https://cdn.tlmtr.io/_next/static/media/linkedin.f1cf6f56.svg"/></a><a title="X Link" target="_blank" href="https://l.tlmtr.cc/f3zV5B"><img alt="x logo" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="https://cdn.tlmtr.io/_next/static/media/social_x.62c9076d.svg"/></a></div></div><div class="-mt-2 min-[414px]:basis-[52%] min-[1070px]:flex-1"></div></div><div class="grid grid-cols-1 gap-x-9 gap-y-7 min-[508px]:grid-cols-2 md:grid-cols-3 md:gap-y-9 lg:gap-x-11 min-[1070px]:flex min-[1070px]:justify-start xl:gap-x-9 min-[1680px]:gap-x-[68px]"><div class="flex flex-col gap-6"><div><span class="mb-4 block text-sm font-semibold text-text-base-primary">Ratings</span><ul class="flex list-none flex-col gap-4"><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="">Primary Catalog</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/bots/global">Telegram Bots</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/countries">Countries ranking</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/categories">Ratings by category</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="">Rating of channel networks</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/collections/public">Recommended collections</a></li></ul></div></div><div class="flex flex-col gap-6"><div><span class="mb-4 block text-sm font-semibold text-text-base-primary">Tools</span><ul class="flex list-none flex-col gap-4"><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/tracking/about">Spy - Event tracking</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/ads-posts/about">Advertising posts</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="">Advertiser rankings</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/posts-search/about">Posts search</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/tg-cleaner/deleting">TgCleaner</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/tg-ads/about">Telegram Ads</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_blank" href="https://chromewebstore.google.com/detail/tg-ads-assistant/mkeadhmjcphanpkfflgogkgpdbkogodp">TG Ads Assistant<span class="bg-bg-label-primary-10 mx-1 rounded bg-bg-label-primary-01 px-1.5 py-px text-xs font-medium capitalize text-text-base-quaternary">BETA</span></a></li></ul></div></div><div class="flex flex-col gap-6"><div><span class="mb-4 block text-sm font-semibold text-text-base-primary">Dashboards</span><ul class="flex list-none flex-col gap-4"><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="">Telegram channels</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="">Bots and Mini Apps</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="">Telegram Ads</a></li></ul></div></div><div class="flex flex-col gap-6"><div><span class="mb-4 block text-sm font-semibold text-text-base-primary">Resources</span><ul class="flex list-none flex-col gap-4"><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_blank" href="https://telemetrio.gitbook.io/docs">Instruction</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="https://t.me/+5YM9Haq7C71iZjFi">English language chat support</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="https://t.me/telemetrio_news">Telemetrio News</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="/en/research-2025">Research 2025</a></li></ul></div></div><div class="flex flex-col gap-6"><div><span class="mb-4 block text-sm font-semibold text-text-base-primary">API</span><ul class="flex list-none flex-col gap-4"><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_blank" href="https://api.tlmtr.io/docs/intro/overview">API documentation</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_blank" href="https://t.me/telemetrio_api_bot">API bot</a></li></ul></div><div><span class="mb-4 block text-sm font-semibold text-text-base-primary">Our bots</span><ul class="flex list-none flex-col gap-4"><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="https://t.me/telemetr_io_bot">Analytics bot</a></li><li><a class="flex items-center font-medium text-text-link-base hover:text-text-link-base-hover" target="_self" href="https://t.me/TelemetrioAlertBot">Alert bot</a></li></ul></div></div></div><details class="group text-xs absolute bottom-2 left-0"><summary class="flex w-fit cursor-pointer list-none items-center gap-1 rounded-md border border-border-base-secondary px-2 py-1 text-text-base-secondary hover:text-text-base-primary [&::-webkit-details-marker]:hidden">English<i class="icon-chevron-down-line inline-flex leading-[0] transition-transform group-open:rotate-180"></i></summary><ul class="absolute bottom-full left-0 z-10 mb-1 max-h-60 w-max min-w-full overflow-auto rounded-md border border-border-base-secondary bg-bg-base-primary py-1 shadow-lg"><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-tertiary" href="/en/channels/1681900587-frontend_dev5/posts?cursor=IJAD">English</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/uk/channels/1681900587-frontend_dev5/posts?cursor=IJAD">Українська</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/ru/channels/1681900587-frontend_dev5/posts?cursor=IJAD">Русский</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/ar/channels/1681900587-frontend_dev5/posts?cursor=IJAD">عربسكا</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/es/channels/1681900587-frontend_dev5/posts?cursor=IJAD">Español</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/fa/channels/1681900587-frontend_dev5/posts?cursor=IJAD">فارسی</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/uz/channels/1681900587-frontend_dev5/posts?cursor=IJAD">Oʻzbekcha</a></li><li><a class="block whitespace-nowrap px-3 py-1.5 hover:bg-bg-base-secondary hover:text-text-base-primary text-text-base-secondary" href="/ch/channels/1681900587-frontend_dev5/posts?cursor=IJAD">中文</a></li></ul></details></div><div class="flex flex-col items-center justify-between pt-5 text-xs border-t gap-y-3 min-[1070px]:flex-row"><div class="flex items-center gap-1 text-text-base-tertiary order-1 min-[1070px]:order-none"><i class="icon-copywriting-line inline-flex leading-[0]"></i>2026<!-- --> <!-- -->Telemetr.io All Right Reserved</div><div class="flex flex-wrap items-center justify-center gap-3 sm:flex-row min-[1070px]:gap-6"><a href="/en/dmca" class="text-sm font-medium text-text-base-secondary">DMCA</a><a href="/en/terms-of-use" class="text-sm font-medium text-text-base-secondary">Terms of Use</a><a href="/en/privacy-policy" class="text-sm font-medium text-text-base-secondary">Telemetrio Privacy Policy</a></div></div></footer><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCM9CD4W" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="https://cdn.tlmtr.io/_next/static/chunks/webpack-724a0e2026b76c5e.js" id="_R_" async=""></script><div hidden id="S:0"><div class="item w-full hidden md:block"><div class="bg-gray-gradient relative h-full overflow-hidden rounded-lg px-4 py-[18px] shadow-border-custom-sm"><img alt="ads-index-placeholder" loading="lazy" width="772" height="212" decoding="async" data-nimg="1" class="absolute bottom-0 left-0 w-full max-w-[400px]" style="color:transparent" srcSet="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fcdn.tlmtr.io%2F_next%2Fstatic%2Fmedia%2Fads-index-placeholder.be30e9b6.png&w=828&q=75 1x, https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fcdn.tlmtr.io%2F_next%2Fstatic%2Fmedia%2Fads-index-placeholder.be30e9b6.png&w=1920&q=75 2x" src="https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fcdn.tlmtr.io%2F_next%2Fstatic%2Fmedia%2Fads-index-placeholder.be30e9b6.png&w=1920&q=75"/><div class="relative flex h-full w-full flex-col items-start gap-y-3.5"><div class="flex items-center gap-1"><span class="inline-flex max-w-full items-center gap-1 truncate font-semibold text-md lg:text-md gap-x-1.5 flex-none"><div class="grid flex-initial"><span class="truncate">Ads index</span></div><button type="button" data-state="closed" class="inline-flex" aria-label="Popover Button" aria-expanded="false" aria-haspopup="dialog"><i class="icon-info-circle-line inline-flex leading-[0] text-neutral3 text-base"></i></button></span><span class="mx-1 rounded bg-bg-label-primary-10 px-1.5 py-px text-xs font-medium capitalize text-text-base-quaternary">beta</span></div><div class="flex w-full flex-auto items-center justify-center gap-5"><button class="button button-border select-none whitespace-nowrap focus-visible:bg-[inherit] focus-visible:outline-none button_primary button_medium z-10 mx-auto"><i class="icon-lock-solid inline-flex leading-[0] button__icon"></i>Get PRO</button></div></div></div></div></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[57121,[],\"\"]\n3:I[74581,[],\"\"]\n7:I[90484,[],\"OutletBoundary\"]\n9:I[17837,[],\"AsyncMetadataOutlet\"]\nb:I[90484,[],\"ViewportBoundary\"]\nd:I[90484,[],\"MetadataBoundary\"]\ne:\"$Sreact.suspense\"\n10:I[27123,[],\"\"]\n:HL[\"https://cdn.tlmtr.io/_next/static/media/21350d82a1f187e9-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://cdn.tlmtr.io/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://cdn.tlmtr.io/_next/static/css/fdf840e3cece8d79.css\",\"style\"]\n:HL[\"https://cdn.tlmtr.io/_next/static/css/a55981e9afb98fbc.css\",\"style\"]\n:HL[\"https://cdn.tlmtr.io/_next/static/css/52e4b83915ba0fb8.css\",\"style\"]\n:HL[\"https://cdn.tlmtr.io/_next/static/css/4502c63f65b18be3.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"B_d6GaPNf_zWb-i2e8JT1\",\"p\":\"https://cdn.tlmtr.io\",\"c\":[\"\",\"en\",\"channels\",\"1681900587-frontend_dev5\",\"posts?cursor=IJAD\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"lng\",\"en\",\"d\"],{\"children\":[\"(channel)\",{\"children\":[\"channels\",{\"children\":[[\"id\",\"1681900587-frontend_dev5\",\"d\"],{\"children\":[\"posts\",{\"children\":[\"__PAGE__?{\\\"cursor\\\":\\\"IJAD\\\"}\",{}]}]}]}]},\"$undefined\",\"$undefined\",true]}]}],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"lng\",\"en\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(channel)\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://cdn.tlmtr.io/_next/static/css/fdf840e3cece8d79.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://cdn.tlmtr.io/_next/static/css/a55981e9afb98fbc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://cdn.tlmtr.io/_next/static/css/52e4b83915ba0fb8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[\"channels\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"id\",\"1681900587-frontend_dev5\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,\"$L5\"]}],{\"children\":[\"posts\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://cdn.tlmtr.io/_next/static/css/4502c63f65b18be3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",[\"$\",\"$L9\",null,{\"promise\":\"$@a\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$e\",null,{\"fallback\":null,\"children\":\"$Lf\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"11:I[42593,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"12:I[61800,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"13:I[52920,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"Providers\"]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_40980a\",\"data-gtag\":\"G-RQLZYC299K\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect dns-prefetch\",\"href\":\"https://img.tlmtr.io/\",\"crossOrigin\":\"\"}],[\"$\",\"meta\",null,{\"name\":\"google-adsense-account\",\"content\":\"ca-pub-3955148371180451\"}],[\"$\",\"script\",null,{\"id\":\"google-tag-manager\",\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-RQLZYC299K\"}],[\"$\",\"script\",null,{\"id\":\"gtm-init\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-RQLZYC299K');\\n \"}}],[[\"$\",\"script\",null,{\"data-cfasync\":\"false\",\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n googletag = window.googletag || { cmd: [] };\\n // This part of the code is necessary if you want to see ads on test pages\\n // that have a different domain than the approved one, like \\\"next-dev.telemetr.io\\\".\\n googletag.cmd.push(() =\u003e {\\n googletag.pubads().set(\\\"page_url\\\", \\\"telemetr.io\\\");\\n });\\n\\n // Configure automatic auctioning for specific units\\n window.snigelPubConf = {\\n \\\"adengine\\\": {\\n \\\"activeAdUnits\\\": [\\\"adhesive\\\"]\\n }\\n };\\n \"}}],[\"$\",\"$L11\",null,{\"data-cfasync\":\"false\",\"async\":true,\"src\":\"https://cdn.snigelweb.com/adengine/telemetr.io/loader.js\",\"type\":\"text/javascript\"}],[\"$\",\"$L11\",null,{\"src\":\"https://btloader.com/tag?o=5658536637890560\u0026upapi=true\",\"async\":true}]]]}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"className\":\"flex min-h-screen flex-col justify-between\",\"children\":[[\"$\",\"$L12\",null,{\"forcedTheme\":\"light\",\"children\":[\"$\",\"$L13\",null,{\"lng\":\"en\",\"auth\":false,\"plan\":\"$undefined\",\"permissions\":\"$undefined\",\"moderatorPermissions\":\"$undefined\",\"categories\":{\"count\":41,\"items\":[{\"id\":{\"categoryId\":\"1IKDv6$co\",\"slug\":\"news-and-media\"},\"name\":\"news \u0026 media\",\"membersCount\":\"1289871595\",\"channelsCount\":61853,\"blocked\":false,\"slug\":\"news-and-media\"},{\"id\":{\"categoryId\":\"1Y5Zq3WYB\",\"slug\":\"technology-and-applications\"},\"name\":\"technology \u0026 applications\",\"membersCount\":\"851034718\",\"channelsCount\":57309,\"blocked\":false,\"slug\":\"technology-and-applications\"},{\"id\":{\"categoryId\":\"2MoXrBvGQ\",\"slug\":\"facts\"},\"name\":\"facts\",\"membersCount\":\"71321978\",\"channelsCount\":7494,\"blocked\":false,\"slug\":\"facts\"},{\"id\":{\"categoryId\":\"5wq9Rv4UQ\",\"slug\":\"social-network\"},\"name\":\"social network\",\"membersCount\":\"87303797\",\"channelsCount\":12698,\"blocked\":false,\"slug\":\"social-network\"},{\"id\":{\"categoryId\":\"6TVkBZBWA\",\"slug\":\"nature-and-animals\"},\"name\":\"nature and animals\",\"membersCount\":\"72338708\",\"channelsCount\":17936,\"blocked\":false,\"slug\":\"nature-and-animals\"},{\"id\":{\"categoryId\":\"6rjzTbQIJ\",\"slug\":\"travel\"},\"name\":\"travel\",\"membersCount\":\"126240549\",\"channelsCount\":21468,\"blocked\":false,\"slug\":\"travel\"},{\"id\":{\"categoryId\":\"6ygb4JDbz\",\"slug\":\"music\"},\"name\":\"music\",\"membersCount\":\"399508018\",\"channelsCount\":65813,\"blocked\":false,\"slug\":\"music\"},{\"id\":{\"categoryId\":\"73wy3h7Ga\",\"slug\":\"business\"},\"name\":\"business\",\"membersCount\":\"355621005\",\"channelsCount\":56907,\"blocked\":false,\"slug\":\"business\"},{\"id\":{\"categoryId\":\"7JeRWunw9\",\"slug\":\"cryptocurrencies\"},\"name\":\"cryptocurrencies\",\"membersCount\":\"899821398\",\"channelsCount\":41133,\"blocked\":false,\"slug\":\"cryptocurrencies\"},{\"id\":{\"categoryId\":\"8k9uJJDqc\",\"slug\":\"games\"},\"name\":\"games\",\"membersCount\":\"568010071\",\"channelsCount\":75216,\"blocked\":false,\"slug\":\"games\"},{\"id\":{\"categoryId\":\"9bO2OWL7y\",\"slug\":\"picture\"},\"name\":\"picture\",\"membersCount\":\"54554692\",\"channelsCount\":8911,\"blocked\":false,\"slug\":\"picture\"},{\"id\":{\"categoryId\":\"A3kRuH61H\",\"slug\":\"art-and-design\"},\"name\":\"art \u0026 design\",\"membersCount\":\"184622964\",\"channelsCount\":55532,\"blocked\":false,\"slug\":\"art-and-design\"},{\"id\":{\"categoryId\":\"CJWBagYw7\",\"slug\":\"books\"},\"name\":\"books\",\"membersCount\":\"169983329\",\"channelsCount\":29281,\"blocked\":false,\"slug\":\"books\"},{\"id\":{\"categoryId\":\"F3fhmhPAw\",\"slug\":\"linguistics\"},\"name\":\"linguistics\",\"membersCount\":\"31234528\",\"channelsCount\":6690,\"blocked\":false,\"slug\":\"linguistics\"},{\"id\":{\"categoryId\":\"GGBK0Mbm$\",\"slug\":\"home-and-architecture\"},\"name\":\"home \u0026 architecture\",\"membersCount\":\"59728081\",\"channelsCount\":11472,\"blocked\":false,\"slug\":\"home-and-architecture\"},{\"id\":{\"categoryId\":\"GrV1hfO57\",\"slug\":\"bets-and-casino\"},\"name\":\"bets \u0026 casino\",\"membersCount\":\"1233137786\",\"channelsCount\":114718,\"blocked\":false,\"slug\":\"bets-and-casino\"},{\"id\":{\"categoryId\":\"HoTaQVEux\",\"slug\":\"motivation-and-quotes\"},\"name\":\"motivation and quotes\",\"membersCount\":\"152490480\",\"channelsCount\":23147,\"blocked\":false,\"slug\":\"motivation-and-quotes\"},{\"id\":{\"categoryId\":\"Hrq5MdJLi\",\"slug\":\"humor-and-entertainment\"},\"name\":\"humor \u0026 entertainment\",\"membersCount\":\"250747909\",\"channelsCount\":34238,\"blocked\":false,\"slug\":\"humor-and-entertainment\"},{\"id\":{\"categoryId\":\"MqpAf@IsD\",\"slug\":\"real-estate\"},\"name\":\"real estate\",\"membersCount\":\"73828695\",\"channelsCount\":18046,\"blocked\":false,\"slug\":\"real-estate\"},{\"id\":{\"categoryId\":\"OBfd25y9m\",\"slug\":\"religion-and-spirituality\"},\"name\":\"religion \u0026 spirituality\",\"membersCount\":\"447744408\",\"channelsCount\":115748,\"blocked\":false,\"slug\":\"religion-and-spirituality\"},{\"id\":{\"categoryId\":\"RGAfBUAl1\",\"slug\":\"telegram\"},\"name\":\"telegram\",\"membersCount\":\"89920144\",\"channelsCount\":2100,\"blocked\":false,\"slug\":\"telegram\"},{\"id\":{\"categoryId\":\"SMb7kkI4F\",\"slug\":\"transport\"},\"name\":\"transport\",\"membersCount\":\"140331493\",\"channelsCount\":25072,\"blocked\":false,\"slug\":\"transport\"},{\"id\":{\"categoryId\":\"V4xyI404d\",\"slug\":\"other\"},\"name\":\"other\",\"membersCount\":\"94553\",\"channelsCount\":28,\"blocked\":false,\"slug\":\"other\"},{\"id\":{\"categoryId\":\"WeTBPd0s1\",\"slug\":\"food-and-drink\"},\"name\":\"food \u0026 drink\",\"membersCount\":\"126526821\",\"channelsCount\":22737,\"blocked\":false,\"slug\":\"food-and-drink\"},{\"id\":{\"categoryId\":\"XBhA1tiMq\",\"slug\":\"sports\"},\"name\":\"sports\",\"membersCount\":\"355424549\",\"channelsCount\":36685,\"blocked\":false,\"slug\":\"sports\"},{\"id\":{\"categoryId\":\"XtJVweWxm\",\"slug\":\"blogs\"},\"name\":\"blogs\",\"membersCount\":\"255731631\",\"channelsCount\":111400,\"blocked\":false,\"slug\":\"blogs\"},{\"id\":{\"categoryId\":\"bjEbAZd4y\",\"slug\":\"sales\"},\"name\":\"sales\",\"membersCount\":\"361154014\",\"channelsCount\":47232,\"blocked\":false,\"slug\":\"sales\"},{\"id\":{\"categoryId\":\"dSaWDWWIX\",\"slug\":\"beauty\"},\"name\":\"beauty\",\"membersCount\":\"242019897\",\"channelsCount\":55673,\"blocked\":false,\"slug\":\"beauty\"},{\"id\":{\"categoryId\":\"gTxJVfQzs\",\"slug\":\"movies\"},\"name\":\"movies\",\"membersCount\":\"1212453706\",\"channelsCount\":87595,\"blocked\":false,\"slug\":\"movies\"},{\"id\":{\"categoryId\":\"he9Ly6T6O\",\"slug\":\"family-and-children\"},\"name\":\"family \u0026 children\",\"membersCount\":\"78226474\",\"channelsCount\":16283,\"blocked\":false,\"slug\":\"family-and-children\"},{\"id\":{\"categoryId\":\"kwuS97PYT\",\"slug\":\"education\"},\"name\":\"education\",\"membersCount\":\"975038235\",\"channelsCount\":111033,\"blocked\":false,\"slug\":\"education\"},{\"id\":{\"categoryId\":\"m6yGG2Ye@\",\"slug\":\"medicine\"},\"name\":\"medicine\",\"membersCount\":\"127045352\",\"channelsCount\":25072,\"blocked\":false,\"slug\":\"medicine\"},{\"id\":{\"categoryId\":\"mf2MkrwoE\",\"slug\":\"politics\"},\"name\":\"politics\",\"membersCount\":\"333228064\",\"channelsCount\":30813,\"blocked\":false,\"slug\":\"politics\"},{\"id\":{\"categoryId\":\"mxorZRxAA\",\"slug\":\"erotic\"},\"name\":\"erotic\",\"membersCount\":\"1578099904\",\"channelsCount\":143185,\"blocked\":false,\"slug\":\"erotic\"},{\"id\":{\"categoryId\":\"rW6jiogfG\",\"slug\":\"marketing-and-pr\"},\"name\":\"marketing \u0026 pr\",\"membersCount\":\"78790479\",\"channelsCount\":9344,\"blocked\":false,\"slug\":\"marketing-and-pr\"},{\"id\":{\"categoryId\":\"t3YiaQgvx\",\"slug\":\"psychology\"},\"name\":\"psychology\",\"membersCount\":\"104991928\",\"channelsCount\":30912,\"blocked\":false,\"slug\":\"psychology\"},{\"id\":{\"categoryId\":\"tyQki9nXm\",\"slug\":\"career\"},\"name\":\"career\",\"membersCount\":\"180281262\",\"channelsCount\":16146,\"blocked\":false,\"slug\":\"career\"},{\"id\":{\"categoryId\":\"wE1@n4moe\",\"slug\":\"prohibited-content\"},\"name\":\"prohibited content\",\"membersCount\":\"133240815\",\"channelsCount\":6557,\"blocked\":true,\"slug\":\"prohibited-content\"},{\"id\":{\"categoryId\":\"yqivk2Kx\",\"slug\":\"legal\"},\"name\":\"legal\",\"membersCount\":\"44273645\",\"channelsCount\":6741,\"blocked\":false,\"slug\":\"legal\"},{\"id\":{\"categoryId\":\"yurVgU76a\",\"slug\":\"economy-and-finance\"},\"name\":\"economy \u0026 finance\",\"membersCount\":\"648010950\",\"channelsCount\":62093,\"blocked\":false,\"slug\":\"economy-and-finance\"},{\"id\":{\"categoryId\":\"zBMeATYGE\",\"slug\":\"healthy-lifestyle\"},\"name\":\"healthy lifestyle\",\"membersCount\":\"113866699\",\"channelsCount\":24571,\"blocked\":false,\"slug\":\"healthy-lifestyle\"}]},\"countries\":{\"count\":104,\"items\":[{\"id\":{\"countryId\":\"india\"},\"name\":\"india\",\"channelsCount\":183684,\"membersCount\":\"1902338251\"},{\"id\":{\"countryId\":\"pakistan\"},\"name\":\"pakistan\",\"channelsCount\":12,\"membersCount\":\"116207\"},{\"id\":{\"countryId\":\"israel\"},\"name\":\"israel\",\"channelsCount\":3249,\"membersCount\":\"30114436\"},{\"id\":{\"countryId\":\"greece\"},\"name\":\"greece\",\"channelsCount\":339,\"membersCount\":\"1009270\"},{\"id\":{\"countryId\":\"france\"},\"name\":\"france\",\"channelsCount\":13769,\"membersCount\":\"147579389\"},{\"id\":{\"countryId\":\"korea\"},\"name\":\"korea\",\"channelsCount\":4475,\"membersCount\":\"24207407\"},{\"id\":{\"countryId\":\"saudi_arabia\"},\"name\":\"saudi_arabia\",\"channelsCount\":60513,\"membersCount\":\"360264903\"},{\"id\":{\"countryId\":\"russia\"},\"name\":\"russia\",\"channelsCount\":722326,\"membersCount\":\"3995013909\"},{\"id\":{\"countryId\":\"oman\"},\"name\":\"oman\",\"channelsCount\":2,\"membersCount\":\"19088\"},{\"id\":{\"countryId\":\"serbia\"},\"name\":\"serbia\",\"channelsCount\":627,\"membersCount\":\"2642615\"},{\"id\":{\"countryId\":\"somalia\"},\"name\":\"somalia\",\"channelsCount\":1262,\"membersCount\":\"38198181\"},{\"id\":{\"countryId\":\"syria\"},\"name\":\"syria\",\"channelsCount\":4856,\"membersCount\":\"48629106\"},{\"id\":{\"countryId\":\"ukraine\"},\"name\":\"ukraine\",\"channelsCount\":42295,\"membersCount\":\"358529364\"},{\"id\":{\"countryId\":\"estonia\"},\"name\":\"estonia\",\"channelsCount\":5,\"membersCount\":\"31299\"},{\"id\":{\"countryId\":\"romania\"},\"name\":\"romania\",\"channelsCount\":692,\"membersCount\":\"3402044\"},{\"id\":{\"countryId\":\"lebanon\"},\"name\":\"lebanon\",\"channelsCount\":4,\"membersCount\":\"5271\"},{\"id\":{\"countryId\":\"armenia\"},\"name\":\"armenia\",\"channelsCount\":2855,\"membersCount\":\"10862859\"},{\"id\":{\"countryId\":\"croatia\"},\"name\":\"croatia\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"countryId\":\"brazil\"},\"name\":\"brazil\",\"channelsCount\":20999,\"membersCount\":\"210357082\"},{\"id\":{\"countryId\":\"bahrain\"},\"name\":\"bahrain\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"countryId\":\"taiwan\"},\"name\":\"taiwan\",\"channelsCount\":8,\"membersCount\":\"132727\"},{\"id\":{\"countryId\":\"belarus\"},\"name\":\"belarus\",\"channelsCount\":4279,\"membersCount\":\"16692685\"},{\"id\":{\"countryId\":\"indonesia\"},\"name\":\"indonesia\",\"channelsCount\":38896,\"membersCount\":\"294195414\"},{\"id\":{\"countryId\":\"moldova\"},\"name\":\"moldova\",\"channelsCount\":890,\"membersCount\":\"3929693\"},{\"id\":{\"countryId\":\"turkmenistan\"},\"name\":\"turkmenistan\",\"channelsCount\":2,\"membersCount\":\"4984\"},{\"id\":{\"countryId\":\"portugal\"},\"name\":\"portugal\",\"channelsCount\":1245,\"membersCount\":\"7702711\"},{\"id\":{\"countryId\":\"jordan\"},\"name\":\"jordan\",\"channelsCount\":4,\"membersCount\":\"13998\"},{\"id\":{\"countryId\":\"norway\"},\"name\":\"norway\",\"channelsCount\":2,\"membersCount\":\"1899\"},{\"id\":{\"countryId\":\"libya\"},\"name\":\"libya\",\"channelsCount\":6,\"membersCount\":\"87079\"},{\"id\":{\"countryId\":\"malaysia\"},\"name\":\"malaysia\",\"channelsCount\":18868,\"membersCount\":\"173208415\"},{\"id\":{\"countryId\":\"palestine\"},\"name\":\"palestine\",\"channelsCount\":3,\"membersCount\":\"17531\"},{\"id\":{\"countryId\":\"bulgaria\"},\"name\":\"bulgaria\",\"channelsCount\":25,\"membersCount\":\"134692\"},{\"id\":{\"countryId\":\"uae\"},\"name\":\"uae\",\"channelsCount\":2417,\"membersCount\":\"16140073\"},{\"id\":{\"countryId\":\"yemen\"},\"name\":\"yemen\",\"channelsCount\":8,\"membersCount\":\"98256\"},{\"id\":{\"countryId\":\"tunisia\"},\"name\":\"tunisia\",\"channelsCount\":1,\"membersCount\":\"7346\"},{\"id\":{\"countryId\":\"united_kingdom\"},\"name\":\"united_kingdom\",\"channelsCount\":7275,\"membersCount\":\"59127954\"},{\"id\":{\"countryId\":\"uzbekistan\"},\"name\":\"uzbekistan\",\"channelsCount\":70897,\"membersCount\":\"432426683\"},{\"id\":{\"countryId\":\"kenya\"},\"name\":\"kenya\",\"channelsCount\":9,\"membersCount\":\"163957\"},{\"id\":{\"countryId\":\"sudan\"},\"name\":\"sudan\",\"channelsCount\":2,\"membersCount\":\"17284\"},{\"id\":{\"countryId\":\"nigeria\"},\"name\":\"nigeria\",\"channelsCount\":5807,\"membersCount\":\"86447292\"},{\"id\":{\"countryId\":\"bosnia_and_herzegovina\"},\"name\":\"bosnia_and_herzegovina\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"countryId\":\"canada\"},\"name\":\"canada\",\"channelsCount\":31,\"membersCount\":\"226613\"},{\"id\":{\"countryId\":\"iraq\"},\"name\":\"iraq\",\"channelsCount\":97706,\"membersCount\":\"682329419\"},{\"id\":{\"countryId\":\"finland\"},\"name\":\"finland\",\"channelsCount\":1594,\"membersCount\":\"19478557\"},{\"id\":{\"countryId\":\"azerbaijan\"},\"name\":\"azerbaijan\",\"channelsCount\":3009,\"membersCount\":\"16821906\"},{\"id\":{\"countryId\":\"slovakia\"},\"name\":\"slovakia\",\"channelsCount\":103,\"membersCount\":\"674606\"},{\"id\":{\"countryId\":\"kazakhstan\"},\"name\":\"kazakhstan\",\"channelsCount\":6253,\"membersCount\":\"37575230\"},{\"id\":{\"countryId\":\"mongolia\"},\"name\":\"mongolia\",\"channelsCount\":3,\"membersCount\":\"17166\"},{\"id\":{\"countryId\":\"algeria\"},\"name\":\"algeria\",\"channelsCount\":3,\"membersCount\":\"29086\"},{\"id\":{\"countryId\":\"japan\"},\"name\":\"japan\",\"channelsCount\":3430,\"membersCount\":\"25883015\"},{\"id\":{\"countryId\":\"qatar\"},\"name\":\"qatar\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"countryId\":\"czech_republic\"},\"name\":\"czech_republic\",\"channelsCount\":720,\"membersCount\":\"2840896\"},{\"id\":{\"countryId\":\"georgia\"},\"name\":\"georgia\",\"channelsCount\":986,\"membersCount\":\"4304230\"},{\"id\":{\"countryId\":\"kyrgyzstan\"},\"name\":\"kyrgyzstan\",\"channelsCount\":1939,\"membersCount\":\"8257104\"},{\"id\":{\"countryId\":\"morocco\"},\"name\":\"morocco\",\"channelsCount\":8,\"membersCount\":\"272951\"},{\"id\":{\"countryId\":\"iran\"},\"name\":\"iran\",\"channelsCount\":168407,\"membersCount\":\"1993586548\"},{\"id\":{\"countryId\":\"ethiopia\"},\"name\":\"ethiopia\",\"channelsCount\":18603,\"membersCount\":\"171852508\"},{\"id\":{\"countryId\":\"germany\"},\"name\":\"germany\",\"channelsCount\":8065,\"membersCount\":\"56846938\"},{\"id\":{\"countryId\":\"china\"},\"name\":\"china\",\"channelsCount\":116403,\"membersCount\":\"1036861418\"},{\"id\":{\"countryId\":\"tajikistan\"},\"name\":\"tajikistan\",\"channelsCount\":2415,\"membersCount\":\"9846608\"},{\"id\":{\"countryId\":\"afghanistan\"},\"name\":\"afghanistan\",\"channelsCount\":9,\"membersCount\":\"67098\"},{\"id\":{\"countryId\":\"egypt\"},\"name\":\"egypt\",\"channelsCount\":15763,\"membersCount\":\"114276700\"},{\"id\":{\"countryId\":\"sweden\"},\"name\":\"sweden\",\"channelsCount\":9,\"membersCount\":\"15032\"},{\"id\":{\"countryId\":\"turkey\"},\"name\":\"turkey\",\"channelsCount\":15574,\"membersCount\":\"158118481\"},{\"id\":{\"countryId\":\"singapore\"},\"name\":\"singapore\",\"channelsCount\":2727,\"membersCount\":\"17789428\"},{\"id\":{\"countryId\":\"australia\"},\"name\":\"australia\",\"channelsCount\":7,\"membersCount\":\"42081\"},{\"id\":{\"countryId\":\"slovenia\"},\"name\":\"slovenia\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"countryId\":\"poland\"},\"name\":\"poland\",\"channelsCount\":2317,\"membersCount\":\"9824678\"},{\"id\":{\"countryId\":\"netherlands\"},\"name\":\"netherlands\",\"channelsCount\":678,\"membersCount\":\"2716785\"},{\"id\":{\"countryId\":\"vietnam\"},\"name\":\"vietnam\",\"channelsCount\":6861,\"membersCount\":\"85870294\"},{\"id\":{\"countryId\":\"italy\"},\"name\":\"italy\",\"channelsCount\":13930,\"membersCount\":\"118437919\"},{\"id\":{\"countryId\":\"spain\"},\"name\":\"spain\",\"channelsCount\":27489,\"membersCount\":\"387414194\"},{\"id\":{\"countryId\":\"thailand\"},\"name\":\"thailand\",\"channelsCount\":2787,\"membersCount\":\"39269844\"},{\"id\":{\"countryId\":\"sri_lanka\"},\"name\":\"sri_lanka\",\"channelsCount\":1937,\"membersCount\":\"10029217\"},{\"id\":{\"countryId\":\"austria\"},\"name\":\"austria\",\"channelsCount\":66,\"membersCount\":\"355726\"},{\"id\":{\"countryId\":\"cambodia\"},\"name\":\"cambodia\",\"channelsCount\":7333,\"membersCount\":\"27824791\"},{\"id\":{\"countryId\":\"usa\"},\"name\":\"usa\",\"channelsCount\":21489,\"membersCount\":\"202849418\"},{\"id\":{\"countryId\":\"bangladesh\"},\"name\":\"bangladesh\",\"channelsCount\":19320,\"membersCount\":\"105502664\"},{\"id\":{\"countryId\":\"myanmar\"},\"name\":\"myanmar\",\"channelsCount\":37275,\"membersCount\":\"566908974\"},{\"id\":{\"countryId\":\"latvia\"},\"name\":\"latvia\",\"channelsCount\":209,\"membersCount\":\"510392\"},{\"id\":{\"countryId\":\"lithuania\"},\"name\":\"lithuania\",\"channelsCount\":169,\"membersCount\":\"398859\"},{\"id\":{\"countryId\":\"colombia\"},\"name\":\"colombia\",\"channelsCount\":1448,\"membersCount\":\"20025429\"},{\"id\":{\"countryId\":\"chile\"},\"name\":\"chile\",\"channelsCount\":263,\"membersCount\":\"1581225\"},{\"id\":{\"countryId\":\"philippines\"},\"name\":\"philippines\",\"channelsCount\":3516,\"membersCount\":\"31062290\"},{\"id\":{\"countryId\":\"international\"},\"name\":\"international\",\"channelsCount\":2861,\"membersCount\":\"489078979\"},{\"id\":{\"countryId\":\"argentina\"},\"name\":\"argentina\",\"channelsCount\":1586,\"membersCount\":\"14567170\"},{\"id\":{\"countryId\":\"cameroon\"},\"name\":\"cameroon\",\"channelsCount\":392,\"membersCount\":\"6026020\"},{\"id\":{\"countryId\":\"ivory_coast\"},\"name\":\"ivory_coast\",\"channelsCount\":125,\"membersCount\":\"1721046\"},{\"id\":{\"countryId\":\"mexico\"},\"name\":\"mexico\",\"channelsCount\":3273,\"membersCount\":\"38014426\"},{\"id\":{\"countryId\":\"senegal\"},\"name\":\"senegal\",\"channelsCount\":154,\"membersCount\":\"2406638\"},{\"id\":{\"countryId\":\"venezuela\"},\"name\":\"venezuela\",\"channelsCount\":1767,\"membersCount\":\"21863700\"},{\"id\":{\"countryId\":\"peru\"},\"name\":\"peru\",\"channelsCount\":1542,\"membersCount\":\"14538968\"},{\"id\":{\"countryId\":\"uruguay\"},\"name\":\"uruguay\",\"channelsCount\":23,\"membersCount\":\"71625\"},{\"id\":{\"countryId\":\"paraguay\"},\"name\":\"paraguay\",\"channelsCount\":40,\"membersCount\":\"199743\"},{\"id\":{\"countryId\":\"ecuador\"},\"name\":\"ecuador\",\"channelsCount\":826,\"membersCount\":\"10619533\"},{\"id\":{\"countryId\":\"haiti\"},\"name\":\"haiti\",\"channelsCount\":10,\"membersCount\":\"320121\"},{\"id\":{\"countryId\":\"panama\"},\"name\":\"panama\",\"channelsCount\":11,\"membersCount\":\"125666\"},{\"id\":{\"countryId\":\"costa_rica\"},\"name\":\"costa_rica\",\"channelsCount\":39,\"membersCount\":\"255857\"},{\"id\":{\"countryId\":\"salvador\"},\"name\":\"salvador\",\"channelsCount\":14,\"membersCount\":\"255189\"},{\"id\":{\"countryId\":\"guatemala\"},\"name\":\"guatemala\",\"channelsCount\":47,\"membersCount\":\"329378\"},{\"id\":{\"countryId\":\"bolivia\"},\"name\":\"bolivia\",\"channelsCount\":45,\"membersCount\":\"524377\"},{\"id\":{\"countryId\":\"dominican_republic\"},\"name\":\"dominican_republic\",\"channelsCount\":86,\"membersCount\":\"2133289\"},{\"id\":{\"countryId\":\"puerto_rico\"},\"name\":\"puerto_rico\",\"channelsCount\":17,\"membersCount\":\"151750\"},{\"id\":{\"countryId\":\"honduras\"},\"name\":\"honduras\",\"channelsCount\":0,\"membersCount\":\"0\"}]},\"languages\":{\"count\":114,\"items\":[{\"id\":{\"languageId\":\"af\"},\"name\":\"af\",\"channelsCount\":36,\"membersCount\":\"88834\"},{\"id\":{\"languageId\":\"ak\"},\"name\":\"ak\",\"channelsCount\":2,\"membersCount\":\"65\"},{\"id\":{\"languageId\":\"am\"},\"name\":\"am\",\"channelsCount\":13059,\"membersCount\":\"135077506\"},{\"id\":{\"languageId\":\"an\"},\"name\":\"an\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"ar\"},\"name\":\"ar\",\"channelsCount\":183852,\"membersCount\":\"1223002276\"},{\"id\":{\"languageId\":\"arz\"},\"name\":\"arz\",\"channelsCount\":5,\"membersCount\":\"4371\"},{\"id\":{\"languageId\":\"az\"},\"name\":\"az\",\"channelsCount\":2488,\"membersCount\":\"14876460\"},{\"id\":{\"languageId\":\"ba\"},\"name\":\"ba\",\"channelsCount\":42,\"membersCount\":\"80755\"},{\"id\":{\"languageId\":\"be\"},\"name\":\"be\",\"channelsCount\":268,\"membersCount\":\"1005254\"},{\"id\":{\"languageId\":\"bg\"},\"name\":\"bg\",\"channelsCount\":305,\"membersCount\":\"762953\"},{\"id\":{\"languageId\":\"bm\"},\"name\":\"bm\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"bn\"},\"name\":\"bn\",\"channelsCount\":15252,\"membersCount\":\"84286755\"},{\"id\":{\"languageId\":\"bo\"},\"name\":\"bo\",\"channelsCount\":9,\"membersCount\":\"12707\"},{\"id\":{\"languageId\":\"bs\"},\"name\":\"bs\",\"channelsCount\":235,\"membersCount\":\"648536\"},{\"id\":{\"languageId\":\"ca\"},\"name\":\"ca\",\"channelsCount\":330,\"membersCount\":\"906830\"},{\"id\":{\"languageId\":\"ce\"},\"name\":\"ce\",\"channelsCount\":91,\"membersCount\":\"188795\"},{\"id\":{\"languageId\":\"cs\"},\"name\":\"cs\",\"channelsCount\":310,\"membersCount\":\"1078056\"},{\"id\":{\"languageId\":\"cy\"},\"name\":\"cy\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"da\"},\"name\":\"da\",\"channelsCount\":19,\"membersCount\":\"25626\"},{\"id\":{\"languageId\":\"de\"},\"name\":\"de\",\"channelsCount\":7283,\"membersCount\":\"52748298\"},{\"id\":{\"languageId\":\"ee\"},\"name\":\"ee\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"el\"},\"name\":\"el\",\"channelsCount\":309,\"membersCount\":\"970579\"},{\"id\":{\"languageId\":\"en\"},\"name\":\"en\",\"channelsCount\":228374,\"membersCount\":\"2829047494\"},{\"id\":{\"languageId\":\"eo\"},\"name\":\"eo\",\"channelsCount\":129,\"membersCount\":\"577754\"},{\"id\":{\"languageId\":\"es\"},\"name\":\"es\",\"channelsCount\":37278,\"membersCount\":\"474405509\"},{\"id\":{\"languageId\":\"et\"},\"name\":\"et\",\"channelsCount\":106,\"membersCount\":\"744240\"},{\"id\":{\"languageId\":\"eu\"},\"name\":\"eu\",\"channelsCount\":37,\"membersCount\":\"84742\"},{\"id\":{\"languageId\":\"fa\"},\"name\":\"fa\",\"channelsCount\":153094,\"membersCount\":\"1905458724\"},{\"id\":{\"languageId\":\"fi\"},\"name\":\"fi\",\"channelsCount\":65,\"membersCount\":\"127908\"},{\"id\":{\"languageId\":\"fo\"},\"name\":\"fo\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"fr\"},\"name\":\"fr\",\"channelsCount\":14081,\"membersCount\":\"151487561\"},{\"id\":{\"languageId\":\"gl\"},\"name\":\"gl\",\"channelsCount\":36,\"membersCount\":\"118247\"},{\"id\":{\"languageId\":\"gu\"},\"name\":\"gu\",\"channelsCount\":890,\"membersCount\":\"7683935\"},{\"id\":{\"languageId\":\"ha\"},\"name\":\"ha\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"he\"},\"name\":\"he\",\"channelsCount\":2127,\"membersCount\":\"22593002\"},{\"id\":{\"languageId\":\"hi\"},\"name\":\"hi\",\"channelsCount\":15010,\"membersCount\":\"208666981\"},{\"id\":{\"languageId\":\"hr\"},\"name\":\"hr\",\"channelsCount\":17,\"membersCount\":\"58809\"},{\"id\":{\"languageId\":\"ht\"},\"name\":\"ht\",\"channelsCount\":1,\"membersCount\":\"3140\"},{\"id\":{\"languageId\":\"hu\"},\"name\":\"hu\",\"channelsCount\":184,\"membersCount\":\"695496\"},{\"id\":{\"languageId\":\"hy\"},\"name\":\"hy\",\"channelsCount\":1177,\"membersCount\":\"4932776\"},{\"id\":{\"languageId\":\"id\"},\"name\":\"id\",\"channelsCount\":14709,\"membersCount\":\"121683057\"},{\"id\":{\"languageId\":\"ig\"},\"name\":\"ig\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"it\"},\"name\":\"it\",\"channelsCount\":12615,\"membersCount\":\"108548706\"},{\"id\":{\"languageId\":\"ja\"},\"name\":\"ja\",\"channelsCount\":557,\"membersCount\":\"5752305\"},{\"id\":{\"languageId\":\"jv\"},\"name\":\"jv\",\"channelsCount\":2209,\"membersCount\":\"20253831\"},{\"id\":{\"languageId\":\"ka\"},\"name\":\"ka\",\"channelsCount\":119,\"membersCount\":\"388068\"},{\"id\":{\"languageId\":\"kk\"},\"name\":\"kk\",\"channelsCount\":2497,\"membersCount\":\"18781412\"},{\"id\":{\"languageId\":\"km\"},\"name\":\"km\",\"channelsCount\":5591,\"membersCount\":\"23117025\"},{\"id\":{\"languageId\":\"kn\"},\"name\":\"kn\",\"channelsCount\":2627,\"membersCount\":\"12445916\"},{\"id\":{\"languageId\":\"ko\"},\"name\":\"ko\",\"channelsCount\":3064,\"membersCount\":\"13602623\"},{\"id\":{\"languageId\":\"ku\"},\"name\":\"ku\",\"channelsCount\":53,\"membersCount\":\"161714\"},{\"id\":{\"languageId\":\"ky\"},\"name\":\"ky\",\"channelsCount\":409,\"membersCount\":\"1945723\"},{\"id\":{\"languageId\":\"la\"},\"name\":\"la\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"lg\"},\"name\":\"lg\",\"channelsCount\":1,\"membersCount\":\"5805\"},{\"id\":{\"languageId\":\"ln\"},\"name\":\"ln\",\"channelsCount\":1,\"membersCount\":\"3004\"},{\"id\":{\"languageId\":\"mk\"},\"name\":\"mk\",\"channelsCount\":20,\"membersCount\":\"41480\"},{\"id\":{\"languageId\":\"ml\"},\"name\":\"ml\",\"channelsCount\":1907,\"membersCount\":\"30884660\"},{\"id\":{\"languageId\":\"mn\"},\"name\":\"mn\",\"channelsCount\":122,\"membersCount\":\"1003998\"},{\"id\":{\"languageId\":\"mr\"},\"name\":\"mr\",\"channelsCount\":1883,\"membersCount\":\"28679335\"},{\"id\":{\"languageId\":\"ms\"},\"name\":\"ms\",\"channelsCount\":4253,\"membersCount\":\"31869267\"},{\"id\":{\"languageId\":\"mt\"},\"name\":\"mt\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"my\"},\"name\":\"my\",\"channelsCount\":34032,\"membersCount\":\"541793496\"},{\"id\":{\"languageId\":\"ne\"},\"name\":\"ne\",\"channelsCount\":57,\"membersCount\":\"330032\"},{\"id\":{\"languageId\":\"ng\"},\"name\":\"ng\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"nl\"},\"name\":\"nl\",\"channelsCount\":437,\"membersCount\":\"1696072\"},{\"id\":{\"languageId\":\"nn\"},\"name\":\"nn\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"no\"},\"name\":\"no\",\"channelsCount\":318,\"membersCount\":\"2641184\"},{\"id\":{\"languageId\":\"ny\"},\"name\":\"ny\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"pa\"},\"name\":\"pa\",\"channelsCount\":284,\"membersCount\":\"983387\"},{\"id\":{\"languageId\":\"pl\"},\"name\":\"pl\",\"channelsCount\":1586,\"membersCount\":\"6553396\"},{\"id\":{\"languageId\":\"ps\"},\"name\":\"ps\",\"channelsCount\":1688,\"membersCount\":\"4901220\"},{\"id\":{\"languageId\":\"pt\"},\"name\":\"pt\",\"channelsCount\":20701,\"membersCount\":\"208434559\"},{\"id\":{\"languageId\":\"qu\"},\"name\":\"qu\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"rn\"},\"name\":\"rn\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"ro\"},\"name\":\"ro\",\"channelsCount\":823,\"membersCount\":\"3511502\"},{\"id\":{\"languageId\":\"ru\"},\"name\":\"ru\",\"channelsCount\":662960,\"membersCount\":\"3775989240\"},{\"id\":{\"languageId\":\"rw\"},\"name\":\"rw\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"sa\"},\"name\":\"sa\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"sd\"},\"name\":\"sd\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"se\"},\"name\":\"se\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"sg\"},\"name\":\"sg\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"si\"},\"name\":\"si\",\"channelsCount\":1478,\"membersCount\":\"7821064\"},{\"id\":{\"languageId\":\"sk\"},\"name\":\"sk\",\"channelsCount\":284,\"membersCount\":\"1190179\"},{\"id\":{\"languageId\":\"sl\"},\"name\":\"sl\",\"channelsCount\":20,\"membersCount\":\"21262\"},{\"id\":{\"languageId\":\"sn\"},\"name\":\"sn\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"so\"},\"name\":\"so\",\"channelsCount\":1414,\"membersCount\":\"44111016\"},{\"id\":{\"languageId\":\"sr\"},\"name\":\"sr\",\"channelsCount\":168,\"membersCount\":\"1104285\"},{\"id\":{\"languageId\":\"ss\"},\"name\":\"ss\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"st\"},\"name\":\"st\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"su\"},\"name\":\"su\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"sv\"},\"name\":\"sv\",\"channelsCount\":46,\"membersCount\":\"66379\"},{\"id\":{\"languageId\":\"sw\"},\"name\":\"sw\",\"channelsCount\":1,\"membersCount\":\"1507\"},{\"id\":{\"languageId\":\"ta\"},\"name\":\"ta\",\"channelsCount\":886,\"membersCount\":\"6715612\"},{\"id\":{\"languageId\":\"te\"},\"name\":\"te\",\"channelsCount\":351,\"membersCount\":\"3147933\"},{\"id\":{\"languageId\":\"tg\"},\"name\":\"tg\",\"channelsCount\":521,\"membersCount\":\"2617026\"},{\"id\":{\"languageId\":\"th\"},\"name\":\"th\",\"channelsCount\":2557,\"membersCount\":\"37448220\"},{\"id\":{\"languageId\":\"ti\"},\"name\":\"ti\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"tk\"},\"name\":\"tk\",\"channelsCount\":352,\"membersCount\":\"2630769\"},{\"id\":{\"languageId\":\"tl\"},\"name\":\"tl\",\"channelsCount\":705,\"membersCount\":\"6720827\"},{\"id\":{\"languageId\":\"tn\"},\"name\":\"tn\",\"channelsCount\":1,\"membersCount\":\"62\"},{\"id\":{\"languageId\":\"tr\"},\"name\":\"tr\",\"channelsCount\":11177,\"membersCount\":\"114747533\"},{\"id\":{\"languageId\":\"ts\"},\"name\":\"ts\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"tt\"},\"name\":\"tt\",\"channelsCount\":272,\"membersCount\":\"1342468\"},{\"id\":{\"languageId\":\"ug\"},\"name\":\"ug\",\"channelsCount\":89,\"membersCount\":\"82528\"},{\"id\":{\"languageId\":\"uk\"},\"name\":\"uk\",\"channelsCount\":38736,\"membersCount\":\"321974447\"},{\"id\":{\"languageId\":\"ur\"},\"name\":\"ur\",\"channelsCount\":379,\"membersCount\":\"3916499\"},{\"id\":{\"languageId\":\"uz\"},\"name\":\"uz\",\"channelsCount\":57155,\"membersCount\":\"381910200\"},{\"id\":{\"languageId\":\"ve\"},\"name\":\"ve\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"vi\"},\"name\":\"vi\",\"channelsCount\":6250,\"membersCount\":\"82055974\"},{\"id\":{\"languageId\":\"wo\"},\"name\":\"wo\",\"channelsCount\":5,\"membersCount\":\"33794\"},{\"id\":{\"languageId\":\"xh\"},\"name\":\"xh\",\"channelsCount\":0,\"membersCount\":\"0\"},{\"id\":{\"languageId\":\"yi\"},\"name\":\"yi\",\"channelsCount\":41,\"membersCount\":\"96076\"},{\"id\":{\"languageId\":\"zh\"},\"name\":\"zh\",\"channelsCount\":114804,\"membersCount\":\"1024595366\"},{\"id\":{\"languageId\":\"zu\"},\"name\":\"zu\",\"channelsCount\":0,\"membersCount\":\"0\"}]},\"features\":{\"showDiscountBanner\":false,\"openChannelInNewTab\":true,\"showImages\":false,\"showAdsIndex\":false,\"ambassadorAds\":\"\",\"researchBanner\":\"$undefined\",\"researchResults\":false,\"telegramBanners\":\"tg_banner_expert_knowledge\",\"regularDiscount\":null,\"refButton\":{},\"refPage\":true,\"showNewExport\":false,\"newYearCard\":false,\"dashboards\":true,\"darkTheme\":false,\"adPagePopup\":false,\"socialNetsPopup\":{},\"clarity\":false,\"reserveApiLink\":true},\"fingerprint\":\"$undefined\",\"ipCountry\":\"US\",\"children\":[\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\"]}]}],\"$L23\",\"$L24\"]}]]}]\n"])</script><script>self.__next_f.push([1,"25:I[78126,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"26:I[15463,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"DefaultPlanTokenCheck\"]\n"])</script><script>self.__next_f.push([1,"27:I[8587,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"28:I[66903,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"29:I[72728,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"2a:I[48974,[\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"29234\",\"static/chunks/app/%5Blng%5D/(channel)/not-found-7dc23ad4de8c3ce2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"2b:I[52186,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"2c:I[66408,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"GlobalDialogs\"]\n"])</script><script>self.__next_f.push([1,"2d:I[80126,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"PromotionPopupWrapper\"]\n"])</script><script>self.__next_f.push([1,"2e:I[77046,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"SupportPopupWrapper\"]\n"])</script><script>self.__next_f.push([1,"2f:I[96355,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"30:I[43766,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"AuthorizationModalWrapper\"]\n"])</script><script>self.__next_f.push([1,"31:I[82151,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"NavigateToPlanModuleWrapper\"]\n"])</script><script>self.__next_f.push([1,"32:I[25958,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"PlanComparisonDialog\"]\n"])</script><script>self.__next_f.push([1,"33:I[68114,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"LimitReachedTeamDialog\"]\n"])</script><script>self.__next_f.push([1,"34:I[61020,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"31005\",\"static/chunks/31005-b9a24485ada7e789.js\",\"4760\",\"static/chunks/4760-958a8982cedb650f.js\",\"26720\",\"static/chunks/26720-ce256f63b21a99f4.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"56697\",\"static/chunks/56697-83525aafecc5f3fc.js\",\"83317\",\"static/chunks/83317-cf290db6fa6d3c04.js\",\"48796\",\"static/chunks/48796-21145456aafc1af2.js\",\"560\",\"static/chunks/app/%5Blng%5D/(channel)/layout-132ad8165bcf2ea2.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"$L25\",null,{}]\n15:[\"$\",\"$L26\",null,{}]\n16:[\"$\",\"$L27\",null,{}]\n17:[\"$\",\"$L28\",null,{}]\n18:[\"$\",\"$L29\",null,{\"features\":{},\"showThemeToggle\":false}]\n19:[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col items-start py-8\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L2a\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n1a:[\"$\",\"$L2b\",null,{\"features\":{}}]\n1b:[\"$\",\"$L2c\",null,{}]\n1c:[\"$\",\"$L2d\",null,{}]\n1d:[\"$\",\"$L2e\",null,{}]\n1e:[\"$\",\"$L2f\",null,{}]\n1f:[\"$\",\"$L30\",null,{}]\n20:[\"$\",\"$L31\",null,{}]\n21:[\"$\",\"$L32\",null,{}]\n22:[\"$\",\"$L33\",null,{}]\n23:[\"$\",\"$L34\",null,{\"gtmId\":\"GTM-PCM9CD4W\"}]\n35:T5a7,"])</script><script>self.__next_f.push([1,"\n // Function to manually start auctions\n function startAuction(selectors) {\n console.log(\"## Adngin is loaded and ready. ##\");\n adngin.queue.push(() =\u003e {\n adngin.cmd.startAuction(selectors);\n });\n }\n\n // Observe DOM for specific elements\n function observeMultipleElements(selectors, callback) {\n const observer = new MutationObserver((mutations) =\u003e {\n const allElementsFound = selectors.every(selector =\u003e document.querySelector('#' + selector.placement));\n if (allElementsFound) {\n console.log('All placements found.');\n if (window.adngin \u0026\u0026 window.adngin.adnginLoaderReady) {\n startAuction(elementsToCheck);\n } else {\n window.addEventListener('adnginLoaderReady', () =\u003e startAuction(elementsToCheck));\n }\n observer.disconnect();\n }\n });\n\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n\n // Define elements to observe\n const elementsToCheck = [\n { adUnit: 'top', placement: 'adngin-top-0' }\n ];\n\n observeMultipleElements(elementsToCheck);\n "])</script><script>self.__next_f.push([1,"24:[\"$\",\"$L11\",null,{\"id\":\"adengine-manual-auction\",\"type\":\"text/javascript\",\"children\":\"$35\"}]\n"])</script><script>self.__next_f.push([1,"36:I[86869,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"37:I[84150,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"38:I[29725,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"SnigelTop\"]\n"])</script><script>self.__next_f.push([1,"39:I[13634,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3a:I[82443,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3b:I[95587,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3c:I[3757,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3d:I[98500,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"3e:I[54520,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3f:I[52161,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"40:I[32751,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"a:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Фронтенд Гайд - Statistics \u0026 analytics of Telegram channel @frontendga\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Analyze Telegram channel Фронтенд Гайд on Telemetrio. Full stats: 7 744 subscribers, post reach, growth dynamics, and @frontendga ranking in CATEGORIES.technology \u0026 applications category.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"telemetr.io\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"telegram channel, channel, telegram, Фронтенд Гайд, @frontendga\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"ar\",\"href\":\"https://telemetr.io/ar/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"fa\",\"href\":\"https://telemetr.io/fa/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"ru\",\"href\":\"https://telemetr.io/ru/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"uk\",\"href\":\"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"uz\",\"href\":\"https://telemetr.io/uz/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"https://telemetr.io/ch/channels/1681900587-frontend_dev5/posts\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"Фронтенд Гайд - Statistics \u0026 analytics of Telegram channel @frontendga\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Analyze Telegram channel Фронтенд Гайд on Telemetrio. Full stats: 7 744 subscribers, post reach, growth dynamics, and @frontendga ranking in CATEGORIES.technology \u0026 applications category.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Фронтенд Гайд - Statistics \u0026 analytics of Telegram channel @frontendga\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Analyze Telegram channel Фронтенд Гайд on Telemetrio. Full stats: 7 744 subscribers, post reach, growth dynamics, and @frontendga ranking in CATEGORIES.technology \u0026 applications category.\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/icon.svg?9e8ae486b6590917\",\"type\":\"image/svg+xml\",\"sizes\":\"any\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/icon1.ico?6bbf3a51efb3e540\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/icon2.ico?4e3fe26fdc910605\",\"type\":\"image/x-icon\",\"sizes\":\"24x24\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/icon3.ico?13288ad692c389e6\",\"type\":\"image/x-icon\",\"sizes\":\"48x48\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/icon4.ico?802efc8d36f2fee9\",\"type\":\"image/x-icon\",\"sizes\":\"64x64\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/icon5.ico?f2d52d5dccdccc0b\",\"type\":\"image/x-icon\",\"sizes\":\"96x96\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/icon6.ico?2f133ca7e18ea7a3\",\"type\":\"image/x-icon\",\"sizes\":\"144x144\"}],[\"$\",\"link\",\"28\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?a9b2beb703eb6cf6\",\"type\":\"image/png\",\"sizes\":\"180x180\"}],[\"$\",\"$L36\",\"29\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"f:\"$a:metadata\"\n"])</script><script>self.__next_f.push([1,"5:[[\"$\",\"$L37\",null,{\"channelInfo\":{\"id\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"title\":\"Фронтенд Гайд\",\"about\":\"Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! \\n\\nВсе представлено в виде готового кода, бери и юзай в своем проекте.\\n\\n6ad1a2aabe82d4fbb0d6\",\"membersCount\":7744,\"peer\":\"PEER_TYPE_CHANNEL\",\"privacy\":\"CHAT_PRIVACY_PUBLIC\",\"username\":\"frontendga\",\"photoId\":\"5339498914732170172\",\"photoUrl\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=l\",\"telegramFlags\":{\"verified\":false,\"scam\":false,\"fake\":false,\"restricted\":false},\"collectorFlags\":{\"verified\":false,\"cheater\":false,\"blocked\":false,\"onlyForOwners\":false,\"cheaterInfo\":{\"participants\":0.2078755497932434,\"views\":0.14168967306613922,\"appeal\":false,\"updatedAt\":\"2026-06-13T19:08:37Z\",\"reason\":\"CHEATER_REASON_UNSPECIFIED\"}},\"language\":{\"id\":{\"languageId\":\"ru\"},\"name\":\"ru\",\"position\":74831},\"country\":{\"id\":{\"countryId\":\"russia\"},\"name\":\"russia\",\"position\":78685},\"category\":[{\"id\":{\"categoryId\":\"1Y5Zq3WYB\",\"slug\":\"technology-and-applications\"},\"name\":\"technology \u0026 applications\",\"blocked\":false,\"position\":14099}],\"updatedAt\":\"2026-09-01T01:13:42Z\",\"channelCreation\":{\"title\":\"Словодел\",\"date\":\"2021-11-22T21:12:05Z\"},\"channelNet\":null,\"adsIndex\":39.27218,\"adsIndexGrade\":\"ADS_INDEX_GRADE_C_PLUS\",\"tags\":{\"api\":11,\"based\":5,\"css\":22,\"dom\":5,\"flow\":12,\"frontend\":7,\"html\":13,\"javascript\":26,\"preventdefault\":8,\"script\":7,\"usecallback\":7,\"архитектура\":9,\"ввод\":7,\"загрузка\":9,\"интерфейс\":9,\"программирование\":6,\"строка\":7,\"фича\":5,\"фичи\":5,\"хук\":6},\"stableSlug\":\"1681900587-frontend_dev5\"}}],[\"$\",\"$L38\",null,{}],[[\"$\",\"$L39\",null,{\"channelInfo\":\"$5:0:props:channelInfo\",\"channelStatistics\":{\"id\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"title\":\"Фронтенд Гайд\",\"username\":\"frontendga\",\"membersCount\":7744,\"peer\":\"PEER_TYPE_CHANNEL\",\"channelStats\":{\"updatedAt\":\"2026-08-31T00:00:00Z\",\"membersCount\":7744,\"membersChange\":{\"tomorrow\":-2,\"last7Days\":-10,\"last30Days\":0,\"last90Days\":1443},\"messagesCount\":{\"tomorrow\":1,\"last7Days\":5,\"last30Days\":19},\"mentions\":{\"allTime\":122},\"forwards\":{\"allTime\":5},\"engagementRate\":{\"avgPercent\":9.81405,\"after24HourPercent\":7.1022725,\"after48HourPercent\":7.7350206,\"after72HourPercent\":7.993285},\"postViews\":{\"after24Hour\":550,\"after48Hour\":599,\"after72Hour\":619},\"postsPerDayAvg\":0,\"engagementShallow\":{\"byMessagesCount\":8,\"viewsAvg\":760,\"reactionsAvg\":7,\"commentsAvg\":3,\"forwardsAvg\":6},\"engagementDeep\":{\"byMessagesCount\":287,\"viewsAvg\":1267,\"reactionsAvg\":3,\"commentsAvg\":2,\"forwardsAvg\":2},\"tgRecommendations\":{\"recommendations\":53,\"membersCount\":466898}},\"telegramStats\":null},\"currentPage\":\"$undefined\"}],[\"$\",\"$L3a\",null,{\"isAdmin\":false,\"verified\":false}],[\"$\",\"$L3b\",null,{\"channelId\":\"1681900587\",\"hasServerAccess\":true,\"channelsLimit\":\"$undefined\",\"channelStatistics\":\"$5:2:0:props:channelStatistics\",\"channelInfo\":\"$5:0:props:channelInfo\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]],[\"$\",\"$L3c\",null,{\"channelInfo\":\"$5:0:props:channelInfo\"}],[\"$\",\"nav\",null,{\"aria-label\":\"Breadcrumb\",\"className\":\"hidden\",\"children\":[[\"$\",\"ol\",null,{\"className\":\"breadcrumb\",\"children\":[[\"$\",\"li\",\"1\",{\"children\":[\"$\",\"$L3d\",null,{\"href\":\"https://telemetr.io\",\"prefetch\":false,\"children\":\"Telemetrio\"}]}],[\"$\",\"li\",\"2\",{\"children\":[\"$\",\"$L3d\",null,{\"href\":\"https://telemetr.io/en/catalog/russia\",\"prefetch\":false,\"children\":\"Russia\"}]}],[\"$\",\"li\",\"3\",{\"children\":[\"$\",\"$L3d\",null,{\"href\":\"https://telemetr.io/en/catalog/russia/technology-and-applications\",\"prefetch\":false,\"children\":\"Technologies \u0026 Applications\"}]}],[\"$\",\"li\",\"4\",{\"children\":[\"$\",\"$L3d\",null,{\"href\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"prefetch\":false,\"children\":\"Фронтенд Гайд\"}]}]]}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Telemetrio\\\",\\\"item\\\":\\\"https://telemetr.io\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Russia\\\",\\\"item\\\":\\\"https://telemetr.io/en/catalog/russia\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Technologies \u0026 Applications\\\",\\\"item\\\":\\\"https://telemetr.io/en/catalog/russia/technology-and-applications\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":4,\\\"name\\\":\\\"Фронтенд Гайд\\\",\\\"item\\\":\\\"https://telemetr.io/en/channels/1681900587-frontend_dev5\\\"}]}\"}}]]}]]\n"])</script><script>self.__next_f.push([1,"41:T77b5,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"ItemList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3506\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3506\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3506\",\"headline\":\"👩‍💻 SVG background animation test — Разъезжающиеся фигуры произвольной формы в качестве фона Сделано на CSS 🔗…\",\"articleBody\":\"👩‍💻 SVG background animation test — Разъезжающиеся фигуры произвольной формы в качестве фона\\n\\nСделано на CSS\\n\\n🔗 Открыть код\",\"datePublished\":\"2025-09-17T07:01:07Z\",\"dateModified\":\"2025-09-17T07:01:07Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":3,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":689},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":6},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":3}]}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3505\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3505\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3505\",\"headline\":\"⚙️ Вам больше не нужен JavaScript Покажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dv…\",\"articleBody\":\"⚙️ Вам больше не нужен JavaScript\\n\\nПокажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dvw, :has(), переходы — меньше JS, больше скорости и красоты. Примеры, гайды.\\n\\n🔗 Читать статью\",\"datePublished\":\"2025-09-16T15:05:57Z\",\"dateModified\":\"2025-09-16T15:05:57Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":0,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":681},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":10}]}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3504\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3504\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3504\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-16T07:03:10Z\",\"dateModified\":\"2025-09-16T07:03:10Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":658},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":4,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3503\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3503\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3503\",\"headline\":\"👩‍💻 Glitch Experiment — Красивый эффект для текста Сделано на CSS и JS 🔗 Открыть код\",\"articleBody\":\"👩‍💻 Glitch Experiment — Красивый эффект для текста\\n\\nСделано на CSS и JS\\n\\n🔗 Открыть код\",\"datePublished\":\"2025-09-15T15:05:42Z\",\"dateModified\":\"2025-09-15T15:05:42Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":1,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":669},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":1}]}},{\"@type\":\"ListItem\",\"position\":5,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3502\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3502\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3502\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-15T06:59:03Z\",\"dateModified\":\"2025-09-15T06:59:03Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":680},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":2},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":6,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3501\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3501\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3501\",\"headline\":\"❓ Зачем используется свойство style в JavaScript и когда его применять? Свойство style позволяет напрямую изм…\",\"articleBody\":\"❓ Зачем используется свойство style в JavaScript и когда его применять?\\n\\nСвойство style позволяет напрямую изменять инлайн-стили элемента через JavaScript. Это удобно для динамического управления внешним видом интерфейса.\\n\\n✅Пример:\\n\\n\u003cdiv id=\\\"box\\\"\u003eHello\u003c/div\u003e\\n\u003cscript\u003e\\n const box = document.getElementById(\\\"box\\\");\\n box.style.color = \\\"white\\\";\\n box.style.backgroundColor = \\\"blue\\\";\\n\u003c/script\u003e\\n\\n📌В этом примере через style элементу назначаются цвет текста и фон.\\n\\nstyle удобно использовать для изменения размеров, позиционирования, анимаций и состояния элементов. Но если требуется масштабное оформление, лучше применять CSS-классы, а не инлайн-стили — это делает код чище и легче поддерживаемым\",\"datePublished\":\"2025-09-14T09:00:52Z\",\"dateModified\":\"2025-09-14T09:00:52Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":4,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":674},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":2},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":4}]}},{\"@type\":\"ListItem\",\"position\":7,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3500\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3500\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3500\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-13T09:03:19Z\",\"dateModified\":\"2025-09-13T09:03:19Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":1,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":641},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":2},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":1}]}},{\"@type\":\"ListItem\",\"position\":8,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3499\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3499\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3499\",\"headline\":\"👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку Сделана SCSS 🔗 Отк…\",\"articleBody\":\"👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку\\n\\nСделана SCSS\\n\\n🔗 Открыть код\",\"datePublished\":\"2025-09-12T15:03:06Z\",\"dateModified\":\"2025-09-12T15:03:06Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":702},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/LikeAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":4},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":9,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3498\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3498\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3498\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-12T07:04:12Z\",\"dateModified\":\"2025-09-12T07:04:12Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":1,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":681},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":1}]}},{\"@type\":\"ListItem\",\"position\":10,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3497\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3497\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3497\",\"headline\":\"⚙️ SRE на Frontend`е Это еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта,…\",\"articleBody\":\"⚙️ SRE на Frontend`е\\n\\nЭто еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта, которые вы можете внедрить самостоятельно и упростить свою работу, а также помочь отделу в целом.\\n\\n🔗 Читать статью\",\"datePublished\":\"2025-09-11T15:01:44Z\",\"dateModified\":\"2025-09-11T15:01:44Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":0,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":671},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":7}]}},{\"@type\":\"ListItem\",\"position\":11,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3496\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3496\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3496\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-11T06:20:05Z\",\"dateModified\":\"2025-09-11T06:20:05Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":0,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":661},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":12,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3495\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3495\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3495\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-10T15:05:18Z\",\"dateModified\":\"2025-09-10T15:05:18Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":645},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/LikeAction\",\"userInteractionCount\":10},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":13,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3494\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3494\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3494\",\"headline\":\"👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки Сделана на чистом CSS…\",\"articleBody\":\"👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки\\n\\nСделана на чистом CSS\\n\\n🔗 Открыть код\",\"datePublished\":\"2025-09-10T06:50:44Z\",\"dateModified\":\"2025-09-10T06:50:44Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":1,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":624},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/LikeAction\",\"userInteractionCount\":1},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":6},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":1}]}},{\"@type\":\"ListItem\",\"position\":14,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3493\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3493\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3493\",\"headline\":\"⚙️ Деструктуризация в JavaScript Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значе…\",\"articleBody\":\"⚙️ Деструктуризация в JavaScript\\n\\nРазберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.\\n\\n🔗 Читать статью\",\"datePublished\":\"2025-09-09T15:03:45Z\",\"dateModified\":\"2025-09-09T15:03:45Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":680},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":4},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":15,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3492\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3492\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3492\",\"headline\":\"⚙️ Деструктуризация в JavaScript Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значе…\",\"articleBody\":\"⚙️ Деструктуризация в JavaScript\\n\\nРазберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.\\n\\n🔗 Читать статью\",\"datePublished\":\"2025-09-09T06:52:54Z\",\"dateModified\":\"2025-09-09T06:53:04Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":0,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":1}]}},{\"@type\":\"ListItem\",\"position\":16,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3491\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3491\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3491\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-09T06:51:03Z\",\"dateModified\":\"2025-09-09T06:51:03Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":0,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":664},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":4}]}},{\"@type\":\"ListItem\",\"position\":17,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3490\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3490\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3490\",\"headline\":\"👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта Сделана н…\",\"articleBody\":\"👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта\\n\\nСделана на чистом CSS\\n\\n🔗 Открыть код\",\"datePublished\":\"2025-09-08T15:00:50Z\",\"dateModified\":\"2025-09-08T15:00:50Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":1,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":643},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":6},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":1}]}},{\"@type\":\"ListItem\",\"position\":18,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3489\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3489\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3489\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-08T07:03:07Z\",\"dateModified\":\"2025-09-08T07:03:07Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":639},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":19,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3488\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3488\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3488\",\"headline\":\"❓ Зачем используется свойство value в JavaScript и когда его применять? Свойство value позволяет получить или…\",\"articleBody\":\"❓ Зачем используется свойство value в JavaScript и когда его применять?\\n\\nСвойство value позволяет получить или изменить текущее значение элементов форм — таких как \u003cinput\u003e, \u003ctextarea\u003e или \u003cselect\u003e. Это основной способ работы с пользовательским вводом на стороне фронтенда.\\n\\n✅Пример:\\n\\n\u003cinput id=\\\"nameInput\\\" type=\\\"text\\\" placeholder=\\\"Введите имя\\\"\u003e\\n\u003cscript\u003e\\n const input = document.getElementById(\\\"nameInput\\\");\\n input.value = \\\"Alice\\\"; // Установим значение\\n\\n console.log(input.value); // Получим текущее значение ➜ \\\"Alice\\\"\\n\u003c/script\u003e\\n\\n📌В этом примере value сначала задаёт значение в поле ввода, а затем позволяет его прочитать.\\n\\nvalue удобно использовать для работы с формами, валидацией, автозаполнением, поиска и динамического изменения данных. Это ключевой инструмент при создании интерактивных интерфейсов.\",\"datePublished\":\"2025-09-07T09:01:26Z\",\"dateModified\":\"2025-09-07T09:01:26Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":662},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/LikeAction\",\"userInteractionCount\":1},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":3},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}},{\"@type\":\"ListItem\",\"position\":20,\"item\":{\"@type\":\"SocialMediaPosting\",\"@id\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3487\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3487\",\"mainEntityOfPage\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5/posts/3487\",\"headline\":\"Фронтенд Гайд\",\"datePublished\":\"2025-09-06T09:03:50Z\",\"dateModified\":\"2025-09-06T09:03:50Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Фронтенд Гайд\",\"url\":\"https://telemetr.io/en/channels/1681900587-frontend_dev5\",\"image\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\"},\"commentCount\":2,\"interactionStatistic\":[{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ViewAction\",\"userInteractionCount\":637},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/LikeAction\",\"userInteractionCount\":8},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/ShareAction\",\"userInteractionCount\":5},{\"@type\":\"InteractionCounter\",\"interactionType\":\"https://schema.org/CommentAction\",\"userInteractionCount\":2}]}}]}"])</script><script>self.__next_f.push([1,"6:[[\"$\",\"$L3e\",null,{\"page\":\"ch-archive-posts\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-row\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex max-w-full items-center gap-1 truncate font-semibold text-lg leading-[26px] lg:text-2xl mb-4 flex w-full flex-1 justify-center whitespace-nowrap md:mb-6 lg:justify-start gap-x-1.5 flex-none\",\"children\":[false,[\"$\",\"div\",null,{\"className\":\"grid flex-initial\",\"children\":[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Posts Archive\"}]}],[\"$\",\"$L3f\",null,{\"className\":\"inline-flex\",\"title\":\"Archive of channel posts\",\"description\":\"The post archive page stores all posts of the channel since the Telemetrio search algorithm of the service began to track and collect data on the channel on the analytics page of which you are.\",\"link\":\"$undefined\",\"onPopoverOpen\":\"$undefined\",\"children\":[\"$\",\"$L40\",null,{\"iconName\":\"info-circle\",\"className\":\"text-neutral3 text-[18px] lg:text-[24px]\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$41\"}}],\"$L42\"]}]]\n"])</script><script>self.__next_f.push([1,"43:I[70614,[\"61772\",\"static/chunks/109f1dee-bb7f1a6e6851f245.js\",\"95555\",\"static/chunks/95555-501b0e877f3d4b1b.js\",\"55145\",\"static/chunks/55145-a151b800a95b0b07.js\",\"46631\",\"static/chunks/46631-761cd5c9238aa015.js\",\"22349\",\"static/chunks/22349-80ae4f6f2405f57e.js\",\"98500\",\"static/chunks/98500-24b62b998a44bf32.js\",\"38437\",\"static/chunks/38437-2e76d7b1eee09f45.js\",\"26708\",\"static/chunks/26708-086eb381c3947d6e.js\",\"90668\",\"static/chunks/90668-eb07e8a8f6110477.js\",\"8220\",\"static/chunks/8220-12f5eb929dccf297.js\",\"79424\",\"static/chunks/79424-e3b2ada7df94f945.js\",\"3600\",\"static/chunks/3600-e184d3e5776464a1.js\",\"96388\",\"static/chunks/96388-1de6c22126a55f5e.js\",\"16653\",\"static/chunks/16653-b100fc499dffa514.js\",\"64885\",\"static/chunks/64885-b5344dabc397aea8.js\",\"87022\",\"static/chunks/87022-e4ff488231796a8f.js\",\"22142\",\"static/chunks/22142-0102172a175e2d87.js\",\"49304\",\"static/chunks/49304-41bbf705f2f06f3d.js\",\"67198\",\"static/chunks/67198-ba4b5f9c79a33f31.js\",\"68285\",\"static/chunks/68285-ceb0d426acb0a020.js\",\"48129\",\"static/chunks/48129-25b38bb37751b498.js\",\"32739\",\"static/chunks/32739-f0a9a8607c59c2d1.js\",\"82215\",\"static/chunks/82215-2a2cdefcce4361f8.js\",\"14759\",\"static/chunks/14759-6fc471a96b34a047.js\",\"76309\",\"static/chunks/76309-99759eb144ae47c3.js\",\"7107\",\"static/chunks/7107-d8e5dc9ec047b4ba.js\",\"54294\",\"static/chunks/54294-2dd3127fa65a7599.js\",\"21391\",\"static/chunks/21391-284140f57606a968.js\",\"49077\",\"static/chunks/49077-f9364eb64661bf0d.js\",\"53839\",\"static/chunks/53839-2427c0a110689d72.js\",\"93113\",\"static/chunks/93113-759520015ac19644.js\",\"66986\",\"static/chunks/66986-c9a9d840e7021bcf.js\",\"75901\",\"static/chunks/75901-32bbe1dd49c0cbc0.js\",\"9878\",\"static/chunks/app/%5Blng%5D/(channel)/channels/%5Bid%5D/posts/page-de2100f12384a338.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"44:T8ee,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaPoll\", \"poll\": {\"_\": \"Poll\", \"id\": 5353090054816274184, \"question\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041f\\u0440\\u043e\\u0435\\u043a\\u0442\\u0438\\u0440\\u0443\\u0435\\u0442\\u0435 CSS-\\u0431\\u0438\\u0431\\u043b\\u0438\\u043e\\u0442\\u0435\\u043a\\u0443. \\u0425\\u043e\\u0442\\u0438\\u0442\\u0435, \\u0447\\u0442\\u043e\\u0431\\u044b \\u043f\\u043e\\u0442\\u0440\\u0435\\u0431\\u0438\\u0442\\u0435\\u043b\\u0438 \\u043b\\u0435\\u0433\\u043a\\u043e \\u043f\\u0435\\u0440\\u0435\\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u044f\\u043b\\u0438 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u0431\\u0435\\u0437 !important. \\u0427\\u0442\\u043e \\u0438\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u043e\\u0432\\u0430\\u0442\\u044c \\u0432 \\u0431\\u0430\\u0437\\u043e\\u0432\\u044b\\u0445 \\u0441\\u0435\\u043b\\u0435\\u043a\\u0442\\u043e\\u0440\\u0430\\u0445?\"}, \"answers\": [{\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041e\\u0431\\u043e\\u0440\\u0430\\u0447\\u0438\\u0432\\u0430\\u0442\\u044c \\u0441\\u0435\\u043b\\u0435\\u043a\\u0442\\u043e\\u0440\\u044b \\u0432 :is(...)\"}, \"option\": \"MA==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041f\\u043e\\u0432\\u044b\\u0448\\u0430\\u0442\\u044c \\u0441\\u043f\\u0435\\u0446\\u0438\\u0444\\u0438\\u0447\\u043d\\u043e\\u0441\\u0442\\u044c \\u0434\\u0443\\u0431\\u043b\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435\\u043c \\u043a\\u043b\\u0430\\u0441\\u0441\\u043e\\u0432\"}, \"option\": \"MQ==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041e\\u0431\\u043e\\u0440\\u0430\\u0447\\u0438\\u0432\\u0430\\u0442\\u044c \\u0441\\u0435\\u043b\\u0435\\u043a\\u0442\\u043e\\u0440\\u044b \\u0432 :where(...)\"}, \"option\": \"Mg==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0412\\u0441\\u0435\\u0433\\u0434\\u0430 \\u0441\\u0442\\u0430\\u0432\\u0438\\u0442\\u044c !important\"}, \"option\": \"Mw==\"}], \"closed\": false, \"public_voters\": false, \"multiple_choice\": false, \"quiz\": true}, \"results\": {\"_\": \"PollResults\", \"min\": true, \"results\": [{\"_\": \"PollAnswerVoters\", \"option\": \"MA==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"MQ==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mg==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mw==\", \"voters\": 0, \"chosen\": false, \"correct\": false}], \"total_voters\": 0}}"])</script><script>self.__next_f.push([1,"45:T735,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaPoll\", \"poll\": {\"_\": \"Poll\", \"id\": 5350402917117465589, \"question\": {\"_\": \"TextWithEntities\", \"text\": \"\\u042d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442 \\u0441 position: sticky \\u00ab\\u043d\\u0435 \\u043f\\u0440\\u0438\\u043b\\u0438\\u043f\\u0430\\u0435\\u0442\\u00bb. \\u0423 \\u043f\\u0440\\u0435\\u0434\\u043a\\u0430 \\u0441\\u0442\\u043e\\u0438\\u0442 overflow:auto. \\u041e\\u0442\\u043d\\u043e\\u0441\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0447\\u0435\\u0433\\u043e \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442 sticky \\u043f\\u043e \\u0443\\u043c\\u043e\\u043b\\u0447\\u0430\\u043d\\u0438\\u044e?\"}, \"answers\": [{\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0412\\u0441\\u0435\\u0433\\u0434\\u0430 \\u043e\\u0442\\u043d\\u043e\\u0441\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0432\\u044c\\u044e\\u043f\\u043e\\u0440\\u0442\\u0430\"}, \"option\": \"MA==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041e\\u0442\\u043d\\u043e\\u0441\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u043a\\u043e\\u0440\\u043d\\u044f \\u0434\\u043e\\u043a\\u0443\\u043c\\u0435\\u043d\\u0442\\u0430\"}, \"option\": \"MQ==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041e\\u0442\\u043d\\u043e\\u0441\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0431\\u043b\\u0438\\u0436\\u0430\\u0439\\u0448\\u0435\\u0433\\u043e positioned-\\u043f\\u0440\\u0435\\u0434\\u043a\\u0430\"}, \"option\": \"Mg==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041e\\u0442\\u043d\\u043e\\u0441\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0431\\u043b\\u0438\\u0436\\u0430\\u0439\\u0448\\u0435\\u0433\\u043e \\u0441\\u043a\\u0440\\u043e\\u043b\\u043b-\\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 (overflow \\u2260 visible)\"}, \"option\": \"Mw==\"}], \"closed\": false, \"public_voters\": false, \"multiple_choice\": false, \"quiz\": true}, \"results\": {\"_\": \"PollResults\", \"min\": false, \"total_voters\": 59}}"])</script><script>self.__next_f.push([1,"46:T40b,"])</script><script>self.__next_f.push([1,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABUDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCvJIHTGOtK6K0WAuCO9QwyqHHUn6VcB2EEqRnvU2KuZjjBxRVyaCN33AlfoKKAGxogZdifNn1q4NzqAPmY9KrQs0Lh8H6irX2lUKuVOevAFAEMiYbDAgjtRUkl5BK2ZI2J9uP60UWAr27AZE5XA7etWpRbbDx/9aiigdyjKh3Dbhh60UUUAf/Z"])</script><script>self.__next_f.push([1,"47:T84f,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaPoll\", \"poll\": {\"_\": \"Poll\", \"id\": 5339365349382951473, \"question\": {\"_\": \"TextWithEntities\", \"text\": \"INP \\u0432\\u044b\\u0441\\u043e\\u043a\\u0438\\u0439 \\u2014 \\u0438\\u043d\\u0442\\u0435\\u0440\\u0444\\u0435\\u0439\\u0441 \\u00ab\\u0442\\u0443\\u043f\\u0438\\u0442\\u00bb \\u043f\\u0440\\u0438 \\u043a\\u043b\\u0438\\u043a\\u0430\\u0445/\\u0432\\u0432\\u043e\\u0434\\u0435. \\u0427\\u0442\\u043e \\u0432 \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u043e\\u0447\\u0435\\u0440\\u0435\\u0434\\u044c \\u043f\\u043e\\u043c\\u043e\\u0436\\u0435\\u0442 \\u0441\\u043d\\u0438\\u0437\\u0438\\u0442\\u044c INP?\"}, \"answers\": [{\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041f\\u0440\\u0435\\u0434\\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0430 \\u0448\\u0440\\u0438\\u0444\\u0442\\u043e\\u0432 \\u0438 CSS\"}, \"option\": \"MA==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041f\\u0435\\u0440\\u0435\\u0432\\u0435\\u0441\\u0442\\u0438 \\u043d\\u0430 ESM, \\u0432\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c code-splitting \\u0438 HTTP/2 push\"}, \"option\": \"MQ==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0421\\u0436\\u0430\\u0442\\u044c \\u0438\\u0437\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0434\\u043e AVIF/WebP\"}, \"option\": \"Mg==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0414\\u0440\\u043e\\u0431\\u0438\\u0442\\u044c long tasks, \\u0434\\u0435\\u043b\\u0430\\u0442\\u044c yield/await, \\u0443\\u0431\\u0438\\u0440\\u0430\\u0442\\u044c \\u0442\\u044f\\u0436\\u0451\\u043b\\u043e\\u0435 \\u0438\\u0437 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u043e\\u0432\"}, \"option\": \"Mw==\"}], \"closed\": false, \"public_voters\": false, \"multiple_choice\": false, \"quiz\": true}, \"results\": {\"_\": \"PollResults\", \"min\": true, \"results\": [{\"_\": \"PollAnswerVoters\", \"option\": \"MA==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"MQ==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mg==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mw==\", \"voters\": 0, \"chosen\": false, \"correct\": false}], \"total_voters\": 0}}"])</script><script>self.__next_f.push([1,"48:T767,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaPoll\", \"poll\": {\"_\": \"Poll\", \"id\": 5337113549569265824, \"question\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041d\\u0443\\u0436\\u043d\\u043e \\u043e\\u0433\\u0440\\u0430\\u043d\\u0438\\u0447\\u0438\\u0442\\u044c \\u0441\\u0435\\u0441\\u0441\\u0438\\u043e\\u043d\\u043d\\u044b\\u0439 cookie \\u0442\\u043e\\u0447\\u043d\\u044b\\u043c \\u0445\\u043e\\u0441\\u0442\\u043e\\u043c (\\u0431\\u0435\\u0437 \\u043f\\u043e\\u0434\\u0434\\u043e\\u043c\\u0435\\u043d\\u043e\\u0432) \\u0438 \\u0442\\u0440\\u0435\\u0431\\u043e\\u0432\\u0430\\u0442\\u044c HTTPS. \\u041a\\u0430\\u043a \\u043f\\u0440\\u0430\\u0432\\u0438\\u043b\\u044c\\u043d\\u043e \\u0435\\u0433\\u043e \\u0443\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c?\"}, \"answers\": [{\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0418\\u043c\\u044f __Host-session; Secure; Path=/; HttpOnly; \\u0431\\u0435\\u0437 Domain\"}, \"option\": \"MA==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0418\\u043c\\u044f __Secure-session; Secure; Domain=.example.com; Path=/; HttpOnly\"}, \"option\": \"MQ==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041e\\u0431\\u044b\\u0447\\u043d\\u044b\\u0439 cookie; SameSite=Strict; Domain=.example.com; Secure\"}, \"option\": \"Mg==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0418\\u043c\\u044f __Host-session; Secure; Domain=example.com; Path=/; HttpOnly\"}, \"option\": \"Mw==\"}], \"closed\": false, \"public_voters\": false, \"multiple_choice\": false, \"quiz\": true}, \"results\": {\"_\": \"PollResults\", \"min\": true, \"results\": [{\"_\": \"PollAnswerVoters\", \"option\": \"MA==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"MQ==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mg==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mw==\", \"voters\": 0, \"chosen\": false, \"correct\": false}], \"total_voters\": 0}}"])</script><script>self.__next_f.push([1,"49:T84b,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaDocument\", \"nopremium\": false, \"spoiler\": false, \"video\": true, \"round\": false, \"voice\": false, \"document\": {\"_\": \"Document\", \"id\": 5334805150676580225, \"date\": \"2025-09-10T06:51:14+00:00\", \"mime_type\": \"video/mp4\", \"size\": 1572134, \"attributes\": [{\"_\": \"DocumentAttributeVideo\", \"duration\": 16.463, \"w\": 478, \"h\": 852, \"round_message\": false, \"supports_streaming\": true, \"nosound\": false, \"video_codec\": \"h264\"}, {\"_\": \"DocumentAttributeFilename\", \"file_name\": \"1.mp4\"}], \"thumbs\": [{\"_\": \"PhotoStrippedSize\", \"type\": \"i\", \"bytes\": \"ASgWyBG5GQrEeuKPKfGdjY+laa20OMbCPoxpGt4v7rY/3jV8jJ5kZjKy/eBH1oq7JCjEEBj9WPFFZ3Q7k8LyvycbfXFTlVxnNMVVUgdBSSTgkqFO1epo5rjjEhhfMpyMLiipNqBRhfwzRTsu5HN2TMvzH/vt+dJvb+8fzoooLF3uf4j+dFFFAH8=\"}]}, \"alt_documents\": [{\"_\": \"Document\", \"id\": 5325967821673366964, \"date\": \"2025-09-07T02:10:22+00:00\", \"mime_type\": \"video/mp4\", \"size\": 1572101, \"attributes\": [{\"_\": \"DocumentAttributeVideo\", \"duration\": 10.047, \"w\": 478, \"h\": 852, \"round_message\": false, \"supports_streaming\": true, \"nosound\": false, \"video_codec\": \"h264\"}, {\"_\": \"DocumentAttributeFilename\", \"file_name\": \"1.mp4\"}], \"thumbs\": [{\"_\": \"PhotoStrippedSize\", \"type\": \"i\", \"bytes\": \"ASgWyBG5GQpI9cUeVJjOxsfStRbaHGNhH0Y0028X91sf7xq+Rk8yMwqy/eBH1FFXZIUYggMfqx4orO47k8Lyv1xt9cVOVXGc0xVVSB0FI84JICnavU0c1xxjoQwOTIcjC4/CipdqBRhfwzRTsu5HMZXmP/fb86Te2Mbj+dFFBYb3P8R/OiiigD8=\"}]}, {\"_\": \"Document\", \"id\": 5325751840652947979, \"date\": \"2025-09-07T02:10:22+00:00\", \"mime_type\": \"application/x-mpegurl\", \"size\": 464, \"attributes\": [{\"_\": \"DocumentAttributeFilename\", \"file_name\": \"mtproto:5325967821673366964\"}]}, {\"_\": \"Document\", \"id\": 5325811325950001525, \"date\": \"2025-09-07T02:10:22+00:00\", \"mime_type\": \"application/x-tgstoryboard\", \"size\": 19591, \"attributes\": [{\"_\": \"DocumentAttributeFilename\", \"file_name\": \"1.mp4.sb.jpg\"}]}, {\"_\": \"Document\", \"id\": 5325560860637166328, \"date\": \"2025-09-07T02:10:22+00:00\", \"mime_type\": \"application/x-tgstoryboardmap\", \"size\": 129, \"attributes\": [{\"_\": \"DocumentAttributeImageSize\", \"w\": 80, \"h\": 144}, {\"_\": \"DocumentAttributeFilename\", \"file_name\": \"mtproto:5325811325950001525\"}]}]}"])</script><script>self.__next_f.push([1,"4a:T40b,"])</script><script>self.__next_f.push([1,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABYDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDIEbkZCsR64o8p8Z2Nj6VprbQ4xsI+jGka3i/utj/eNXyMnmRmMrL94EfWirskKMQQGP1Y8UVndDuTwvK/Jxt9cVOVXGc0xVVSB0FJJOCSoU7V6mjmuOMSGF8ynIwuKKk2oFGF/DNFOy7kc3ZMy/Mf++350m9v7x/OiigsXe5/iP50UUUAf//Z"])</script><script>self.__next_f.push([1,"4b:T423,"])</script><script>self.__next_f.push([1,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDTlmKPgKCMVG92yozBASBnrRc48zr2qkG2rcMfmA7H6CgRKdScHBWPPsatC5JjVto5GeDWct2rKORk9qc94qOqsvy7QeOvSj0He25owz+axGMYGaKr2VxFLMQnXbnpRQBZkgEjbiSOMVE1ijIy72wwxRRQBXXR4lORLJ+lOl0qOVtxlfOAO1FFAElpp6WspdXZiRjmiiigD//Z"])</script><script>self.__next_f.push([1,"4c:T7ab,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaWebPage\", \"webpage\": {\"_\": \"WebPage\", \"id\": 2793430254452204761, \"url\": \"https://habr.com/ru/companies/selectel/articles/943736/\", \"display_url\": \"habr.com/ru/companies/selectel/articles/943736\", \"has_large_media\": true, \"type\": \"photo\", \"site_name\": \"\\u0425\\u0430\\u0431\\u0440\", \"title\": \"\\u0414\\u0435\\u0441\\u0442\\u0440\\u0443\\u043a\\u0442\\u0443\\u0440\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f \\u0432 JavaScript\", \"description\": \"\\u0411\\u0435\\u0437 \\u0441\\u043e\\u043c\\u043d\\u0435\\u043d\\u0438\\u0439, JavaScript \\u2014 \\u043a\\u0440\\u0430\\u0439\\u043d\\u0435 \\u043f\\u043e\\u043f\\u0443\\u043b\\u044f\\u0440\\u043d\\u044b\\u0439 \\u044f\\u0437\\u044b\\u043a \\u043f\\u0440\\u043e\\u0433\\u0440\\u0430\\u043c\\u043c\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u0438\\u044f. \\u0418 \\u0440\\u0430\\u0437\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0438 \\u043f\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u043d\\u043e \\u0441\\u043e\\u0437\\u0434\\u0430\\u044e\\u0442 \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f, \\u043a\\u043e\\u0442\\u043e\\u0440\\u044b\\u0435 \\u043f\\u043e\\u0437\\u0432\\u043e\\u043b\\u044f\\u044e\\u0442 \\u043f\\u0438\\u0441\\u0430\\u0442\\u044c \\u043a\\u043e\\u0434 \\u043f\\u0440\\u043e\\u0449\\u0435, \\u043a\\u043e\\u0440\\u043e\\u0447\\u0435 \\u0438 \\u043f\\u043e\\u043d\\u044f\\u0442\\u043d\\u0435\\u0435. \\u041e\\u0434\\u043d\\u0438\\u043c \\u0438\\u0437 \\u0442\\u0430\\u043a\\u0438\\u0445 \\u0438\\u043d\\u0441\\u0442\\u0440\\u0443\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432...\", \"photo\": {\"_\": \"Photo\", \"id\": 5907962682743568981, \"date\": \"2025-09-08T08:01:03+00:00\", \"sizes\": [{\"_\": \"PhotoStrippedSize\", \"type\": \"i\", \"bytes\": \"ARcohaEGMYwDnr61DHGZHCjH50r7o3IPy00HH+NGpbtexZazCR5L/N9KrvGyYz3qYSyFAu5tv+e9RykHGOvqKSuU0rXHxxZGflIoqKMlnwvNFDBWaGtJuPNN3enFFFWkYttsd5g2Y2jPrTd/rRRQK4obBzRRRSsNNn8=\"}, {\"_\": \"PhotoSizeProgressive\", \"type\": \"y\", \"w\": 1198, \"h\": 674, \"sizes\": [11260, 29743, 46817, 89177, 194682]}], \"has_stickers\": false}}, \"force_large_media\": false, \"force_small_media\": false, \"manual\": false, \"safe\": false}"])</script><script>self.__next_f.push([1,"4d:T6cd,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaPoll\", \"poll\": {\"_\": \"Poll\", \"id\": 5332553350862868897, \"question\": {\"_\": \"TextWithEntities\", \"text\": \"\\u0418\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u0442\\u0435 \u003cscript type=\\\"module\\\" src=\\\"app.js\\\"\u003e. \\u041d\\u0443\\u0436\\u043d\\u043e \\u0437\\u0430\\u0440\\u0430\\u043d\\u0435\\u0435 \\u043f\\u043e\\u0434\\u0442\\u044f\\u043d\\u0443\\u0442\\u044c \\u0441\\u0430\\u043c \\u043c\\u043e\\u0434\\u0443\\u043b\\u044c \\u0438 \\u0435\\u0433\\u043e \\u0438\\u043c\\u043f\\u043e\\u0440\\u0442\\u0438\\u0440\\u0443\\u0435\\u043c\\u044b\\u0435 \\u0437\\u0430\\u0432\\u0438\\u0441\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438. \\u041a\\u0430\\u043a\\u043e\\u0439 \\u0445\\u0438\\u043d\\u0442 \\u0432\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c?\"}, \"answers\": [{\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\u003clink rel=\\\"modulepreload\\\" href=\\\"app.js\\\"\u003e\"}, \"option\": \"MA==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\u003clink rel=\\\"preload\\\" as=\\\"script\\\" href=\\\"app.js\\\"\u003e\"}, \"option\": \"MQ==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"\u003clink rel=\\\"prefetch\\\" href=\\\"app.js\\\"\u003e\"}, \"option\": \"Mg==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"defer \\u043d\\u0430 \u003cscript\u003e\"}, \"option\": \"Mw==\"}], \"closed\": false, \"public_voters\": false, \"multiple_choice\": false, \"quiz\": true}, \"results\": {\"_\": \"PollResults\", \"min\": true, \"results\": [{\"_\": \"PollAnswerVoters\", \"option\": \"MA==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"MQ==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mg==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mw==\", \"voters\": 0, \"chosen\": false, \"correct\": false}], \"total_voters\": 0}}"])</script><script>self.__next_f.push([1,"4e:T64a,"])</script><script>self.__next_f.push([1,"{\"_\": \"MessageMediaPoll\", \"poll\": {\"_\": \"Poll\", \"id\": 5328298769144353017, \"question\": {\"_\": \"TextWithEntities\", \"text\": \"\\u041a\\u0430\\u043a\\u043e\\u0439 \\u043a\\u0440\\u043e\\u0441\\u0441-\\u0434\\u043e\\u043c\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043d\\u0435 \\u0432\\u044b\\u0437\\u043e\\u0432\\u0435\\u0442 CORS preflight \\u0432 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440\\u0435?\"}, \"answers\": [{\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"GET \\u0441 \\u0437\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043a\\u043e\\u043c X-Token: abc\"}, \"option\": \"MA==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"POST \\u0441 Content-Type: application/json\"}, \"option\": \"MQ==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"POST \\u0441 Content-Type: application/x-www-form-urlencoded, \\u0431\\u0435\\u0437 \\u0434\\u043e\\u043f. \\u0437\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043a\\u043e\\u0432\"}, \"option\": \"Mg==\"}, {\"_\": \"PollAnswer\", \"text\": {\"_\": \"TextWithEntities\", \"text\": \"PUT \\u0441 Content-Type: text/plain\"}, \"option\": \"Mw==\"}], \"closed\": false, \"public_voters\": false, \"multiple_choice\": false, \"quiz\": true}, \"results\": {\"_\": \"PollResults\", \"min\": true, \"results\": [{\"_\": \"PollAnswerVoters\", \"option\": \"MA==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"MQ==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mg==\", \"voters\": 0, \"chosen\": false, \"correct\": false}, {\"_\": \"PollAnswerVoters\", \"option\": \"Mw==\", \"voters\": 0, \"chosen\": false, \"correct\": false}], \"total_voters\": 0}}"])</script><script>self.__next_f.push([1,"4f:T473,"])</script><script>self.__next_f.push([1,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAoABoDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCVdTDjcEdQfcf4U8XxIHyPz7j/AArPWGSNQDbyn/gJqw6FVyVdfw6UAW0vTsY+UzAdckcfpTP7UX/nif8AvqqMfmKDhyIyeQOTUWSP4z/37FIZIbqVrZkcSFhja2T6ipiLnc0jMQm3IBOefT9afBcSyxliQCDjALf41HJezCQpt6f7bf40AQ/aZS0XylQM5wM0/wC2N2i4/wB2rQmkBAY/+PN/jU32uT/Z/KmFjLSWSMDyz79KdGzvLmc9epzRRUspFhMTKGjbPsetL5b+hoopoTP/2Q=="])</script><script>self.__next_f.push([1,"42:[\"$\",\"$L43\",null,{\"channelId\":\"1681900587\",\"postsInitialData\":{\"messages\":[{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3506,\"publishDate\":\"2025-09-17T07:01:07Z\",\"message\":\"👩‍💻 SVG background animation test — Разъезжающиеся фигуры произвольной формы в качестве фона\\n\\nСделано на CSS\\n\\n🔗 Открыть код\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaDocument\\\", \\\"nopremium\\\": false, \\\"spoiler\\\": false, \\\"video\\\": false, \\\"round\\\": false, \\\"voice\\\": false, \\\"document\\\": {\\\"_\\\": \\\"Document\\\", \\\"id\\\": 5355048959335236855, \\\"date\\\": \\\"2025-09-17T04:40:56+00:00\\\", \\\"mime_type\\\": \\\"video/mp4\\\", \\\"size\\\": 80333, \\\"attributes\\\": [{\\\"_\\\": \\\"DocumentAttributeVideo\\\", \\\"duration\\\": 6.6, \\\"w\\\": 1092, \\\"h\\\": 614, \\\"round_message\\\": false, \\\"supports_streaming\\\": true, \\\"nosound\\\": true, \\\"video_codec\\\": \\\"h264\\\"}, {\\\"_\\\": \\\"DocumentAttributeAnimated\\\"}, {\\\"_\\\": \\\"DocumentAttributeFilename\\\", \\\"file_name\\\": \\\"22.mp4\\\"}], \\\"thumbs\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARYovUUUUjUKUHByKSjrQAwPzg9aKc8JzuIwKK0TIdi0Y1Pak8pPSiioJuxfLQdqcAB0GKKKAEYBgQaKKKAP\\\"}]}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":5,\"documentId\":\"5300854838655983573\"},{\"kind\":\"MessageEntityBold\",\"offset\":5,\"length\":30},{\"kind\":\"MessageEntityBlockquote\",\"offset\":96,\"length\":14},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":112,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":115,\"length\":11,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fcodepen.io%2Fpfbarnet%2Fpen%2FyLNzYLm\"},{\"kind\":\"MessageEntityBold\",\"offset\":115,\"length\":11}],\"meta\":{\"views\":689,\"forwardsCount\":6,\"commentsCount\":3,\"reactionsCount\":0,\"publishDate\":\"2025-09-17T07:01:07Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":{\"width\":1092,\"height\":614,\"size\":80333,\"durationSeconds\":6.6,\"url\":\"\",\"thumbUrl\":\"\",\"filename\":\"22.mp4\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwC9RRRSNQpQcHIpKOtADA/OD1opzwnO4jAorRMh2LRjU9qTyk9KKKgm7F8tB2pwAHQYoooARgGBBooooA//2Q==\",\"lazyUrl\":\"https://n0.tlmtr.cc/lazy/5355048959335236855\"}},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3505,\"publishDate\":\"2025-09-16T15:05:57Z\",\"message\":\"⚙️ Вам больше не нужен JavaScript\\n\\nПокажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dvw, :has(), переходы — меньше JS, больше скорости и красоты. Примеры, гайды.\\n\\n🔗 Читать статью\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaPhoto\\\", \\\"spoiler\\\": false, \\\"photo\\\": {\\\"_\\\": \\\"Photo\\\", \\\"id\\\": 5353090055272526589, \\\"date\\\": \\\"2025-09-16T04:18:49+00:00\\\", \\\"sizes\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARcopLbu8YcFcE45OKeLRiCd6evWhNrQANE7EE/MPSgeScnypMdsGgA+yNjO9MAEnmq9Syrk/u43VR1B5qKgAooooAkSaSMYVyB6ULPIqbQxx29qKKAFNxM2cyMc8HmoqKKACiiigD8=\\\"}, {\\\"_\\\": \\\"PhotoSizeProgressive\\\", \\\"type\\\": \\\"y\\\", \\\"w\\\": 1280, \\\"h\\\": 720, \\\"sizes\\\": [5577, 10292, 18452, 24441, 34882]}], \\\"has_stickers\\\": false}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":2,\"documentId\":\"5341715473882955310\"},{\"kind\":\"MessageEntityBold\",\"offset\":3,\"length\":30},{\"kind\":\"MessageEntityBlockquote\",\"offset\":35,\"length\":150},{\"kind\":\"MessageEntityTextUrl\",\"offset\":87,\"length\":9,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Ft.me%2Fstarting\"},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":187,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":190,\"length\":13,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fhabr.com%2Fru%2Farticles%2F946498%2F\"},{\"kind\":\"MessageEntityBold\",\"offset\":190,\"length\":13}],\"meta\":{\"views\":681,\"forwardsCount\":10,\"commentsCount\":0,\"reactionsCount\":0,\"publishDate\":\"2025-09-16T15:05:57Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":true},\"album\":[],\"photo\":{\"width\":1280,\"height\":720,\"size\":34882,\"url\":\"\",\"thumbUrl\":\"\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCktu7xhwVwTjk4p4tGIJ3p69aE2tAA0TsQT8w9KB5JyfKkx2waAD7I2M70wASear1LKuT+7jdVHUHmoqACiiigCRJpIxhXIHpQs8iptDHHb2oooAU3EzZzIxzweaioooAKKKKAP//Z\",\"lazyUrl\":\"https://n0.tlmtr.cc/lazy/5353090055272526589\"},\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3504,\"publishDate\":\"2025-09-16T07:03:10Z\",\"message\":\"\",\"mediaRaw\":\"$44\",\"entities\":[],\"meta\":{\"views\":658,\"forwardsCount\":3,\"commentsCount\":2,\"reactionsCount\":0,\"publishDate\":\"2025-09-16T07:03:10Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3503,\"publishDate\":\"2025-09-15T15:05:42Z\",\"message\":\"👩‍💻 Glitch Experiment — Красивый эффект для текста\\n\\nСделано на CSS и JS\\n\\n🔗 Открыть код\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaDocument\\\", \\\"nopremium\\\": false, \\\"spoiler\\\": false, \\\"video\\\": false, \\\"round\\\": false, \\\"voice\\\": false, \\\"document\\\": {\\\"_\\\": \\\"Document\\\", \\\"id\\\": 5350402917117493908, \\\"date\\\": \\\"2025-09-15T07:00:09+00:00\\\", \\\"mime_type\\\": \\\"video/mp4\\\", \\\"size\\\": 225591, \\\"attributes\\\": [{\\\"_\\\": \\\"DocumentAttributeVideo\\\", \\\"duration\\\": 4.362, \\\"w\\\": 1000, \\\"h\\\": 560, \\\"round_message\\\": false, \\\"supports_streaming\\\": true, \\\"nosound\\\": true, \\\"video_codec\\\": \\\"h264\\\"}, {\\\"_\\\": \\\"DocumentAttributeAnimated\\\"}, {\\\"_\\\": \\\"DocumentAttributeFilename\\\", \\\"file_name\\\": \\\"4-1.mp4\\\"}], \\\"thumbs\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARYox6cEY/wn8qbU63MgXbxj0xQBHsb+6fypNjf3T+VT/a5M54z9KabqQnJxn6UAQGig0UAFGaKKADNGaKKACiiigD8=\\\"}]}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":5,\"documentId\":\"5300854838655983573\"},{\"kind\":\"MessageEntityBold\",\"offset\":5,\"length\":18},{\"kind\":\"MessageEntityBlockquote\",\"offset\":54,\"length\":19},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":75,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":78,\"length\":11,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fcodepen.io%2Facupoftee%2Fpen%2FWNbBxXq\"},{\"kind\":\"MessageEntityBold\",\"offset\":78,\"length\":11}],\"meta\":{\"views\":669,\"forwardsCount\":3,\"commentsCount\":1,\"reactionsCount\":0,\"publishDate\":\"2025-09-15T15:05:42Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":{\"width\":1000,\"height\":560,\"size\":225591,\"durationSeconds\":4.362,\"url\":\"\",\"thumbUrl\":\"\",\"filename\":\"4-1.mp4\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDHpwRj/CfyptTrcyBdvGPTFAEexv7p/Kk2N/dP5VP9rkznjP0ppupCcnGfpQBAaKDRQAUZoooAM0ZoooAKKKKAP//Z\",\"lazyUrl\":\"https://n1.tlmtr.cc/lazy/5350402917117493908\"}},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3502,\"publishDate\":\"2025-09-15T06:59:03Z\",\"message\":\"\",\"mediaRaw\":\"$45\",\"entities\":[],\"meta\":{\"views\":680,\"forwardsCount\":2,\"commentsCount\":2,\"reactionsCount\":0,\"publishDate\":\"2025-09-15T06:59:03Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3501,\"publishDate\":\"2025-09-14T09:00:52Z\",\"message\":\"❓ Зачем используется свойство style в JavaScript и когда его применять?\\n\\nСвойство style позволяет напрямую изменять инлайн-стили элемента через JavaScript. Это удобно для динамического управления внешним видом интерфейса.\\n\\n✅Пример:\\n\\n\u003cdiv id=\\\"box\\\"\u003eHello\u003c/div\u003e\\n\u003cscript\u003e\\n const box = document.getElementById(\\\"box\\\");\\n box.style.color = \\\"white\\\";\\n box.style.backgroundColor = \\\"blue\\\";\\n\u003c/script\u003e\\n\\n📌В этом примере через style элементу назначаются цвет текста и фон.\\n\\nstyle удобно использовать для изменения размеров, позиционирования, анимаций и состояния элементов. Но если требуется масштабное оформление, лучше применять CSS-классы, а не инлайн-стили — это делает код чище и легче поддерживаемым\",\"entities\":[{\"kind\":\"MessageEntityBold\",\"offset\":0,\"length\":1},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":1,\"documentId\":\"5452069934089641166\"},{\"kind\":\"MessageEntityBold\",\"offset\":1,\"length\":29},{\"kind\":\"MessageEntityCode\",\"offset\":30,\"length\":5},{\"kind\":\"MessageEntityBold\",\"offset\":35,\"length\":36},{\"kind\":\"MessageEntityCode\",\"offset\":82,\"length\":5},{\"kind\":\"MessageEntityBold\",\"offset\":223,\"length\":1},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":223,\"length\":1,\"documentId\":\"5260726538302660868\"},{\"kind\":\"MessageEntityBold\",\"offset\":224,\"length\":7},{\"kind\":\"MessageEntityPre\",\"offset\":233,\"length\":157,\"language\":\"html\"},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":392,\"length\":2,\"documentId\":\"5258461531464539536\"},{\"kind\":\"MessageEntityBold\",\"offset\":394,\"length\":66},{\"kind\":\"MessageEntityBlockquote\",\"offset\":462,\"length\":231}],\"meta\":{\"views\":674,\"forwardsCount\":2,\"commentsCount\":4,\"reactionsCount\":0,\"publishDate\":\"2025-09-14T09:00:52Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3500,\"publishDate\":\"2025-09-13T09:03:19Z\",\"message\":\"\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaPhoto\\\", \\\"spoiler\\\": false, \\\"photo\\\": {\\\"_\\\": \\\"Photo\\\", \\\"id\\\": 5343812208653630154, \\\"date\\\": \\\"2025-09-13T03:56:03+00:00\\\", \\\"sizes\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ASgVrySB0xjrSuitFgLgjvUMMqhx1J+lXAdhBKkZ71NirmY4wcUVcmgjd9wJX6CigBsaIGXYnzZ9auDc6gD5mPSq0LNC4fB+oq19pVCrlTnrwBQBDImGwwII7UVJJeQStmSNifbj+tFFgK9uwGROVwO3rVqUW2w8f/WoooHcoyodw24YetFFFAE=\\\"}, {\\\"_\\\": \\\"PhotoSizeProgressive\\\", \\\"type\\\": \\\"y\\\", \\\"w\\\": 500, \\\"h\\\": 958, \\\"sizes\\\": [8263, 24682, 41161, 59259, 97136]}], \\\"has_stickers\\\": false}}\",\"entities\":[],\"meta\":{\"views\":641,\"forwardsCount\":2,\"commentsCount\":1,\"reactionsCount\":0,\"publishDate\":\"2025-09-13T09:03:19Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":{\"width\":500,\"height\":958,\"size\":97136,\"url\":\"\",\"thumbUrl\":\"\",\"thumbBase64\":\"$46\",\"lazyUrl\":\"https://n0.tlmtr.cc/lazy/5343812208653630154\"},\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3499,\"publishDate\":\"2025-09-12T15:03:06Z\",\"message\":\"👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку\\n\\nСделана SCSS\\n\\n🔗 Открыть код\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaDocument\\\", \\\"nopremium\\\": false, \\\"spoiler\\\": false, \\\"video\\\": false, \\\"round\\\": false, \\\"voice\\\": false, \\\"document\\\": {\\\"_\\\": \\\"Document\\\", \\\"id\\\": 5339365349382981122, \\\"date\\\": \\\"2025-09-12T05:43:17+00:00\\\", \\\"mime_type\\\": \\\"video/mp4\\\", \\\"size\\\": 339339, \\\"attributes\\\": [{\\\"_\\\": \\\"DocumentAttributeVideo\\\", \\\"duration\\\": 10.634, \\\"w\\\": 1092, \\\"h\\\": 614, \\\"round_message\\\": false, \\\"supports_streaming\\\": true, \\\"nosound\\\": true, \\\"video_codec\\\": \\\"h264\\\"}, {\\\"_\\\": \\\"DocumentAttributeAnimated\\\"}, {\\\"_\\\": \\\"DocumentAttributeFilename\\\", \\\"file_name\\\": \\\"1.mp4\\\"}], \\\"thumbs\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARYofSGlpDXWZIQ0hpTSGmUhwdBEylMsTw3pRTKKEiySkNFFIyQhpDRRTKQhoooplH8=\\\"}]}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":5,\"documentId\":\"5300854838655983573\"},{\"kind\":\"MessageEntityBold\",\"offset\":5,\"length\":15},{\"kind\":\"MessageEntityBlockquote\",\"offset\":94,\"length\":12},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":108,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":111,\"length\":11,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fcodepen.io%2FGranitNebiu%2Fpen%2FZqpbQy\"},{\"kind\":\"MessageEntityBold\",\"offset\":111,\"length\":11}],\"meta\":{\"views\":702,\"forwardsCount\":4,\"commentsCount\":2,\"reactionsCount\":3,\"publishDate\":\"2025-09-12T15:03:06Z\",\"deletedAt\":null,\"reactions\":[{\"count\":3,\"emoticon\":\"❤\"}],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":{\"width\":1092,\"height\":614,\"size\":339339,\"durationSeconds\":10.634,\"url\":\"\",\"thumbUrl\":\"\",\"filename\":\"1.mp4\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwB9IaWkNdZkhDSGlNIaZSHB0ETKUyxPDelFMooSLJKQ0UUjJCGkNFFMpCGiiimUf//Z\",\"lazyUrl\":\"https://n1.tlmtr.cc/lazy/5339365349382981122\"}},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3498,\"publishDate\":\"2025-09-12T07:04:12Z\",\"message\":\"\",\"mediaRaw\":\"$47\",\"entities\":[],\"meta\":{\"views\":681,\"forwardsCount\":3,\"commentsCount\":1,\"reactionsCount\":0,\"publishDate\":\"2025-09-12T07:04:12Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3497,\"publishDate\":\"2025-09-11T15:01:44Z\",\"message\":\"⚙️ SRE на Frontend`е\\n\\nЭто еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта, которые вы можете внедрить самостоятельно и упростить свою работу, а также помочь отделу в целом.\\n\\n🔗 Читать статью\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaPhoto\\\", \\\"spoiler\\\": false, \\\"photo\\\": {\\\"_\\\": \\\"Photo\\\", \\\"id\\\": 5337113550025520025, \\\"date\\\": \\\"2025-09-11T06:20:59+00:00\\\", \\\"sizes\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARco1H+93/OkGPc/jSyHBpFPP/16LjsLj2NB+hpxzim59v50xWHIPmopV60UgGSEA8mkU89aKKBjsr7UhI70UUCHLgsMUUUUAQ==\\\"}, {\\\"_\\\": \\\"PhotoSizeProgressive\\\", \\\"type\\\": \\\"x\\\", \\\"w\\\": 780, \\\"h\\\": 440, \\\"sizes\\\": [4792, 15802, 38174, 53649, 82363]}], \\\"has_stickers\\\": false}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":2,\"documentId\":\"5341715473882955310\"},{\"kind\":\"MessageEntityBold\",\"offset\":3,\"length\":17},{\"kind\":\"MessageEntityBlockquote\",\"offset\":22,\"length\":185},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":209,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":212,\"length\":13,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fhabr.com%2Fru%2Farticles%2F944070%2F\"},{\"kind\":\"MessageEntityBold\",\"offset\":212,\"length\":13}],\"meta\":{\"views\":671,\"forwardsCount\":7,\"commentsCount\":0,\"reactionsCount\":0,\"publishDate\":\"2025-09-11T15:01:44Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":{\"width\":780,\"height\":440,\"size\":82363,\"url\":\"\",\"thumbUrl\":\"\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDUf73f86QY9z+NLIcGkU8//XouOwuPY0H6GnHOKbn2/nTFYcg+ailXrRSAZIQDyaRTz1oooGOyvtSEjvRRQIcuCwxRRRQB/9k=\",\"lazyUrl\":\"https://n1.tlmtr.cc/lazy/5337113550025520025\"},\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3496,\"publishDate\":\"2025-09-11T06:20:05Z\",\"message\":\"\",\"mediaRaw\":\"$48\",\"entities\":[],\"meta\":{\"views\":661,\"forwardsCount\":2,\"commentsCount\":0,\"reactionsCount\":0,\"publishDate\":\"2025-09-11T06:20:05Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3495,\"publishDate\":\"2025-09-10T15:05:18Z\",\"message\":\"\",\"mediaRaw\":\"$49\",\"entities\":[],\"meta\":{\"views\":645,\"forwardsCount\":3,\"commentsCount\":2,\"reactionsCount\":10,\"publishDate\":\"2025-09-10T15:05:18Z\",\"deletedAt\":null,\"reactions\":[{\"count\":9,\"emoticon\":\"😁\"},{\"count\":1,\"emoticon\":\"❤\"}],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":{\"width\":478,\"height\":852,\"size\":1572134,\"durationSeconds\":16.463,\"url\":\"\",\"thumbUrl\":\"\",\"filename\":\"1.mp4\",\"thumbBase64\":\"$4a\",\"lazyUrl\":\"https://n3.tlmtr.cc/lazy/5334805150676580225\"}},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3494,\"publishDate\":\"2025-09-10T06:50:44Z\",\"message\":\"👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки\\n\\nСделана на чистом CSS\\n\\n🔗 Открыть код\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaDocument\\\", \\\"nopremium\\\": false, \\\"spoiler\\\": false, \\\"video\\\": false, \\\"round\\\": false, \\\"voice\\\": false, \\\"document\\\": {\\\"_\\\": \\\"Document\\\", \\\"id\\\": 5334805150676580223, \\\"date\\\": \\\"2025-09-10T06:50:44+00:00\\\", \\\"mime_type\\\": \\\"video/mp4\\\", \\\"size\\\": 294883, \\\"attributes\\\": [{\\\"_\\\": \\\"DocumentAttributeVideo\\\", \\\"duration\\\": 6.4, \\\"w\\\": 1280, \\\"h\\\": 720, \\\"round_message\\\": false, \\\"supports_streaming\\\": true, \\\"nosound\\\": true, \\\"video_codec\\\": \\\"h264\\\"}, {\\\"_\\\": \\\"DocumentAttributeAnimated\\\"}, {\\\"_\\\": \\\"DocumentAttributeFilename\\\", \\\"file_name\\\": \\\"1.mp4\\\"}], \\\"thumbs\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARYo05Zij4CgjFRvdsqMwQEgZ60XOPM69qpBtq3DH5gOx+goESnUnBwVjz7GrQuSY1baORng1nLdqyjkZPanPeKjqrL8u0Hjr0o9B3tuaMM/msRjGBmiq9lcRSzEJ1256UUAWZIBI24kjjFRNYoyMu9sMMUUUAV10eJTkSyfpTpdKjlbcZXzgDtRRQBJaaelrKXV2YkY5ooooA8=\\\"}]}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":5,\"documentId\":\"5300854838655983573\"},{\"kind\":\"MessageEntityBold\",\"offset\":5,\"length\":39},{\"kind\":\"MessageEntityBlockquote\",\"offset\":91,\"length\":21},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":114,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":117,\"length\":11,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fcodepen.io%2FSplode%2Fpen%2FwvMPgdq\"},{\"kind\":\"MessageEntityBold\",\"offset\":117,\"length\":11}],\"meta\":{\"views\":624,\"forwardsCount\":6,\"commentsCount\":1,\"reactionsCount\":1,\"publishDate\":\"2025-09-10T06:50:44Z\",\"deletedAt\":null,\"reactions\":[{\"count\":1,\"emoticon\":\"❤\"}],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":{\"width\":1280,\"height\":720,\"size\":294883,\"durationSeconds\":6.4,\"url\":\"\",\"thumbUrl\":\"\",\"filename\":\"1.mp4\",\"thumbBase64\":\"$4b\",\"lazyUrl\":\"https://n0.tlmtr.cc/lazy/5334805150676580223\"}},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3493,\"publishDate\":\"2025-09-09T15:03:45Z\",\"message\":\"⚙️ Деструктуризация в JavaScript\\n\\nРазберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.\\n\\n🔗 Читать статью\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaPhoto\\\", \\\"spoiler\\\": false, \\\"photo\\\": {\\\"_\\\": \\\"Photo\\\", \\\"id\\\": 5332553351319124799, \\\"date\\\": \\\"2025-09-09T06:53:05+00:00\\\", \\\"sizes\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARcohaEGMYwD6+tQxxmRwox+dK2+Nyp+Wmg4/wAaNS3a9iy1mEjyX+b6VXeNkxnvUwlkKBdzbf8APeo5TnGOvqKSuU0rXHxxZAPykUVFGSz4XmihiVmNaTceabu9OKKKtGTbbHeYNmNoz603f60UUCuKGwc0UUUrDTZ/\\\"}, {\\\"_\\\": \\\"PhotoSizeProgressive\\\", \\\"type\\\": \\\"x\\\", \\\"w\\\": 780, \\\"h\\\": 438, \\\"sizes\\\": [5475, 13995, 22033, 35817, 73212]}], \\\"has_stickers\\\": false}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":2,\"documentId\":\"5341715473882955310\"},{\"kind\":\"MessageEntityBold\",\"offset\":3,\"length\":29},{\"kind\":\"MessageEntityBlockquote\",\"offset\":34,\"length\":142},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":178,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":181,\"length\":13,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fhabr.com%2Fru%2Fcompanies%2Fselectel%2Farticles%2F943736%2F\"},{\"kind\":\"MessageEntityBold\",\"offset\":181,\"length\":13}],\"meta\":{\"views\":680,\"forwardsCount\":4,\"commentsCount\":2,\"reactionsCount\":0,\"publishDate\":\"2025-09-09T15:03:45Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":{\"width\":780,\"height\":438,\"size\":73212,\"url\":\"\",\"thumbUrl\":\"\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCFoQYxjAPr61DHGZHCjH50rb43Kn5aaDj/ABo1Ldr2LLWYSPJf5vpVd42TGe9TCWQoF3Nt/wA96jlOcY6+opK5TStcfHFkA/KRRUUZLPheaKGJWY1pNx5pu704ooq0ZNtsd5g2Y2jPrTd/rRRQK4obBzRRRSsNNn//2Q==\",\"lazyUrl\":\"https://n1.tlmtr.cc/lazy/5332553351319124799\"},\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3492,\"publishDate\":\"2025-09-09T06:52:54Z\",\"message\":\"⚙️ Деструктуризация в JavaScript\\n\\nРазберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.\\n\\n🔗 Читать статью\",\"mediaRaw\":\"$4c\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":2,\"documentId\":\"5341715473882955310\"},{\"kind\":\"MessageEntityBold\",\"offset\":3,\"length\":29},{\"kind\":\"MessageEntityBlockquote\",\"offset\":34,\"length\":142},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":178,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":181,\"length\":13,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fhabr.com%2Fru%2Fcompanies%2Fselectel%2Farticles%2F943736%2F\"},{\"kind\":\"MessageEntityBold\",\"offset\":181,\"length\":13}],\"meta\":{\"views\":1,\"forwardsCount\":0,\"commentsCount\":0,\"reactionsCount\":0,\"publishDate\":\"2025-09-09T06:52:54Z\",\"deletedAt\":\"2025-09-09T06:53:04Z\",\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3491,\"publishDate\":\"2025-09-09T06:51:03Z\",\"message\":\"\",\"mediaRaw\":\"$4d\",\"entities\":[],\"meta\":{\"views\":664,\"forwardsCount\":4,\"commentsCount\":0,\"reactionsCount\":0,\"publishDate\":\"2025-09-09T06:51:03Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3490,\"publishDate\":\"2025-09-08T15:00:50Z\",\"message\":\"👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта\\n\\nСделана на чистом CSS\\n\\n🔗 Открыть код\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaDocument\\\", \\\"nopremium\\\": false, \\\"spoiler\\\": false, \\\"video\\\": true, \\\"round\\\": false, \\\"voice\\\": false, \\\"document\\\": {\\\"_\\\": \\\"Document\\\", \\\"id\\\": 5328298769144385095, \\\"date\\\": \\\"2025-09-08T03:40:25+00:00\\\", \\\"mime_type\\\": \\\"video/quicktime\\\", \\\"size\\\": 234586, \\\"attributes\\\": [{\\\"_\\\": \\\"DocumentAttributeVideo\\\", \\\"duration\\\": 5.533, \\\"w\\\": 1280, \\\"h\\\": 700, \\\"round_message\\\": false, \\\"supports_streaming\\\": true, \\\"nosound\\\": false}, {\\\"_\\\": \\\"DocumentAttributeFilename\\\", \\\"file_name\\\": \\\"IMG_7788.MOV\\\"}], \\\"thumbs\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ARYoyaKKKACiiigAooooAKKKKACiiigAooooAw==\\\"}]}}\",\"entities\":[{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":5,\"documentId\":\"5300854838655983573\"},{\"kind\":\"MessageEntityBold\",\"offset\":5,\"length\":25},{\"kind\":\"MessageEntityBlockquote\",\"offset\":103,\"length\":21},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":126,\"length\":2,\"documentId\":\"5974492756494519709\"},{\"kind\":\"MessageEntityTextUrl\",\"offset\":129,\"length\":11,\"url\":\"https://go.tlmtr.io/go?from=channel\u0026url=https%3A%2F%2Fcodepen.io%2Fbenyou1969%2Fpen%2FWNvwGvQ\"},{\"kind\":\"MessageEntityBold\",\"offset\":129,\"length\":11}],\"meta\":{\"views\":643,\"forwardsCount\":6,\"commentsCount\":1,\"reactionsCount\":0,\"publishDate\":\"2025-09-08T15:00:50Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":{\"width\":1280,\"height\":700,\"size\":234586,\"durationSeconds\":5.533,\"url\":\"\",\"thumbUrl\":\"\",\"filename\":\"IMG_7788.MOV\",\"thumbBase64\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDJooooAKKKKACiiigAooooAKKKKACiiigD/9k=\",\"lazyUrl\":\"https://n2.tlmtr.cc/lazy/5328298769144385095\"}},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3489,\"publishDate\":\"2025-09-08T07:03:07Z\",\"message\":\"\",\"mediaRaw\":\"$4e\",\"entities\":[],\"meta\":{\"views\":639,\"forwardsCount\":3,\"commentsCount\":2,\"reactionsCount\":0,\"publishDate\":\"2025-09-08T07:03:07Z\",\"deletedAt\":null,\"reactions\":[],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3488,\"publishDate\":\"2025-09-07T09:01:26Z\",\"message\":\"❓ Зачем используется свойство value в JavaScript и когда его применять?\\n\\nСвойство value позволяет получить или изменить текущее значение элементов форм — таких как \u003cinput\u003e, \u003ctextarea\u003e или \u003cselect\u003e. Это основной способ работы с пользовательским вводом на стороне фронтенда.\\n\\n✅Пример:\\n\\n\u003cinput id=\\\"nameInput\\\" type=\\\"text\\\" placeholder=\\\"Введите имя\\\"\u003e\\n\u003cscript\u003e\\n const input = document.getElementById(\\\"nameInput\\\");\\n input.value = \\\"Alice\\\"; // Установим значение\\n\\n console.log(input.value); // Получим текущее значение ➜ \\\"Alice\\\"\\n\u003c/script\u003e\\n\\n📌В этом примере value сначала задаёт значение в поле ввода, а затем позволяет его прочитать.\\n\\nvalue удобно использовать для работы с формами, валидацией, автозаполнением, поиска и динамического изменения данных. Это ключевой инструмент при создании интерактивных интерфейсов.\",\"entities\":[{\"kind\":\"MessageEntityBold\",\"offset\":0,\"length\":1},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":0,\"length\":1,\"documentId\":\"5452069934089641166\"},{\"kind\":\"MessageEntityBold\",\"offset\":1,\"length\":29},{\"kind\":\"MessageEntityCode\",\"offset\":30,\"length\":5},{\"kind\":\"MessageEntityBold\",\"offset\":35,\"length\":36},{\"kind\":\"MessageEntityCode\",\"offset\":82,\"length\":5},{\"kind\":\"MessageEntityCode\",\"offset\":164,\"length\":7},{\"kind\":\"MessageEntityCode\",\"offset\":173,\"length\":10},{\"kind\":\"MessageEntityCode\",\"offset\":188,\"length\":8},{\"kind\":\"MessageEntityBold\",\"offset\":274,\"length\":1},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":274,\"length\":1,\"documentId\":\"5260726538302660868\"},{\"kind\":\"MessageEntityBold\",\"offset\":275,\"length\":7},{\"kind\":\"MessageEntityPre\",\"offset\":284,\"length\":247,\"language\":\"html\"},{\"kind\":\"MessageEntityCustomEmoji\",\"offset\":533,\"length\":2,\"documentId\":\"5258461531464539536\"},{\"kind\":\"MessageEntityBold\",\"offset\":535,\"length\":91},{\"kind\":\"MessageEntityBlockquote\",\"offset\":628,\"length\":181}],\"meta\":{\"views\":662,\"forwardsCount\":3,\"commentsCount\":2,\"reactionsCount\":1,\"publishDate\":\"2025-09-07T09:01:26Z\",\"deletedAt\":null,\"reactions\":[{\"count\":1,\"emoticon\":\"❤\"}],\"isAd\":false},\"album\":[],\"photo\":null,\"video\":null},{\"channel\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"messageId\":3487,\"publishDate\":\"2025-09-06T09:03:50Z\",\"message\":\"\",\"mediaRaw\":\"{\\\"_\\\": \\\"MessageMediaPhoto\\\", \\\"spoiler\\\": false, \\\"photo\\\": {\\\"_\\\": \\\"Photo\\\", \\\"id\\\": 5321090083606099902, \\\"date\\\": \\\"2025-09-05T14:13:44+00:00\\\", \\\"sizes\\\": [{\\\"_\\\": \\\"PhotoStrippedSize\\\", \\\"type\\\": \\\"i\\\", \\\"bytes\\\": \\\"ASgalXUw43BHUH3H+FPF8SB8j8+4/wAKz1hkjUA28p/4CasOhVclXX8OlAFtL07GPlMwHXJHH6Uz+1F/54n/AL6qjH5ig4ciMnkDk1Fkj+M/9+xSGSG6la2ZHEhYY2tk+oqYi53NIzEJtyATnn0/WnwXEssZYkAg4wC3+NRyXswkKben+23+NAEP2mUtF8pUDOcDNP8AtjdouP8Adq0JpAQGP/jzf41N9rk/2fyphYy0lkjA8s+/SnRs7y5nPXqc0UVLKRYTEyho2z7HrS+W/oaKKaEz\\\"}, {\\\"_\\\": \\\"PhotoSizeProgressive\\\", \\\"type\\\": \\\"y\\\", \\\"w\\\": 768, \\\"h\\\": 1200, \\\"sizes\\\": [15498, 43717, 70964, 116107, 152678]}], \\\"has_stickers\\\": false}}\",\"entities\":[],\"meta\":{\"views\":637,\"forwardsCount\":5,\"commentsCount\":2,\"reactionsCount\":8,\"publishDate\":\"2025-09-06T09:03:50Z\",\"deletedAt\":null,\"reactions\":[{\"count\":7,\"emoticon\":\"❤\"},{\"count\":1,\"emoticon\":\"😁\"}],\"isAd\":false},\"album\":[],\"photo\":{\"width\":768,\"height\":1200,\"size\":152678,\"url\":\"\",\"thumbUrl\":\"\",\"thumbBase64\":\"$4f\",\"lazyUrl\":\"https://n1.tlmtr.cc/lazy/5321090083606099902\"},\"video\":null}],\"chats\":[{\"id\":{\"internalId\":\"1PP5aP\",\"telegramId\":\"1681900587\"},\"title\":\"Фронтенд Гайд\",\"membersCount\":7744,\"peer\":\"PEER_TYPE_CHANNEL\",\"username\":\"frontendga\",\"photoId\":\"5339498914732170172\",\"photoUrl\":\"https://img.tlmtr.io/c/1PP5aP/5339498914732170172?ty=x\",\"err\":9.81405,\"postViews\":760,\"country\":{\"countryId\":\"russia\"},\"language\":{\"languageId\":\"ru\"},\"category\":[{\"categoryId\":\"1Y5Zq3WYB\",\"slug\":\"technology-and-applications\"}],\"telegramFlags\":{\"verified\":false,\"scam\":false,\"fake\":false,\"restricted\":false},\"collectorFlags\":{\"verified\":false,\"cheater\":false,\"blocked\":false,\"onlyForOwners\":false,\"cheaterInfo\":{\"participants\":0.2078755497932434,\"views\":0.14168967306613922,\"appeal\":false,\"updatedAt\":\"2026-06-13T19:08:37Z\",\"reason\":\"CHEATER_REASON_UNSPECIFIED\"}},\"isPlaceholder\":false,\"link\":\"https://t.me/frontendga\",\"privacy\":\"CHAT_PRIVACY_PUBLIC\",\"stableSlug\":\"1681900587-frontend_dev5\"}],\"cursor\":\"IKQD\"}}]\n"])</script></body></html>