Анализ сайта infourok.ru

Доход с рекламы посчитан по средней ставке $1.00 за тысячу просмотров — реальная зависит от тематики и рекламной сети.

• H2 \n Курсы «Инфоурок»\n снова подходят для аттестации педагогов!\n \n \n Выберите программу повышения квалификации или профессиональной переподготовки\n и получите документ, соответствующий новым требованиям закона от 1 сентября\n 2025 года\n \n \n \n \n\n\n \n Выбрать курс\n\n \n \n \n \n \n \n\n\n \n \n\n", '480px'); } }, 5000); if (window.yaContextCb) { window.yaContextCb.push(() => { Ya.adfoxCode.create({ ownerId: 708244, containerId: 'common-banner_main_1-0', params: { p1: 'cxxcp', p2: 'p', puid1: 0, puid2: 0, puid3: 0, puid4: 'product-training', puid5: '0', puid6: 1, puid7: 1, puid8: 0, }, onLoad: function(data) { if (data.bundleParams.bannerId) { var container = document.getElementById('common-banner_main_1-0'); container.replaceChildren(); } }, }); }); } {"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/infourok.ru\/#website","url":"https:\/\/infourok.ru\/","name":"Инфоурок","inLanguage":"ru-RU","publisher":{"@id":"https:\/\/infourok.ru\/#organization"}},{"@type":"Organization","@id":"https:\/\/infourok.ru\/#organization","name":"Инфоурок","legalName":"ООО \"Инфоурок\"","description":"Образовательный маркетплейс «Инфоурок»","url":"https:\/\/infourok.ru","logo":"https:\/\/cdn.infourok.ru\/views\/assets\/images\/logo\/logo-new.png","image":"https:\/\/cdn.infourok.ru\/views\/assets\/images\/logo\/logo-new.png","brand":{"@type":"Brand","name":"Инфоурок","logo":"https:\/\/cdn.infourok.ru\/views\/assets\/images\/logo\/logo-new.png"},"email":"info@infourok.ru","address":{"@type":"PostalAddress","postalCode":"214000","addressCountry":"RU","addressRegion":"Смоленская область","addressLocality":"Смоленск","streetAddress":"улица Верхне-Сенная, дом 4, офис 407"},"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"info@infourok.ru","telephone":"+7 800 600-21-01","availableLanguage":["ru"]},"knowsLanguage":["ru"],"taxID":"6732064123","identifier":[{"@type":"PropertyValue","propertyID":"ИНН","value":"6732064123"},{"@type":"PropertyValue","propertyID":"ОГРН","value":"1136733016441"},{"@type":"PropertyValue","propertyID":"КПП","value":"673201001"}],"sameAs":["https:\/\/max.ru\/infourok","https:\/\/vk.ru\/infourok","https:\/\/ok.ru\/group\/53842822037717","https:\/\/t.me\/infourok","https:\/\/www.youtube.com\/infourok","https:\/\/rutube.ru\/channel\/23464093\/"],"telephone":"+7 800 600-21-01","foundingDate":"2013-10-17","hasCredential":{"@type":"EducationalOccupationalCredential","name":"Лицензия на осуществление образовательной деятельности","credentialCategory":"license","identifier":"№Л035-01253-67\/00192532","url":"https:\/\/islod.obrnadzor.gov.ru\/view\/139826"}}]} /* stylelint-disable */ .sidebar-history-item { box-sizing: border-box; position: relative; display: flex; align-items: center; width: 100%; min-height: 40px; border-radius: 12px; font-size: 14px; line-height: 130%; letter-spacing: -0.28px; text-decoration: none; color: #1f1f1f; background-color: transparent; transition: background-color 150ms ease; gap: 8px; } .sidebar-history-item:hover, .sidebar-history-item--active { background-color: #fff; } .sidebar-history-item [hidden] { display: none; } .sidebar-history-item--dropdown-open { z-index: 4; background-color: #fff; } .sidebar-history-item--renaming { border: 1px solid #d6d6d6; background-color: #fff; } .assistant--sidebar-collapsed .sidebar-history-item { justify-content: center; width: 40px; } .sidebar-history-item__link { position: absolute; z-index: 1; border-radius: inherit; text-decoration: none; color: inherit; inset: 0; } .sidebar-history-item__link:focus-visible { outline: 2px solid #24a600; outline-offset: -2px; } .sidebar-history-item--renaming .sidebar-history-item__link { display: none; } .sidebar-history-item__content { display: flex; flex: 1; align-items: center; padding: 10px 44px 10px 12px; min-width: 0; min-height: 40px; pointer-events: none; gap: 8px; } .assistant--sidebar-collapsed .sidebar-history-item__content { justify-content: center; padding: 10px; } .sidebar-history-item--renaming .sidebar-history-item__content { display: none; } .sidebar-history-item__icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 20px; height: 20px; overflow: hidden; border-radius: 6px; font-weight: 500; font-size: 10px; line-height: 1; text-transform: uppercase; color: #676b67; background-color: #edf0ec; } .sidebar-history-item__icon img { display: block; width: 100%; height: 100%; object-fit: cover; } .sidebar-history-item__text { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .assistant--sidebar-collapsed .sidebar-history-item__text { display: none; } .sidebar-history-item__action { position: absolute; right: 4px; top: 50%; z-index: 2; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; opacity: 0; padding: 0; width: 32px; height: 32px; border: none; border-radius: 8px; color: #676b67; background-color: transparent; transform: translateY(-50%); transition: opacity 150ms ease, background-color 150ms ease, color 150ms ease; cursor: pointer; } @media only screen and (max-width: 576px) { .sidebar-history-item__action { opacity: 1; } } .sidebar-history-item__action:hover, .sidebar-history-item__action:focus-visible { outline: none; color: #1f1f1f; } .sidebar-history-item:hover .sidebar-history-item__action, .sidebar-history-item--dropdown-open .sidebar-history-item__action, .sidebar-history-item__action:focus-visible { opacity: 1; } .assistant--sidebar-collapsed .sidebar-history-item__action { display: none; } .sidebar-history-item--renaming .sidebar-history-item__action { display: none; } .sidebar-history-item--streaming .sidebar-history-item__action { display: none; } .sidebar-history-item__rename-form { position: relative; z-index: 2; display: flex; flex: 1; align-items: center; padding: 3px 4px 3px 12px; min-width: 0; min-height: 38px; gap: 8px; } .sidebar-history-item__rename-input { flex: 1; padding: 0; min-width: 0; outline: none; border: none; font: inherit; letter-spacing: 0; color: #1f1f1f; background-color: transparent; } .sidebar-history-item__rename-submit { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 0; width: 32px; height: 32px; border: none; border-radius: 8px; color: #fff; background-color: #24a600; cursor: pointer; } .sidebar-history-item__rename-submit:disabled { opacity: 0.6; cursor: default; } .sidebar-history-item__dropdown { position: fixed; left: 0; top: 0; z-index: 30; display: flex; flex-direction: column; padding: 4px; width: 216px; max-width: calc(100vw - 16px); border-radius: 12px; box-shadow: 0 0 10px rgba(31, 31, 31, 0.1), 0 16px 24px rgba(31, 31, 31, 0.1); background-color: #fff; gap: 2px; } .sidebar-history-item__dropdown-button { display: flex; align-items: center; padding: 10px 8px; width: 100%; min-height: 42px; border: none; border-radius: 8px; font-size: 16px; line-height: 140%; letter-spacing: -0.24px; text-align: left; color: #1f1f1f; background-color: transparent; cursor: pointer; gap: 8px; } .sidebar-history-item__dropdown-button:hover, .sidebar-history-item__dropdown-button:focus-visible { outline: none; background-color: #f5f5f5; } .sidebar-history-item__dropdown-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 20px; height: 20px; color: #676b67; } .sidebar-history-item__dropdown-text { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ai-widget-demo { position: absolute; top: calc(50% + 8px); z-index: 1; width: 217px; height: var(--demo-track-height, 226px); transform: translateY(-50%); pointer-events: none; } @media only screen and (max-width: 1440px) { .ai-widget-demo { display: none; } } .ai-widget-demo--left { left: 32px; } .ai-widget-demo--right { right: 32px; } .ai-widget-demo--scenario-1, .ai-widget-demo--scenario-3, .ai-widget-demo--scenario-7 { --demo-track-height: 380px; } .ai-widget-demo--scenario-2 { --demo-track-height: 340px; } .ai-widget-demo--scenario-4 { --demo-track-height: 308px; } .ai-widget-demo--scenario-5, .ai-widget-demo--scenario-10 { --demo-track-height: 380px; } .ai-widget-demo--scenario-6 { --demo-track-height: 332px; } .ai-widget-demo--scenario-8 { --demo-track-height: 384px; } .ai-widget-demo--scenario-9 { --demo-track-height: 322px; } .ai-widget-demo--step-1 .ai-widget-demo__scenario--active .ai-widget-demo__stage:not(.ai-widget-demo__stage--clip):not(.ai-widget-demo__stage--custom) .ai-widget-demo__message, .ai-widget-demo--step-2 .ai-widget-demo__scenario--active .ai-widget-demo__stage:not(.ai-widget-demo__stage--clip):not(.ai-widget-demo__stage--custom) .ai-widget-demo__message, .ai-widget-demo--step-3 .ai-widget-demo__scenario--active .ai-widget-demo__stage:not(.ai-widget-demo__stage--clip):not(.ai-widget-demo__stage--custom) .ai-widget-demo__message { opacity: 1; transform: translateY(0); } .ai-widget-demo--step-2 .ai-widget-demo__scenario--active .ai-widget-demo__stage:not(.ai-widget-demo__stage--clip):not(.ai-widget-demo__stage--custom) .ai-widget-demo__loader { opacity: 1; transform: translateY(0); } .ai-widget-demo--step-3 .ai-widget-demo__scenario--active .ai-widget-demo__stage:not(.ai-widget-demo__stage--clip):not(.ai-widget-demo__stage--custom) .ai-widget-demo__asset { opacity: 1; transform: translateY(0); } .ai-widget-demo--step-3 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__loader { opacity: 1; transform: translateY(0); } .ai-widget-demo--step-1 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__asset--source, .ai-widget-demo--step-2 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__asset--source, .ai-widget-demo--step-3 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__asset--source, .ai-widget-demo--step-4 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__asset--source { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0 { --demo-track-height: 380px; } .ai-widget-demo--scenario-0.ai-widget-demo--step-1 .ai-widget-demo__message--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-2 .ai-widget-demo__message--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-3 .ai-widget-demo__message--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-4 .ai-widget-demo__message--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-5 .ai-widget-demo__message--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-6 .ai-widget-demo__message--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-2 .ai-widget-demo__loader--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-3 .ai-widget-demo__asset--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-4 .ai-widget-demo__asset--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-5 .ai-widget-demo__asset--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-6 .ai-widget-demo__asset--presentation-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-4 .ai-widget-demo__message--presentation-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-5 .ai-widget-demo__message--presentation-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-6 .ai-widget-demo__message--presentation-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-5 .ai-widget-demo__loader--presentation-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-0.ai-widget-demo--step-6 .ai-widget-demo__message--presentation-status, .ai-widget-demo--scenario-0.ai-widget-demo--step-6 .ai-widget-demo__asset--presentation-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--step-2 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__message, .ai-widget-demo--step-3 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__message, .ai-widget-demo--step-4 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__message { opacity: 1; transform: translateY(0); } .ai-widget-demo--step-4 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__asset--result, .ai-widget-demo--step-4 .ai-widget-demo__scenario--active .ai-widget-demo__stage--image-flow .ai-widget-demo__answer { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-11 { --demo-track-height: 380px; } .ai-widget-demo--scenario-11.ai-widget-demo--step-1 .ai-widget-demo__asset--dance-source, .ai-widget-demo--scenario-11.ai-widget-demo--step-2 .ai-widget-demo__asset--dance-source, .ai-widget-demo--scenario-11.ai-widget-demo--step-3 .ai-widget-demo__asset--dance-source, .ai-widget-demo--scenario-11.ai-widget-demo--step-4 .ai-widget-demo__asset--dance-source { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-11.ai-widget-demo--step-2 .ai-widget-demo__message--dance, .ai-widget-demo--scenario-11.ai-widget-demo--step-3 .ai-widget-demo__message--dance, .ai-widget-demo--scenario-11.ai-widget-demo--step-4 .ai-widget-demo__message--dance { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-11.ai-widget-demo--step-3 .ai-widget-demo__loader--dance { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-11.ai-widget-demo--step-4 .ai-widget-demo__asset--dance-result { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-1 .ai-widget-demo__thread { transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-2 .ai-widget-demo__thread { transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-3 .ai-widget-demo__thread { transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-4 .ai-widget-demo__thread { transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-5 .ai-widget-demo__thread { transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-6 .ai-widget-demo__thread { transform: translateY(-80px); } .ai-widget-demo--scenario-1.ai-widget-demo--step-7 .ai-widget-demo__thread { transform: translateY(-234px); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__thread { transform: translateY(-234px); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__thread { transform: translateY(-300px); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__asset--teacher-transparent { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-1 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-2 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-3 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-4 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-5 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-6 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-7 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__message--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-2 .ai-widget-demo__loader--teacher-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-3 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-4 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-5 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-6 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-7 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__asset--teacher-green { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-4 .ai-widget-demo__message--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-5 .ai-widget-demo__message--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-6 .ai-widget-demo__message--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-7 .ai-widget-demo__message--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__message--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__message--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-5 .ai-widget-demo__loader--teacher-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-6 .ai-widget-demo__asset--teacher-blue { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-7 .ai-widget-demo__asset--teacher-blue { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__asset--teacher-blue { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__asset--teacher-blue { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-7 .ai-widget-demo__message--teacher-third { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__message--teacher-third { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-9 .ai-widget-demo__message--teacher-third { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-1.ai-widget-demo--step-8 .ai-widget-demo__loader--teacher-third { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-1 .ai-widget-demo__thread--bear { transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-2 .ai-widget-demo__thread--bear { transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-3 .ai-widget-demo__thread--bear { transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-4 .ai-widget-demo__thread--bear { transform: translateY(-66px); } .ai-widget-demo--scenario-3.ai-widget-demo--step-5 .ai-widget-demo__thread--bear { transform: translateY(-66px); } .ai-widget-demo--scenario-3.ai-widget-demo--step-6 .ai-widget-demo__thread--bear { transform: translateY(-66px); } .ai-widget-demo--scenario-3.ai-widget-demo--step-1 .ai-widget-demo__message--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-2 .ai-widget-demo__message--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-3 .ai-widget-demo__message--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-4 .ai-widget-demo__message--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-5 .ai-widget-demo__message--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-6 .ai-widget-demo__message--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-2 .ai-widget-demo__loader--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-3 .ai-widget-demo__asset--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-4 .ai-widget-demo__asset--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-5 .ai-widget-demo__asset--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-6 .ai-widget-demo__asset--bear-first { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-4 .ai-widget-demo__message--bear-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-5 .ai-widget-demo__message--bear-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-6 .ai-widget-demo__message--bear-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-5 .ai-widget-demo__loader--bear-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-3.ai-widget-demo--step-6 .ai-widget-demo__asset--bear-second { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-1 .ai-widget-demo__quiz-item--prompt { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-2 .ai-widget-demo__quiz-item--prompt { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-3 .ai-widget-demo__quiz-item--prompt { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-4 .ai-widget-demo__quiz-item--prompt { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--prompt { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--prompt { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-2 .ai-widget-demo__quiz-item--loader-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-3 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-4 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--question-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-4 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--answer-1 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--loader-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--question-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--answer-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--answer-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--answer-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--answer-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--answer-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--answer-2 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--loader-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--question-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--question-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--question-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--question-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--answer-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--answer-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--answer-3 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--loader-4 { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--result { opacity: 1; transform: translateY(0); } .ai-widget-demo--scenario-7.ai-widget-demo--step-4 .ai-widget-demo__quiz-item--prompt { top: 0; } .ai-widget-demo--scenario-7.ai-widget-demo--step-4 .ai-widget-demo__quiz-item--question-1 { top: 66px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-4 .ai-widget-demo__quiz-item--answer-1 { top: 202px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--prompt { top: 0; } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--question-1 { top: 66px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--answer-1 { top: 202px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-5 .ai-widget-demo__quiz-item--loader-2 { top: 240px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--prompt { top: -66px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--question-1 { top: 0; } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--answer-1 { top: 136px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-6 .ai-widget-demo__quiz-item--question-2 { top: 174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--question-1 { top: 0; } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--answer-1 { top: 136px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--question-2 { top: 174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-7 .ai-widget-demo__quiz-item--answer-2 { top: 326px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--question-1 { top: -174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--answer-1 { top: -43px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--question-2 { top: -3px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--answer-2 { top: 149px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-8 .ai-widget-demo__quiz-item--loader-3 { top: 187px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--question-1 { top: -174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--answer-1 { top: -125px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--question-2 { top: 0; } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--answer-2 { top: 152px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-9 .ai-widget-demo__quiz-item--question-3 { top: 190px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--question-1 { top: -174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--answer-1 { top: -125px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--question-2 { top: 0; } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--answer-2 { top: 152px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--question-3 { top: 190px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-10 .ai-widget-demo__quiz-item--answer-3 { top: 310px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--question-1 { top: -174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--answer-1 { top: -125px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--question-2 { top: -27px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--answer-2 { top: 125px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--question-3 { top: 163px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--answer-3 { top: 283px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-11 .ai-widget-demo__quiz-item--loader-4 { top: 321px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--question-1 { top: -174px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--answer-1 { top: -125px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--question-2 { top: -27px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--answer-2 { top: 125px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--question-3 { top: 163px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--answer-3 { top: 283px; } .ai-widget-demo--scenario-7.ai-widget-demo--step-12 .ai-widget-demo__quiz-item--result { top: 321px; } .ai-widget-demo__message, .ai-widget-demo__loader, .ai-widget-demo__asset, .ai-widget-demo__answer, .ai-widget-demo__quiz-item { opacity: 0; transform: translateY(8px); transition: opacity 0.32s ease, transform 0.36s ease; } .ai-widget-demo__scenario { position: absolute; visibility: hidden; opacity: 0; inset: 0; } .ai-widget-demo__scenario--active { visibility: visible; opacity: 1; } .ai-widget-demo__stage { position: absolute; left: 0; top: 0; width: 217px; height: var(--demo-stage-height, 226px); overflow: visible; background-color: #fff; } .ai-widget-demo__stage--clip, .ai-widget-demo__stage--quiz { overflow: hidden; } .ai-widget-demo__stage--presentation { height: 380px; } .ai-widget-demo__stage--teacher, .ai-widget-demo__stage--bear { height: 380px; } .ai-widget-demo__stage--school-year-card { height: 340px; } .ai-widget-demo__stage--school-year-card .ai-widget-demo__loader { top: 80px; } .ai-widget-demo__stage--square .ai-widget-demo__loader, .ai-widget-demo__stage--square .ai-widget-demo__asset { top: 66px; } .ai-widget-demo__stage--dance, .ai-widget-demo__stage--image-flow { height: var(--demo-stage-height, 380px); } .ai-widget-demo__stage--worksheet { height: 308px; } .ai-widget-demo__stage--math-test { height: 322px; } .ai-widget-demo__stage--quiz { height: 380px; } .ai-widget-demo__thread { position: absolute; left: 0; top: 0; width: 217px; height: 666px; transition: transform 0.36s ease; } .ai-widget-demo__thread--presentation { height: 378px; } .ai-widget-demo__thread--bear { height: 446px; } .ai-widget-demo__message { box-sizing: border-box; position: absolute; left: var(--demo-message-left, 40px); top: var(--demo-message-top, 0); display: flex; align-items: center; justify-content: center; padding: 8px; width: var(--demo-message-width, 177px); border-radius: var(--demo-message-radius, 12px 12px 0); font-weight: 400; font-size: var(--demo-message-font-size, 12px); line-height: var(--demo-message-line-height, 1.2); letter-spacing: -0.24px; color: #1f1f1f; background-color: #f5f5f5; } .ai-widget-demo__message--teacher-first { left: 40px; top: 0; width: 177px; } .ai-widget-demo__message--presentation-first { left: 40px; top: 0; width: 177px; } .ai-widget-demo__message--presentation-second { left: 40px; top: 177px; width: 177px; } .ai-widget-demo__message--presentation-status { left: 0; top: 257px; width: 160px; border-radius: 12px 12px 12px 0; } .ai-widget-demo__message--bear-first { left: 40px; top: 0; width: 177px; } .ai-widget-demo__message--bear-second { left: 89px; top: 234px; width: 128px; } .ai-widget-demo__message--teacher-second { left: 36px; top: 234px; width: 181px; } .ai-widget-demo__message--teacher-third { left: 75px; top: 468px; width: auto; white-space: nowrap; } .ai-widget-demo__message--dance { left: 56px; top: 164px; width: 161px; border-radius: 16px 16px 0; font-size: 14px; line-height: 1.3; letter-spacing: -0.28px; } .ai-widget-demo__message--math-test { left: 26px; width: 191px; } .ai-widget-demo__loader { box-sizing: border-box; position: absolute; left: var(--demo-loader-left, 0); top: var(--demo-loader-top, 80px); padding: 8px; width: 40px; height: 30px; border-radius: 12.5px 12.5px 12.5px 0; background-color: #f5f5f5; } .ai-widget-demo__loader span { position: absolute; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #d9d9d9; animation: ai-widget-demo-loader-dot 0.9s ease-in-out infinite; } .ai-widget-demo__loader span:nth-child(1) { left: 8px; animation-delay: 0.6s; } .ai-widget-demo__loader span:nth-child(2) { left: 17px; } .ai-widget-demo__loader span:nth-child(3) { left: 26px; animation-delay: 0.3s; } .ai-widget-demo__loader--teacher-first { top: 66px; } .ai-widget-demo__loader--presentation-first { top: 80px; } .ai-widget-demo__loader--presentation-second { top: 257px; } .ai-widget-demo__loader--bear-first { top: 66px; } .ai-widget-demo__loader--bear-second { top: 286px; } .ai-widget-demo__loader--teacher-second { top: 300px; } .ai-widget-demo__loader--teacher-third { top: 506px; } .ai-widget-demo__loader--dance { top: 220px; } .ai-widget-demo__loader--worksheet { top: 66px; } .ai-widget-demo__loader--math-test { top: 80px; } .ai-widget-demo__asset { box-sizing: border-box; position: absolute; left: var(--demo-asset-left, 0); top: var(--demo-asset-top, auto); width: var(--demo-asset-width, auto); height: var(--demo-asset-height, auto); overflow: hidden; border: var(--demo-asset-border, 0); border-radius: var(--demo-asset-radius, 12px); background-color: var(--demo-asset-background, #f5f5f5); } .ai-widget-demo__asset img, .ai-widget-demo__asset video { display: block; width: 100%; height: 100%; object-fit: cover; } .ai-widget-demo__asset--presentation { width: 160px; height: 89px; } .ai-widget-demo__asset--presentation-first { top: 80px; } .ai-widget-demo__asset--presentation-second { top: 289px; } .ai-widget-demo__asset--school-year-card { top: 80px; width: 191px; height: 255px; } .ai-widget-demo__asset--bear { width: 160px; height: 160px; } .ai-widget-demo__asset--bear-first { top: 66px; } .ai-widget-demo__asset--bear-second { top: 286px; } .ai-widget-demo__asset--square { width: 160px; height: 160px; } .ai-widget-demo__asset--source { left: var(--demo-source-left, 57px); top: var(--demo-source-top, 0); width: var(--demo-source-width, 160px); height: var(--demo-source-height, 160px); } .ai-widget-demo__asset--result { left: var(--demo-result-left, 0); top: var(--demo-result-top, 220px); width: var(--demo-result-width, 160px); height: var(--demo-result-height, 160px); } .ai-widget-demo__asset--teacher-green { top: 66px; } .ai-widget-demo__asset--teacher-blue { top: 300px; } .ai-widget-demo__asset--teacher-transparent { top: 506px; } .ai-widget-demo__asset--dance-source { left: 57px; top: 0; } .ai-widget-demo__asset--dance-result { top: 220px; } .ai-widget-demo__asset--worksheet { top: 66px; width: 160px; height: 242px; border: 1px solid #d6d6d6; border-radius: 0; background-color: #fff; } .ai-widget-demo__asset--math-test { top: 80px; width: 160px; height: 242px; border: 1px solid #d6d6d6; border-radius: 0; background-color: #fff; } .ai-widget-demo__answer { box-sizing: border-box; position: absolute; left: var(--demo-answer-left, 0); top: var(--demo-answer-top, 220px); padding: 8px; width: var(--demo-answer-width, 217px); border-radius: 12px 12px 12px 0; font-size: 12px; line-height: 1.3; letter-spacing: -0.24px; color: #1f1f1f; background-color: #f5f5f5; } .ai-widget-demo__answer p { margin: 0 0 8px; } .ai-widget-demo__answer p:last-child { margin-bottom: 0; } .ai-widget-demo__quiz-thread { position: absolute; left: 0; top: 0; width: 217px; height: 920px; transition: transform 0.36s ease; } .ai-widget-demo__quiz-bubble { box-sizing: border-box; position: absolute; left: 0; padding: 8px; width: 181px; border-radius: 12px 12px 12px 0; font-size: 12px; line-height: 1.3; letter-spacing: -0.24px; color: #1f1f1f; background-color: #f5f5f5; } .ai-widget-demo__quiz-bubble p { margin: 0; } .ai-widget-demo__quiz-bubble strong { font-weight: 600; } .ai-widget-demo__quiz-item { transition: opacity 0.32s ease, top 0.36s ease, transform 0.36s ease; } .ai-widget-demo__quiz-item--prompt { left: 36px; top: 0; width: 181px; } .ai-widget-demo__quiz-item--loader-1 { top: 66px; } .ai-widget-demo__quiz-item--question-1 { top: 66px; } .ai-widget-demo__quiz-item--answer-1 { left: auto; right: 0; top: 202px; width: auto; white-space: nowrap; } .ai-widget-demo__quiz-item--loader-2 { top: 240px; } .ai-widget-demo__quiz-item--question-2 { top: 240px; } .ai-widget-demo__quiz-item--answer-2 { left: auto; right: 0; top: 458px; width: auto; white-space: nowrap; } .ai-widget-demo__quiz-item--loader-3 { top: 496px; } .ai-widget-demo__quiz-item--question-3 { top: 496px; } .ai-widget-demo__quiz-item--answer-3 { left: auto; right: 0; top: 616px; width: auto; white-space: nowrap; } .ai-widget-demo__quiz-item--loader-4 { top: 654px; } .ai-widget-demo__quiz-item--result { top: 654px; width: 201px; } .ai-widget-demo__quiz-item--result p:last-child { white-space: nowrap; } @keyframes ai-widget-demo-loader-dot { 0%, 100% { transform: translateY(0); } 35% { transform: translateY(-3px); } } @media (prefers-reduced-motion: reduce) { .ai-widget-demo__scenario, .ai-widget-demo__message, .ai-widget-demo__loader, .ai-widget-demo__asset, .ai-widget-demo__answer, .ai-widget-demo__quiz-item, .ai-widget-demo__thread, .ai-widget-demo__quiz-thread { transition: none; } .ai-widget-demo__loader span { animation: none; } } .ai-widget { box-sizing: border-box; position: relative; display: flex; flex-direction: column; align-items: center; padding: 40px 32px 32px; width: 100%; border-radius: 24px; background-color: #fff; } @media only screen and (max-width: 1230px) { .ai-widget { padding: 16px 10px 28px; } } @media only screen and (max-width: 768px) { .ai-widget { padding: 16px 10px 28px; border-radius: 16px; } } @media only screen and (max-width: 1230px) { .ai-widget--has-history { overflow: hidden; } } .ai-widget--assistant { justify-content: center; padding: 0; border-radius: 0; background-color: transparent; } @media only screen and (min-width: 1441px) { .ai-widget--with-demo { min-height: 476px; } } .ai-widget__content { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 0; } @media only screen and (max-width: 1230px) { .ai-widget--has-history:has(.ai-widget__history-list.active) .ai-widget__content { visibility: hidden; pointer-events: none; } } .ai-widget__history { position: absolute; left: 16px; top: 16px; z-index: 2; display: flex; flex-direction: column; width: 266px; height: 416px; overflow: hidden; border-radius: 16px; background-color: #fff; gap: 8px; } @media only screen and (min-width: 1441px) { .ai-widget--has-history:has(.ai-widget__history-list.active) .ai-widget__history { bottom: 16px; height: auto; max-height: none; } } @media only screen and (max-width: 1440px) { .ai-widget__history { left: 10px; right: 10px; top: 16px; bottom: 8px; width: auto; height: auto; max-width: none; max-height: none; } .ai-widget--has-history:has(.ai-widget__history-list.active) .ai-widget__history { position: absolute; } } @media only screen and (max-width: 768px) { .ai-widget__history { border-radius: 16px; } } .ai-widget__history::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); pointer-events: none; } .ai-widget--has-history:not(:has(.ai-widget__history-list.active)) .ai-widget__history { display: none; } .ai-widget__history-button { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 4px 16px 4px 12px; min-height: 40px; border: none; border-radius: 8px; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.24px; color: #676b67; background-color: transparent; cursor: pointer; gap: 8px; } @media only screen and (max-width: 1230px) { .ai-widget__history-button { font-weight: 400; font-size: 14px; letter-spacing: -0.21px; gap: 6px; } } .ai-widget__history-button--open { position: absolute; left: 16px; top: 16px; z-index: 2; display: none; } @media only screen and (max-width: 1230px) { .ai-widget__history-button--open { position: relative; left: auto; top: auto; align-self: flex-start; margin-bottom: 20px; } .ai-widget--has-history:has(.ai-widget__history-list.active) .ai-widget__history-button--open { display: inline-flex; visibility: hidden; pointer-events: none; } } .ai-widget--has-history:not(:has(.ai-widget__history-list.active)) .ai-widget__history-button--open { display: inline-flex; } .ai-widget__history-button--close { align-self: flex-start; } .ai-widget__history-button-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 20px; height: 20px; } .ai-widget__history-button-text { white-space: nowrap; } .ai-widget__history-list { display: flex; flex-direction: column; padding-bottom: 20px; min-height: 0; max-height: calc(100% - 48px); overflow-x: hidden; overflow-y: auto; gap: 4px; scrollbar-width: none; } .ai-widget__history-list:not(.active) { overflow: hidden; gap: 0; } .ai-widget__history-list::-webkit-scrollbar { display: none; } .ai-widget__history-list .sidebar-history-item:hover, .ai-widget__history-list .sidebar-history-item--active { background-color: #f5f5f5; } .ai-widget__history-load-more { flex: 0 0 1px; min-height: 1px; } .ai-widget__header { display: flex; flex-direction: column; align-items: center; margin-bottom: 28px; width: 100%; max-width: 760px; gap: 12px; } @media only screen and (max-width: 768px) { .ai-widget__header { margin-bottom: 24px; gap: 10px; } } .ai-widget__title { margin: 0; font-weight: 500; font-size: 34px; line-height: 1.12; letter-spacing: -0.04em; text-align: center; color: #1f1f1f; } @media only screen and (max-width: 768px) { .ai-widget__title { font-size: 28px; } } .ai-widget__title-accent { color: #24a600; } .ai-widget__assistant-header { display: flex; flex-direction: column; margin-bottom: 24px; width: 100%; max-width: 760px; gap: 12px; } @media only screen and (max-width: 768px) { .ai-widget__assistant-header { margin-bottom: 20px; gap: 10px; } } .ai-widget__assistant-title-row { display: flex; align-items: center; gap: 12px; } @media only screen and (max-width: 768px) { .ai-widget__assistant-title-row { align-items: flex-start; gap: 10px; } } .ai-widget__assistant-icon { display: block; flex-shrink: 0; width: 32px; height: 32px; } .ai-widget__assistant-title { margin: 0; font-weight: 500; font-size: 24px; line-height: 1.16; letter-spacing: 0; color: #1f1f1f; } @media only screen and (max-width: 768px) { .ai-widget__assistant-title { font-size: 22px; } } .ai-widget__assistant-subtitle { margin: 0; font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing: 0; color: #313331; } @media only screen and (max-width: 768px) { .ai-widget__assistant-subtitle { font-size: 14px; } } .ai-widget__chat { width: 100%; max-width: 700px; } .ai-widget__chat .ai-chat-input__disclaimer { display: none; } .ai-widget--assistant .ai-widget__chat { max-width: 760px; } .ai-widget__legal { margin: 4px 0 0; max-width: 700px; font-weight: 400; font-size: 12px; line-height: 1.2; letter-spacing: -0.24px; text-align: center; color: #8f938d; } .ai-widget__legal-link { text-decoration: none; color: #676b67; } .ai-widget__tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 16px 0 20px; width: 100%; max-width: 866px; gap: 4px; } @media only screen and (max-width: 768px) { .ai-widget__tools { flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 16px; min-width: 0; max-width: 100%; overflow-x: auto; gap: 2px; scrollbar-width: none; } .ai-widget__tools::-webkit-scrollbar { display: none; } } .ai-widget--assistant .ai-widget__tools { margin-bottom: 0; max-width: 866px; } @media only screen and (max-width: 768px) { .ai-widget--assistant .ai-widget__tools { max-width: 100%; } } .ai-widget__tool { box-sizing: border-box; display: inline-flex; flex-shrink: 0; align-items: center; padding: 12px 14px; height: 40px; border: none; border-radius: 54px; box-shadow: inset 0 0 0 1px #ebebeb; font-weight: 400; font-size: 14px; line-height: 1.3; letter-spacing: -0.28px; white-space: nowrap; color: #1f1f1f; background-color: #fff; transition: box-shadow 0.2s ease; cursor: pointer; gap: 8px; } @media only screen and (max-width: 768px) { .ai-widget__tool { flex-direction: column; align-items: center; padding: 10px 4px 8px; height: auto; min-width: 100px; max-width: 112px; border: 0; border-radius: 16px; box-shadow: none; white-space: normal; gap: 6px; } .ai-widget__tool--catalog { order: -1; } } .ai-widget__tool:hover:not(.active) { box-shadow: inset 0 0 0 1px #b7b9b5; } .ai-widget__tool--selected { box-shadow: inset 0 0 0 1px #b7b9b5; } @media only screen and (max-width: 768px) { .ai-widget__tool--selected { box-shadow: none; } } .ai-widget__tool--mobile-end { display: none; } @media only screen and (max-width: 768px) { .ai-widget__tool--mobile-end { display: inline-flex; } } .ai-widget__tool.active { box-shadow: inset 0 0 0 2px #24a600; } .ai-widget__tool-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 22px; height: 22px; overflow: hidden; border-radius: 7.5px; } @media only screen and (max-width: 768px) { .ai-widget__tool-icon { width: 32px; height: 32px; } } .ai-widget__tool-icon img { display: block; width: 100%; height: 100%; } .ai-widget__tool-label { color: inherit; } @media only screen and (max-width: 768px) { .ai-widget__tool-label { max-width: 94px; overflow: hidden; text-align: center; text-overflow: ellipsis; } } .ai-widget__tool-counter { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 1px 6px 2px; border-radius: 100px; font-size: 12px; line-height: 1.2; letter-spacing: -0.24px; color: #fff; background-color: #24a600; } @media only screen and (max-width: 768px) { .ai-widget__tool-counter { display: none; } } .ai-widget-promo { box-sizing: border-box; position: relative; display: flex; align-items: center; margin-top: 20px; padding: 4px 10px; width: fit-content; min-height: 50px; max-width: 100%; overflow: hidden; border-radius: 28px; isolation: isolate; gap: 8px; } @media only screen and (max-width: 768px) { .ai-widget-promo { align-items: flex-start; padding: 12px; width: 100%; min-height: 0; border-radius: 18px; } } .ai-widget-promo .iu-button { position: relative; z-index: 2; flex-shrink: 0; white-space: nowrap; } .ai-widget-promo__bg { position: absolute; z-index: 0; width: 100%; height: 100%; pointer-events: none; inset: 0; } .ai-widget-promo__link { position: absolute; z-index: 1; display: block; border-radius: inherit; inset: 0; } .ai-widget-promo__main { position: relative; display: flex; align-items: center; min-width: 0; gap: 16px; } @media only screen and (max-width: 768px) { .ai-widget-promo__main { flex: 1 0 0; flex-direction: column; align-items: stretch; gap: 12px; } } .ai-widget-promo__row { display: flex; align-items: center; min-width: 0; gap: 16px; } @media only screen and (max-width: 768px) { .ai-widget-promo__row { align-items: flex-start; padding-right: 16px; width: 100%; gap: 12px; } } .ai-widget-promo__badge { box-sizing: border-box; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 4px 12px; height: 32px; min-width: 32px; min-height: 32px; border-radius: 36px; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.24px; color: #1f1f1f; background-color: #fff; gap: 4px; } @media only screen and (max-width: 768px) { .ai-widget-promo__badge { flex-direction: column; align-self: stretch; height: auto; border-radius: 8px; font-size: 14px; letter-spacing: -0.28px; background-color: rgba(255, 255, 255, 0.7); } } .ai-widget-promo__megaphone { display: none; color: #2dc50f; } @media only screen and (max-width: 768px) { .ai-widget-promo__megaphone { display: block; width: 21px; height: 21px; } } .ai-widget-promo__text { margin: 0; font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing: -0.24px; color: #1f1f1f; } @media only screen and (max-width: 768px) { .ai-widget-promo__text { flex: 1 0 0; min-width: 0; font-size: 14px; letter-spacing: -0.21px; } } .ai-widget-promo__text-accent { font-weight: 500; } .ai-widget-promo__nowrap { white-space: nowrap; } .ai-widget-promo__close { position: relative; z-index: 3; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 0; width: 20px; height: 20px; border: 0; color: #c4c7c2; background-color: transparent; cursor: pointer; } @media only screen and (max-width: 768px) { .ai-widget-promo__close { position: absolute; right: 6px; top: 6px; z-index: 3; } } /*# sourceMappingURL=ai-widget-inline.output.css.map */ Сделай презентацию про Ивана IV Грозного в тёмных цветах, 15 слайдов, формат 16:9, в pptx Добавь ещё 3 слайда про реформы Избранной рады, Земские соборы и военную реформу Презентация обновлена! Создай поздравительную открытку в честь начала учебного года, ориентация вертикальная Создай рабочий лист с заданиями для ученика 5 класса по теме «Дроби» Сделай грамоту для Константинопольской Дарьи Фёдоровны за высокие показатели в учёбе. Средняя школа №1 г. Самара Улучши качество этой картинки Проверь, правильно ли решены примеры Да, оба примера решены верно. 1) 80 − (7+x) = 53 x = 20. Проверка: 80 − (7+20) = 80−27 = 53. 2) 3x + 17 = 68 x = 17. Проверка: 17 ⋅ 3 + 17 = 51 + 17 = 68. Создай картинку мужчины учителя мультяшного вида в матовом 3D стиле Замени зелёный свитер на синий и вместо указки пусть показывает палец вверх Удали фон у картинки Создай детскую раскраску на которой изображён медвежонок с банкой мёда Добавь ему в лапу деревянную ложку Дорисуй картинку до формата 16:9 Поспрашивай меня с вариантами ответов на тему «Политическая карта мира» Сколько примерно независимых государств существует в мире? А) Около 50 Б) Около 100 В) Около 200 Г) Более 300 Ответ В Верно! Какая из перечисленных стран НЕ является островным государством? А) Япония Б) Исландия В) Великобритания Г) Германия Германия Верно! Какая столица у Австралии? А) Сидней Б) Мельбурн В) Канберра Г) Перт Сидней Неверно! Канберра — столица Австралии. Создай картинку в виде теста для ученика 5 класса по теме «Дроби» с вариантами ответов. Формат А4 Все возможности ИИ в одном месте – IU.RU
• H2 Все ИИ-инструменты
• H2 Найдите уже готовый материал
• H2 8 530 649 материалов к урокам и не только
• H2 Выберите тип материала
• H2 Выберите предмет
• H3 ИИнфоурок
• H3 Создать изображение
• H3 Создать презентацию
• H3 Сделать рабочий лист
• H3 Составить план урока
• H3 Оформить школьный кабинет
• H3 Подготовить тест или контрольную
• H3 Подготовить классный час
• H3 Создать раскраску
• H3 Подготовить школьный праздник
• H3 Объяснить сложную тему
• H3 Пересказать текст
• H3 Придумать игру для урока
• H3 Создать студийное фото
• H3 Создать презентацию со сгенерированными ИИ изображениями
• H3 Создать открытку
• H3 Изменить возраст на фото
• H3 Составить план обучения
• H3 Написать объявление для родительского чата
• H3 Создать презентацию с настоящими фото
• H3 Создать изображение для поста
• H3 Визуализировать данные
• H3 Написать поздравление
• H3 Извлечь текст из файла
• H3 Подготовиться к педсовету
• H3 Проверить работу ученика
• H3 Составить индивидуальный образовательный маршрут
• H3 Создать персонажа
• H3 Перевести текст
• H3 Составить меню на неделю
• H3 Создать карточку товара
• H3 Стилизовать изображение
• H3 Подготовиться к собеседованию
• H3 Добавить человека на фото
• H3 Написать характеристику ученика
• H3 Проанализировать данные
• H3 Конспект урока
• H3 Улучшить качество изображения
• H3 Подобрать дизайн интерьера
• H3 Написать официальное письмо
• H3 Составить план тренировок
• H3 Сделать обложку для видео
• H3 Разобрать ситуацию с учеником
• H3 Подготовить материалы к экзамену
• H3 Подготовиться к проверке
• H3 Удалить фон
• H3 Спланировать поездку
• H3 Подготовить резюме
• H3 Создать презентацию без изображений
• H3 Заменить фон
• H3 Заменить объект на изображении
• H3 Адаптировать изображение под формат
• H3 Распланировать бюджет на месяц
• H3 Адаптировать материал под уровень учеников
• H3 Проанализировать успеваемость
• H3 Оформить упаковку
• H3 Составить список покупок
• H3 Сделать мокап
• H3 Разобрать анализы
• H3 Подготовить отчет по успеваемости класса
• H3 Раскрасить черно-белое изображение
• H3 №1 среди сервисов для педагогов
• H3 №1 по популярности среди образовательных платформ
• H3 топ-100 в рейтинге популярных сайтов РФ
• H3 footer#toggle" > Мои покупки
• H3 footer#toggle" > Моя работа
• H3 footer#toggle" > Обратная связь
• H3 footer#toggle" > Полезные страницы
• H3 footer#toggle" > Другое
• H3 Социальные сети

Так будет выглядеть ссылка на сайт при публикации в социальных сетях и мессенджерах.

Разбор ниши, узких мест и конкретный план работ по реальным метрикам сайта.

Готовые Title, Description, H1, robots.txt и чеклист по метрикам этого отчёта.