Некоторые подходы к стилизации плейсхолдеров в веб-формах:

• Использование псевдоэлемента ::placeholder. 13 Он применяется к тексту плейсхолдера внутри элементов и и позволяет изменить цвет, шрифт, размер шрифта и другие свойства текста плейсхолдера. <a href='https://purpleschool.ru/knowledge-base/article/placeholder' target='_blank' class='ref'>1</a></li><li><strong>Анимация плейсхолдера</strong>. <a href='https://purpleschool.ru/knowledge-base/article/placeholder' target='_blank' class='ref'>1</a> Это помогает привлечь внимание пользователя к полю ввода. <a href='https://purpleschool.ru/knowledge-base/article/placeholder' target='_blank' class='ref'>1</a> Например, плейсхолдер может плавно изменять прозрачность, создавая эффект мерцания. <a href='https://purpleschool.ru/knowledge-base/article/placeholder' target='_blank' class='ref'>1</a></li><li><strong>Стилизация в зависимости от состояния поля ввода</strong>. <a href='https://purpleschool.ru/knowledge-base/article/placeholder' target='_blank' class='ref'>1</a> Например, можно изменить стиль плейсхолдера в зависимости от состояния фокуса поля ввода. <a href='https://purpleschool.ru/knowledge-base/article/placeholder' target='_blank' class='ref'>1</a></li></ul><p>Также существует подход, при котором информацию плейсхолдера располагают вне формы ввода в непосредственной близости от неё, а затем используют aria-describedby для программного связывания элемента <input> с подсказкой. <a href='https://developer.mozilla.org/ru/docs/Web/CSS/::placeholder' target='_blank' class='ref'>2</a> В таком случае содержимое подсказки будет доступно даже в том случае, если что-то введено в форму. <a href='https://developer.mozilla.org/ru/docs/Web/CSS/::placeholder' target='_blank' class='ref'>2</a></p></h6></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:10;grid-row-start:9;grid-column-end:2;grid-column-start:1;width:min-content;height:40px;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="najti-v-poiske-backgrounds"></div><div class="lc-multi-background__section-container"><section id="najti-v-poiske" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:400;--color-base:#000000;--background-color-base:rgba(0, 0, 0, 0.05);--border-radius-base:100px 100px 100px 100px;--border-base:none;--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:400;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:rgba(0, 0, 0, 0.1);--border-radius-hover:100px 100px 100px 100px;--border-hover:none;--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:400;--color-active:rgba(37, 37, 37, 1);--background-color-active:rgba(0, 0, 0, 0.1);--border-radius-active:100px 100px 100px 100px;--border-active:none;--shadow-active:none;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:20px;--sizes-padding-right:20px;--sizes-font-size:14px;--sizes-letter-spacing:0px;--sizes-icon-height:20px;--sizes-icon-offset:5px"><a class="Link link lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_type_link undefined" href="https://ya.ru/search/?text=%D0%9A%D0%B0%D0%BA%D0%B8%D0%B5%20%D1%81%D1%83%D1%89%D0%B5%D1%81%D1%82%D0%B2%D1%83%D1%8E%D1%82%20%D0%BF%D0%BE%D0%B4%D1%85%D0%BE%D0%B4%D1%8B%20%D0%BA%20%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8%20%D0%BF%D0%BB%D0%B5%D0%B9%D1%81%D1%85%D0%BE%D0%BB%D0%B4%D0%B5%D1%80%D0%BE%D0%B2%20%D0%B2%20%D0%B2%D0%B5%D0%B1-%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%85?" target="_blank" data-clickable="true" rel="noopener" data-log-node="0--100"><div class="lc-button2__under"></div><span class="lc-button2__text"><div class="lc-styled-text"><span class="lc-styled-text__text lc-styled-text__text_align_center">Найти в Поиске</span></div></span></a></span></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:10;grid-row-start:9;grid-column-end:2;grid-column-start:1;width:40px;height:40px;justify-self:end;align-self:start;margin-right:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="tri-tochki-backgrounds"></div><div class="lc-multi-background__section-container"><section id="tri-tochki" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:500;--color-base:rgba(37, 37, 37, 1);--background-color-base:rgba(0, 0, 0, 0.05);--border-radius-base:50% 50% 50% 50%;--border-base:none;--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:500;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:rgba(0, 0, 0, 0.1);--border-radius-hover:50% 50% 50% 50%;--border-hover:none;--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:500;--color-active:rgba(37, 37, 37, 1);--background-color-active:rgba(0, 0, 0, 0.1);--border-radius-active:50% 50% 50% 50%;--border-active:none;--shadow-active:none;--icon-url-base:url(https://avatars.mds.yandex.net/get-lpc/9736426/c4ad3f57-f9a5-4200-8b76-93645044dc8c/orig);--icon-opacity-base:1;--icon-url-hover:url(https://avatars.mds.yandex.net/get-lpc/9736426/c4ad3f57-f9a5-4200-8b76-93645044dc8c/orig);--icon-opacity-hover:1;--icon-url-active:url(https://avatars.mds.yandex.net/get-lpc/9736426/c4ad3f57-f9a5-4200-8b76-93645044dc8c/orig);--icon-opacity-active:1;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:0px;--sizes-padding-right:0px;--sizes-font-size:20px;--sizes-letter-spacing:0px;--sizes-icon-height:24px;--sizes-icon-offset:5px"><span class="link link_pseudo lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_type_link undefined " data-log-node="0--100" role="button" tabindex="0"><div class="lc-button2__under"></div><span class="lc-button2__text"><span class="lc-button2__icon lc-button2__icon_icon"><span class="lc-button2__image lc-button2__image_base"></span></span></span></span></span></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:11;grid-row-start:10;grid-column-end:2;grid-column-start:1;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="otvet-sformirovan-backgrounds"></div><div class="lc-multi-background__section-container"><section id="otvet-sformirovan" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:24px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 0.45);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-text__text lc-styled-text__text_align_left">Ответ сформирован YandexGPT на основе текстов выбранных сайтов. В нём могут быть неточности.</div></div></div></div></section></div></div></div></div></div></section></div></div></div></div></div></section></div></div><section id="pole-poiska" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #pole-poiska { position: fixed; bottom: 0; z-index: 10; background: #fff; } @media (max-width: 1209px) { #pole-poiska { display: none; } } .page__content { padding-bottom: 88px; } #pole-poiska .FuturisInput { width: 649px; margin: 0 auto; padding: 5px 0 16px; position: relative; display: flex; align-items: center; gap: 16px; transition: left .3s ease-out; } /* @media (max-width: 681px) { #pole-poiska .FuturisInput { width: auto; margin: 0 16px; } } */ #pole-poiska .FuturisInput-Container { display: flex; flex-grow: 1; align-items: center; position: relative; border-radius: 25px; background-color: rgb(242, 242, 242); } #pole-poiska .FuturisInput-Content { width: 100%; } #pole-poiska .FuturisInput-Text { height: 52px; padding: 16px; display: block; box-sizing: border-box; width: 100%; font: 16px/20px "YS Text",-apple-system,BlinkMacSystemFont,Arial,Helvetica,sans-serif; resize: none; color: #000; border: 0; outline: 0; background-color: transparent; scrollbar-width: none; } #pole-poiska .FuturisInput-Panel { margin: auto 10px; gap: 10px; display: flex; } #pole-poiska .Button2 { cursor: pointer; position: relative; display: inline-block; overflow: visible; box-sizing: border-box; margin: 0; padding: 0; font-weight: inherit; user-select: none; text-align: center; white-space: nowrap; text-decoration: none; border-width: 0; outline: 0; background: 0 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; font-family: inherit; font-size: 0; } #pole-poiska .Button2::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-radius: 12px; } #pole-poiska .Button2::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ""; transform: scale(0); } #pole-poiska .Button2-Text { position: relative; resize: none; white-space: nowrap; pointer-events: none; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; } #pole-poiska .FuturisVoice-Ripple { position: absolute; z-index: 1; width: 40px; height: 40px; content: ""; border-radius: 50%; transition: transform .7s ease-in-out; will-change: transform; } #pole-poiska .FuturisVoice-Ripple:first-child { opacity: .2; transform: scale(1.1); } #pole-poiska .FuturisVoice-Ripple:nth-child(2) { opacity: .1; transform: scale(1.2); } #pole-poiska .FuturisVoice-Icon { z-index: 2; width: 32px; height: 32px; } #pole-poiska .FuturisVoice-Icon rect { transition: height .7s ease-in-out; transform: rotate(180deg); transform-origin: center; fill: rgba(0, 0, 0, .4); } #pole-poiska .FuturisVoice-Icon path { fill: rgba(0, 0, 0, .4); } #pole-poiska .FuturisInput-Search { padding: 4px; fill: #f8604a; transition: .1s ease-out; cursor: pointer; } #pole-poiska .FuturisVoice { position: relative; padding: 4px; color: rgba(0, 0, 0, .4); border-radius: 50%; transition: .1s ease-out; } #pole-poiska .FuturisVoice:hover { transform: scale(1.1); } #pole-poiska .FuturisInput-Search:hover { transform: scale(1.1); } </style> <form id="search-bottom-form" class="search__form" action="https://ya.ru/search/" method="get" target="_blank"> <div class="FuturisInput Futuris-Input"> <div class="FuturisInput-Container"> <div class="FuturisInput-Content"> <input class="FuturisInput-Text" id="search-input" name="text" type="text" enterkeyhint="search" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" aria-label="Задать свой вопрос" placeholder="Задать свой вопрос" maxlength="1024" value="" style="height: 52px;"> <input type="hidden" name="promo" value="force_neuro"> <input type="hidden" name="utm_source" value="neurum"> </div> <div class="FuturisInput-Panel"> <button type="submit" class="Button2" aria-disabled="false" autocomplete="off"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" class="FuturisInput-Search"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 29.333c-7.364 0-13.334-5.97-13.334-13.333C2.666 8.636 8.636 2.667 16 2.667c7.363 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333ZM17.666 16l-5.333-6.667H16L21.333 16 16 22.667h-3.667L17.666 16Z" fill="current"></path> </svg> </button> </div> </div> </div> </form></div></section><section id="hint-html" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><script src="https://yastatic.net/s3/lpc-ext/static/_lib/tippy/popper.min.js"></script> <script src="https://yastatic.net/s3/lpc-ext/static/_lib/tippy/tippy-bundle.min.js"></script> <script src="https://yastatic.net/s3/distribution/hanky/hint.js"></script> <style> .tippy-box[data-theme~='light'] { padding: 12px 16px; background: #fff; border-radius: 20px; border: 1px solid #EDEDED; text-align: left; box-shadow: 0px 1px 4px 0px rgba(32, 35, 51, 0.04), 0px 6px 18px 0px rgba(32, 35, 51, 0.08); line-height: 140%; color: rgba(0,0,0,0.9); } .hint-text { display: none; } </style> <div class="hint-text"> Примеры полезных ответов Нейро на вопросы из разных сфер. Вопросы сгенерированы нейросетью YandexGPT для актуальных тем, которые определяются на базе обобщённых запросов к Нейро. </div> </div></section><section id="hint-tri-tochki-html" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><script src="https://yastatic.net/s3/distribution/hanky/hint-tri-tochki-0509-5.js"></script> <style> .tippy-box[data-theme~='light'] { padding: 12px 16px; background: #fff; border-radius: 20px; border: 1px solid #EDEDED; text-align: left; box-shadow: 0px 1px 4px 0px rgba(32, 35, 51, 0.04), 0px 6px 18px 0px rgba(32, 35, 51, 0.08); line-height: 140%; color: rgba(0,0,0,0.9); } .tippy-2 a, .tippy-content a { white-space: nowrap; } .tippy-2 a:hover, .tippy-content a:hover { color: #000; } .hint-tri-tochki-text { display: none; } </style> <div class="hint-tri-tochki-text"> <a href="https://forms.yandex.ru/surveys/13683998.fef46c824d0c9bb351f5c8a842b0afe9646d5b57/?url={url}" target="_blank">Пожаловаться на контент</a> </div> </div></section><div class="lc-multi-background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="podval-backgrounds"></div><div class="lc-multi-background__section-container"><section id="podval" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:0px 0px 16px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px - (649px)) * 0.5) 649px calc((100% - 0px - (649px)) * 0.5);grid-template-rows:min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:3;grid-column-start:2;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="setochnaya-gruppa-backgrounds"></div><div class="lc-multi-background__section-container"><section id="setochnaya-gruppa" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px) * 1);grid-template-rows:min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="kopirajt-backgrounds"></div><div class="lc-multi-background__section-container"><section id="kopirajt" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_custom lc-text-block_bpsize_custom lc-text-block_font_text lc-text-component" style="--font-weight:400;--font-size:10px;--color:rgba(32, 35, 51, 0.5);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-text__text lc-styled-text__text_align_left">© 2024 ООО «Яндекс»</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:115px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="polzovatelskoe-soglashenie-backgrounds"></div><div class="lc-multi-background__section-container"><section id="polzovatelskoe-soglashenie" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_custom lc-text-block_bpsize_custom lc-text-block_font_text lc-text-component" style="--font-weight:400;--font-size:10px;--color:rgba(32, 35, 51, 0.5);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-text__text lc-styled-text__text_align_left"><a href="https://yandex.ru/legal/yaneurum/" target="_blank">Пользовательское соглашение</a></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:265px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="svyazatsya-s-nami-backgrounds"></div><div class="lc-multi-background__section-container"><section id="svyazatsya-s-nami" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_custom lc-text-block_bpsize_custom lc-text-block_font_text lc-text-component" style="--font-weight:400;--font-size:10px;--color:rgba(32, 35, 51, 0.5);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-text__text lc-styled-text__text_align_left"><a href="https://forms.yandex.ru/surveys/13479981.b18fd47c33e9c58ba79eba4d8a8b7b9b56ac73e9/" target="_blank">Связаться с нами</a></div></div></div></div></section></div></div></div></div></div></section></div></div></div></div></div></section></div></div><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="plavayushie-knopki-backgrounds"></div><div class="lc-multi-background__section-container"><section id="plavayushie-knopki" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-group__content lc-group__content_justify_start lpc-section"><section id="css-knopki" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #zadat-vopros, #chto-takoe-poisk-s-nejro { position: relative; transition: transform .1s ease-out; will-change: transform; } #zadat-vopros:hover, #chto-takoe-poisk-s-nejro:hover { transform: scale(1.02); } #fiks .lc-grid2-item:first-child { max-width: 649px; } @media (max-width: 1209px) { #fiks .lc-grid2-item + .lc-grid2-item { display: none; } } .lc-fixed-grid2 { z-index: 1000; } </style></div></section><div class="lc-fixed-grid2 lc-fixed-grid2_horizontal-center" style="--fixed-grid-width:100%;--fixed-grid-margin-bottom:0px"><div class="lc-multi-background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="fiks-backgrounds"></div><div class="lc-multi-background__section-container"><section id="fiks" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:0px 0px 0px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px) * 1);grid-template-rows:min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:calc(100% - 32px);height:48px;justify-self:center;align-self:end;margin-bottom:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="zadat-vopros-backgrounds"></div><div class="lc-multi-background__section-container"><section id="zadat-vopros" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:500;--color-base:#ffffff;--background-color-base:#F8604A;--border-radius-base:100px 100px 100px 100px;--border-base:none;--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:500;--color-hover:#ffffff;--background-color-hover:#F8604A;--border-radius-hover:100px 100px 100px 100px;--border-hover:none;--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:500;--color-active:#ffffff;--background-color-active:#F8604A;--border-radius-active:100px 100px 100px 100px;--border-active:none;--shadow-active:none;--icon-url-base:url(https://avatars.mdst.yandex.net/get-lpc/69669/827dae89-ec37-40f6-bb7d-83a25497fb8b/orig);--icon-opacity-base:1;--icon-url-hover:url(https://avatars.mdst.yandex.net/get-lpc/69669/827dae89-ec37-40f6-bb7d-83a25497fb8b/orig);--icon-opacity-hover:1;--icon-url-active:url(https://avatars.mdst.yandex.net/get-lpc/69669/827dae89-ec37-40f6-bb7d-83a25497fb8b/orig);--icon-opacity-active:1;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:0px;--sizes-padding-right:0px;--sizes-font-size:14px;--sizes-letter-spacing:0px;--sizes-icon-height:24px;--sizes-icon-offset:8px"><span class="link link_pseudo lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_layout_textOnRight lc-button2_type_link undefined " data-log-node="0--100" role="button" tabindex="0"><div class="lc-button2__under"></div><span class="lc-button2__text"><span class="lc-button2__icon lc-button2__icon_iconText"><span class="lc-button2__image lc-button2__image_base"></span></span><div class="lc-styled-text"><span class="lc-styled-text__text lc-styled-text__text_align_center">Задать новый вопрос</span></div></span></span></span></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:0px;height:0px;justify-self:end;align-self:start;margin-right:24px;margin-top:75px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="chto-takoe-poisk-s-nejro-backgrounds"></div><div class="lc-multi-background__section-container"><section id="chto-takoe-poisk-s-nejro" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:400;--color-base:rgba(37, 37, 37, 1);--background-color-base:#ffffff;--border-radius-base:100px 100px 100px 100px;--border-base:1px solid rgba(0, 0, 0, 0.15);--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:400;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:#ffffff;--border-radius-hover:100px 100px 100px 100px;--border-hover:1px solid rgba(0, 0, 0, 0.15);--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:400;--color-active:rgba(37, 37, 37, 1);--background-color-active:#ffffff;--border-radius-active:100px 100px 100px 100px;--border-active:1px solid rgba(0, 0, 0, 0.15);--shadow-active:none;--icon-url-base:url(https://avatars.mdst.yandex.net/get-lpc/69669/ea983e37-31c4-4d8c-8dfd-544bf732d98b/orig);--icon-opacity-base:1;--icon-url-hover:url(https://avatars.mdst.yandex.net/get-lpc/69669/ea983e37-31c4-4d8c-8dfd-544bf732d98b/orig);--icon-opacity-hover:1;--icon-url-active:url(https://avatars.mdst.yandex.net/get-lpc/69669/ea983e37-31c4-4d8c-8dfd-544bf732d98b/orig);--icon-opacity-active:1;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:0px;--sizes-padding-right:0px;--sizes-font-size:14px;--sizes-letter-spacing:0px;--sizes-icon-height:24px;--sizes-icon-offset:4px"><a class="Link link lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_layout_textOnRight lc-button2_type_link undefined" href="https://ya.ru/neuro-search/?utm_source=neurum" target="_blank" data-clickable="true" rel="noopener" data-log-node="0--100"><div class="lc-button2__under"></div><span class="lc-button2__text"><span class="lc-button2__icon lc-button2__icon_iconText"><span class="lc-button2__image lc-button2__image_base"></span></span><div class="lc-styled-text"><span class="lc-styled-text__text lc-styled-text__text_align_center">Что такое Поиск с Нейро?</span></div></span></a></span></div></div></section></div></div></div></div></div></section></div></div></div></div></div></div></section></div></div></div><section id="js" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><script src="https://yastatic.net/s3/distribution/hanky/autosize.min.js"></script> <script src="https://yastatic.net/s3/distribution/hanky/log-2808-1.js"></script> <script src="https://yastatic.net/s3/distribution/hanky/question-2102-3.js"></script></div></section><div class="lc-multi-background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="modalka-zadat-vopros-backgrounds"></div><div class="lc-multi-background__section-container"><section id="modalka-zadat-vopros" class="lc-section lpc-section "><div class="lc-offsets lc-offsets_padding-top_none lc-offsets_padding-bottom_none"><div style="display:none"><div class="lc-multi-background lc-modal__background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="modalka-zadat-vopros-backgrounds"></div><div class="lc-multi-background__section-container"><div class="lc-modal__close" aria-label="Закрыть" role="button" tabindex="0"></div><div class="lc-modal__background-inner"><section id="css-modal" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #modalka-zadat-vopros-backgrounds + .lc-multi-background__section-container .lc-modal__close { top: 13px; right: 2px; } .lc-modal__content { max-width: 630px; } .lc-modal__close { width: 22px; height: 22px; top: 5px; right: 0; } .lc-modal__close::after, .lc-modal__close::before { width: 22px; height: 22px; } .lc-modal__close::after { right: 3px; } .lc-modal__close::before { right: 19px; } @media (max-width: 1209px) { .lc-modal__content { min-width: 100%; margin: 0; min-height: 100%; align-items: end; } .lc-modal__internal-content { margin: 0; } } </style></div></section><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:20px 20px 0px 0px" id="kontent-backgrounds"><div style="background-color:rgba(255, 255, 255, 1)" class="lc-multi-background__background"></div></div><div class="lc-multi-background__section-container"><div class="lc-borders__advanced-borders-wrapper" style="border-radius:20px 20px 0px 0px"><div class="lc-borders__component-wrapper" style="border-radius:20px 20px 0px 0px"><section id="kontent" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:48px 32px 32px 32px"><div class="lc-group"><div class="lc-group__content lc-group__content_justify_start lpc-section"><div class="lc-multi-background"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="setka-backgrounds"></div><div class="lc-multi-background__section-container"><section id="setka" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:0px 0px 0px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px) * 1);grid-template-rows:min-content min-content min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:64px;justify-self:center;align-self:start;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="logotip-v-modalke-backgrounds"></div><div class="lc-multi-background__section-container"><section id="logotip-v-modalke" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-image-lpc lc-image-lpc_in-grid2 lc-image-lpc_width-auto lc-image-lpc_no-padding lc-image-lpc_migrated"><div class="lc-image-lpc__component"><div class="lc-picture lc-picture_migrated lc-image-lpc__image"><img alt="" aria-hidden="true" class="lc-picture__full-size-block lc-picture__image" src="https://avatars.mdst.yandex.net/get-lpc/69009/d622eb0d-b948-4cdb-8354-12fd80f85543/orig" style="opacity:1" width="64" height="64" loading="lazy"/></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:3;grid-row-start:2;grid-column-end:2;grid-column-start:1;width:100%;height:min-content;justify-self:center;align-self:start;margin-top:24px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="zadajte-vopros-backgrounds"></div><div class="lc-multi-background__section-container"><section id="zadajte-vopros" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s24 lc-text-block_bpsize_s24 lc-text-block_font_text lc-text-component" style="--font-weight:600;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:117%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-text__text lc-styled-text__text_align_center">Задайте вопрос...</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:4;grid-row-start:3;grid-column-end:2;grid-column-start:1;width:100%;height:min-content;justify-self:center;align-self:start;margin-top:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-background__backgrounds-container" style="--border-radius:" id="i-poluchite-otvet-backgrounds"></div><div class="lc-multi-background__section-container"><section id="i-poluchite-otvet" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s16 lc-text-block_bpsize_s16 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:150%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-text__text lc-styled-text__text_align_center">…и сразу получите ответ в Поиске с Нейро</div></div></div></div></section></div></div></div></div></div></section></div></div><section id="input-poiska" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #input-poiska { } #input-poiska .FuturisInput { width: 100%; margin: 24px 0 0; position: relative; display: flex; align-items: center; gap: 16px; transition: left .3s ease-out; } @media (max-width: 681px) { #input-poiska .FuturisInput { width: auto; margin: 20px 0 0; } } #input-poiska .FuturisInput-Container { display: flex; flex-grow: 1; align-items: center; position: relative; border-radius: 25px; background-color: rgb(242, 242, 242); } #input-poiska .FuturisInput-Content { width: 100%; } #input-poiska .FuturisInput-Text { height: 52px; padding: 16px; display: block; box-sizing: border-box; width: 100%; font: 16px/20px "YS Text",-apple-system,BlinkMacSystemFont,Arial,Helvetica,sans-serif; resize: none; color: #000; border: 0; outline: 0; background-color: transparent; scrollbar-width: none; } #input-poiska .FuturisInput-Panel { margin: 7px 10px; gap: 10px; display: flex; align-self: end; } #input-poiska .Button2 { cursor: pointer; position: relative; display: inline-block; overflow: visible; box-sizing: border-box; margin: 0; padding: 0; font-weight: inherit; user-select: none; text-align: center; white-space: nowrap; text-decoration: none; border-width: 0; outline: 0; background: 0 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; font-family: inherit; font-size: 0; } #input-poiska .Button2::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-radius: 12px; } #input-poiska .Button2::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ""; transform: scale(0); } #input-poiska .Button2-Text { position: relative; resize: none; white-space: nowrap; pointer-events: none; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; } #input-poiska .FuturisVoice-Ripple { position: absolute; z-index: 1; width: 40px; height: 40px; content: ""; border-radius: 50%; transition: transform .7s ease-in-out; will-change: transform; } #input-poiska .FuturisVoice-Ripple:first-child { opacity: .2; transform: scale(1.1); } #input-poiska .FuturisVoice-Ripple:nth-child(2) { opacity: .1; transform: scale(1.2); } #input-poiska .FuturisVoice-Icon { z-index: 2; width: 32px; height: 32px; } #input-poiska .FuturisVoice-Icon rect { transition: height .7s ease-in-out; transform: rotate(180deg); transform-origin: center; fill: rgba(0, 0, 0, .4); } #input-poiska .FuturisVoice-Icon path { fill: rgba(0, 0, 0, .4); } #input-poiska .FuturisInput-Search { padding: 4px; fill: #f8604a; transition: .1s ease-out; cursor: pointer; } #input-poiska .FuturisVoice { position: relative; padding: 4px; color: rgba(0, 0, 0, .4); border-radius: 50%; transition: .1s ease-out; } #input-poiska .FuturisVoice:hover { transform: scale(1.1); } #input-poiska .FuturisInput-Search:hover { transform: scale(1.1); } </style> <form id="search-modal-form" class="search__form" action="https://ya.ru/search/" method="get" target="_blank"> <div class="FuturisInput"> <div class="FuturisInput-Container"> <div class="FuturisInput-Content"> <div class="FuturisAutocomplete-Wrapper"> <textarea id="search-textarea" name="text" type="text" class="FuturisAutocomplete-Input FuturisInput-Text" aria-label="Задать свой вопрос" placeholder="Задать свой вопрос" maxlength="1024" enterkeyhint="search" autocorrect="off" autocapitalize="none" spellcheck="false" autocomplete="off" value="" style="height: 52px;">