[{"data":1,"prerenderedAt":16251},["ShallowReactive",2],{"navigation_docs":3,"-html-css-css-forms-interactive-states":2784,"-html-css-css-forms-interactive-states-surround":16246},[4,1640,1721,2175,2203,2410,2476,2526,2583,2617,2743,2780],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","/csharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1346,1636],{"title":11,"path":7,"stem":12},"C# Roadmap","01.csharp/index",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","/csharp/fundamentals","01.csharp/01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","/csharp/fundamentals/introduction-to-ecosystem","01.csharp/01.fundamentals/01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","/csharp/fundamentals/program-structure","01.csharp/01.fundamentals/02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","/csharp/fundamentals/variables-data-types","01.csharp/01.fundamentals/03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","/csharp/fundamentals/arrays","01.csharp/01.fundamentals/04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","/csharp/fundamentals/strings-text-handling","01.csharp/01.fundamentals/05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","/csharp/fundamentals/dates-time-handling","01.csharp/01.fundamentals/06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","/csharp/fundamentals/control-flow","01.csharp/01.fundamentals/07.control-flow",{"title":48,"path":49,"stem":50},"Методи","/csharp/fundamentals/methods","01.csharp/01.fundamentals/08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","/csharp/fundamentals/debugging-basics","01.csharp/01.fundamentals/09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","/csharp/fundamentals/interactive-console","01.csharp/01.fundamentals/10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","/csharp/oop","01.csharp/02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","/csharp/oop/package-management","01.csharp/02.oop/01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","/csharp/oop/classes-objects","01.csharp/02.oop/02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","/csharp/oop/properties-fields","01.csharp/02.oop/03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","/csharp/oop/oop-pillars","01.csharp/02.oop/04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","/csharp/oop/advanced-types","01.csharp/02.oop/05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","/csharp/oop/namespaces","01.csharp/02.oop/06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","/csharp/advanced-core","01.csharp/03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","/csharp/advanced-core/generics","01.csharp/03.advanced-core/01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","/csharp/advanced-core/delegates-events-lambdas","01.csharp/03.advanced-core/02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","/csharp/advanced-core/interfaces-deep-dive","01.csharp/03.advanced-core/03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","/csharp/advanced-core/exception-handling","01.csharp/03.advanced-core/04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","/csharp/advanced-core/pattern-matching","01.csharp/03.advanced-core/05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","/csharp/advanced-core/additional-features","01.csharp/03.advanced-core/06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","/csharp/architecture-best-practices","01.csharp/04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","/csharp/architecture-best-practices/software-design-principles","01.csharp/04.architecture-best-practices/01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","/csharp/architecture-best-practices/design-patterns","01.csharp/04.architecture-best-practices/02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","/csharp/architecture-best-practices/design-patterns/creational","01.csharp/04.architecture-best-practices/02.design-patterns/creational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","/csharp/architecture-best-practices/design-patterns/creational/singleton","01.csharp/04.architecture-best-practices/02.design-patterns/creational/01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","/csharp/architecture-best-practices/design-patterns/creational/builder","01.csharp/04.architecture-best-practices/02.design-patterns/creational/02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","/csharp/architecture-best-practices/building-professional-clis","01.csharp/04.architecture-best-practices/03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","/csharp/architecture-best-practices/validation-flow-control","01.csharp/04.architecture-best-practices/04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","/csharp/architecture-best-practices/modern-dotnet-host","01.csharp/04.architecture-best-practices/05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","/csharp/architecture-best-practices/data-mapper-part1","01.csharp/04.architecture-best-practices/06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","/csharp/architecture-best-practices/data-mapper-part2","01.csharp/04.architecture-best-practices/07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","/csharp/architecture-best-practices/di-ioc","01.csharp/04.architecture-best-practices/08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","/csharp/architecture-best-practices/di-ioc/the-dependency-problem","01.csharp/04.architecture-best-practices/08.di-ioc/01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","/csharp/architecture-best-practices/di-ioc/build-your-own-container","01.csharp/04.architecture-best-practices/08.di-ioc/02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","/csharp/architecture-best-practices/di-ioc/service-locator-pattern","01.csharp/04.architecture-best-practices/08.di-ioc/03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","/csharp/architecture-best-practices/di-ioc/dependency-injection-patterns","01.csharp/04.architecture-best-practices/08.di-ioc/04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","/csharp/architecture-best-practices/di-ioc/microsoft-di-deep-dive","01.csharp/04.architecture-best-practices/08.di-ioc/05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","/csharp/architecture-best-practices/di-ioc/service-lifetimes-and-scopes","01.csharp/04.architecture-best-practices/08.di-ioc/06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","/csharp/architecture-best-practices/di-ioc/di-anti-patterns-and-best-practices","01.csharp/04.architecture-best-practices/08.di-ioc/07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","/csharp/standard-library","01.csharp/05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","/csharp/standard-library/collections","01.csharp/05.standard-library/01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","/csharp/standard-library/high-performance-types","01.csharp/05.standard-library/02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","/csharp/standard-library/linq","01.csharp/05.standard-library/03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","/csharp/system-internals-concurrency","01.csharp/06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","/csharp/system-internals-concurrency/memory-management","01.csharp/06.system-internals-concurrency/01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","/csharp/system-internals-concurrency/reflection-fundamentals","01.csharp/06.system-internals-concurrency/02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","/csharp/system-internals-concurrency/attributes-dynamic","01.csharp/06.system-internals-concurrency/03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","/csharp/system-internals-concurrency/expression-trees-compiled","01.csharp/06.system-internals-concurrency/04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","/csharp/system-internals-concurrency/source-generators","01.csharp/06.system-internals-concurrency/05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","/csharp/system-internals-concurrency/multithreading-fundamentals","01.csharp/06.system-internals-concurrency/06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","/csharp/system-internals-concurrency/synchronization-primitives","01.csharp/06.system-internals-concurrency/07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","/csharp/system-programming-windows","01.csharp/07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","/csharp/system-programming-windows/how-os-works","01.csharp/07.system-programming-windows/01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","/csharp/system-programming-windows/processes-in-dotnet","01.csharp/07.system-programming-windows/02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","/csharp/system-programming-windows/02a.processes-ipc","01.csharp/07.system-programming-windows/02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","/csharp/system-programming-windows/appdomains-assemblies","01.csharp/07.system-programming-windows/03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","/csharp/system-programming-windows/03a.appdomains-plugin-system","01.csharp/07.system-programming-windows/03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","/csharp/system-programming-windows/thread-fundamentals","01.csharp/07.system-programming-windows/04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","/csharp/system-programming-windows/04a.thread-lifecycle-priorities","01.csharp/07.system-programming-windows/04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","/csharp/system-programming-windows/shared-state-problems","01.csharp/07.system-programming-windows/05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","/csharp/system-programming-windows/05a.shared-state-memory-model","01.csharp/07.system-programming-windows/05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","/csharp/system-programming-windows/synchronization-fundamentals","01.csharp/07.system-programming-windows/06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","/csharp/system-programming-windows/06a.synchronization-walkthrough","01.csharp/07.system-programming-windows/06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","/csharp/system-programming-windows/synchronization-advanced","01.csharp/07.system-programming-windows/07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","/csharp/system-programming-windows/07a.synchronization-advanced-walkthrough","01.csharp/07.system-programming-windows/07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","/csharp/system-programming-windows/interlocked-cas-lockfree","01.csharp/07.system-programming-windows/08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","/csharp/system-programming-windows/08a.volatile-memory-model","01.csharp/07.system-programming-windows/08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","/csharp/system-programming-windows/thread-pool","01.csharp/07.system-programming-windows/09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","/csharp/system-programming-windows/09a.thread-pool-advanced","01.csharp/07.system-programming-windows/09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","/csharp/system-programming-windows/concurrent-collections","01.csharp/07.system-programming-windows/10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","/csharp/system-programming-windows/tpl-parallel-plinq","01.csharp/07.system-programming-windows/11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","/csharp/system-programming-windows/11a.tpl-parallel-plinq-advanced","01.csharp/07.system-programming-windows/11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async/Await — Фундамент Асинхронного Програмування","/csharp/system-programming-windows/async-fundamentals","01.csharp/07.system-programming-windows/12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","/csharp/system-programming-windows/async-context-configureawait","01.csharp/07.system-programming-windows/13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","/csharp/system-programming-windows/async-advanced","01.csharp/07.system-programming-windows/14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","/csharp/system-programming-windows/channels","01.csharp/07.system-programming-windows/15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","/csharp/system-programming-windows/async-synchronization","01.csharp/07.system-programming-windows/16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","/csharp/system-programming-windows/unsafe-code","01.csharp/07.system-programming-windows/17.unsafe-code",{"title":364,"path":365,"stem":366},"P/Invoke та Windows API — Міст між .NET та Native Code","/csharp/system-programming-windows/pinvoke-winapi","01.csharp/07.system-programming-windows/18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","/csharp/system-programming-windows/windows-registry","01.csharp/07.system-programming-windows/19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","/csharp/system-programming-windows/windows-hooks-services","01.csharp/07.system-programming-windows/20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","/csharp/system-programming-windows/implementation_plan","01.csharp/07.system-programming-windows/implementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","/csharp/io","01.csharp/08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","/csharp/io/file-system-basics","01.csharp/08.io/01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","/csharp/io/streams-serialization","01.csharp/08.io/02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","/csharp/io/json-serialization","01.csharp/08.io/03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","/csharp/io/xml-serialization","01.csharp/08.io/04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","/csharp/io/binary-serialization","01.csharp/08.io/05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","/csharp/ado-net","01.csharp/09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","/csharp/ado-net/introduction-to-adonet","01.csharp/09.ado-net/01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","/csharp/ado-net/connection","01.csharp/09.ado-net/02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","/csharp/ado-net/command-and-queries","01.csharp/09.ado-net/03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","/csharp/ado-net/datareader","01.csharp/09.ado-net/04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","/csharp/ado-net/parameters-and-sql-injection","01.csharp/09.ado-net/05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","/csharp/ado-net/transactions","01.csharp/09.ado-net/06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","/csharp/ado-net/provider-factory","01.csharp/09.ado-net/07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","/csharp/ado-net/async-data-access","01.csharp/09.ado-net/08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","/csharp/ado-net/disconnected-mode-dataset","01.csharp/09.ado-net/09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","/csharp/ado-net/data-adapter","01.csharp/09.ado-net/10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","/csharp/ado-net/data-mapper-repository","01.csharp/09.ado-net/11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","/csharp/ado-net/advanced-patterns","01.csharp/09.ado-net/12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","/csharp/ef-core","01.csharp/10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","/csharp/ef-core/what-is-orm","01.csharp/10.ef-core/01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","/csharp/ef-core/first-project","01.csharp/10.ef-core/02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","/csharp/ef-core/dbcontext-deep-dive","01.csharp/10.ef-core/03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","/csharp/ef-core/database-providers","01.csharp/10.ef-core/04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","/csharp/ef-core/conventions","01.csharp/10.ef-core/05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","/csharp/ef-core/fluent-api-vs-annotations","01.csharp/10.ef-core/06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","/csharp/ef-core/relationships-basics","01.csharp/10.ef-core/07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","/csharp/ef-core/relationships-advanced","01.csharp/10.ef-core/08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","/csharp/ef-core/property-configuration-part1","01.csharp/10.ef-core/09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","/csharp/ef-core/property-configuration-part2","01.csharp/10.ef-core/09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","/csharp/ef-core/complex-types-owned-part1","01.csharp/10.ef-core/10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","/csharp/ef-core/complex-types-owned-part2","01.csharp/10.ef-core/10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","/csharp/ef-core/json-columns-part1","01.csharp/10.ef-core/11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","/csharp/ef-core/json-columns-part2","01.csharp/10.ef-core/11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","/csharp/ef-core/inheritance-part1","01.csharp/10.ef-core/12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","/csharp/ef-core/inheritance-part2","01.csharp/10.ef-core/12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","/csharp/ef-core/indexes-constraints-part1","01.csharp/10.ef-core/13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","/csharp/ef-core/indexes-constraints-part2","01.csharp/10.ef-core/13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","/csharp/ef-core/seeding-part1","01.csharp/10.ef-core/14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","/csharp/ef-core/seeding-part2","01.csharp/10.ef-core/14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","/csharp/ef-core/global-query-filters-part1","01.csharp/10.ef-core/15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","/csharp/ef-core/global-query-filters-part2","01.csharp/10.ef-core/15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","/csharp/ef-core/linq-queries-part1","01.csharp/10.ef-core/16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","/csharp/ef-core/linq-queries-part2","01.csharp/10.ef-core/16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","/csharp/ef-core/loading-related-data-part1","01.csharp/10.ef-core/17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","/csharp/ef-core/loading-related-data-part2","01.csharp/10.ef-core/17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","/csharp/ef-core/raw-sql-part1","01.csharp/10.ef-core/18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","/csharp/ef-core/raw-sql-part2","01.csharp/10.ef-core/18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","/csharp/ef-core/advanced-queries-part1","01.csharp/10.ef-core/19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","/csharp/ef-core/advanced-queries-part2","01.csharp/10.ef-core/19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","/csharp/ef-core/change-tracking-part1","01.csharp/10.ef-core/20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","/csharp/ef-core/change-tracking-part2","01.csharp/10.ef-core/20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","/csharp/ef-core/saving-data-part1","01.csharp/10.ef-core/21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","/csharp/ef-core/saving-data-part2","01.csharp/10.ef-core/21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","/csharp/ef-core/concurrency-part1","01.csharp/10.ef-core/22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","/csharp/ef-core/concurrency-part2","01.csharp/10.ef-core/22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","/csharp/ef-core/migrations-basics-part1","01.csharp/10.ef-core/23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","/csharp/ef-core/migrations-basics-part2","01.csharp/10.ef-core/23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","/csharp/ef-core/migrations-advanced-part1","01.csharp/10.ef-core/24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","/csharp/ef-core/migrations-advanced-part2","01.csharp/10.ef-core/24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","/csharp/ef-core/schema-management-part1","01.csharp/10.ef-core/25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","/csharp/ef-core/schema-management-part2","01.csharp/10.ef-core/25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","/csharp/ef-core/performance-fundamentals-part1","01.csharp/10.ef-core/26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","/csharp/ef-core/interceptors-part1","01.csharp/10.ef-core/29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","/csharp/ef-core/interceptors-part2","01.csharp/10.ef-core/29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","/csharp/ef-core/implementation_plan","01.csharp/10.ef-core/implementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","/csharp/aspnet","01.csharp/11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","/csharp/aspnet/minimal-api","01.csharp/11.aspnet/01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","/csharp/aspnet/minimal-api/introduction","01.csharp/11.aspnet/01.minimal-api/01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","/csharp/aspnet/minimal-api/first-application","01.csharp/11.aspnet/01.minimal-api/02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","/csharp/aspnet/minimal-api/webapplication-builder","01.csharp/11.aspnet/01.minimal-api/03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","/csharp/aspnet/minimal-api/request-pipeline-middleware","01.csharp/11.aspnet/01.minimal-api/04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/routing-basics","01.csharp/11.aspnet/01.minimal-api/05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","/csharp/aspnet/minimal-api/routing-advanced","01.csharp/11.aspnet/01.minimal-api/06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","/csharp/aspnet/minimal-api/static-files","01.csharp/11.aspnet/01.minimal-api/07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","/csharp/aspnet/minimal-api/static-assets","01.csharp/11.aspnet/01.minimal-api/08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/configuration-fundamentals","01.csharp/11.aspnet/01.minimal-api/09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","/csharp/aspnet/minimal-api/configuration-options","01.csharp/11.aspnet/01.minimal-api/10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/logging-basics","01.csharp/11.aspnet/01.minimal-api/11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","/csharp/aspnet/minimal-api/logging-advanced","01.csharp/11.aspnet/01.minimal-api/12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","/csharp/aspnet/minimal-api/state-management","01.csharp/11.aspnet/01.minimal-api/13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","/csharp/aspnet/minimal-api/session-state","01.csharp/11.aspnet/01.minimal-api/14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","/csharp/aspnet/minimal-api/project-structure","01.csharp/11.aspnet/01.minimal-api/15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","/csharp/aspnet/minimal-api/scalar-openapi-fluent","01.csharp/11.aspnet/01.minimal-api/16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger / Swashbuckle у Minimal API: окремий класичний шлях","/csharp/aspnet/minimal-api/swagger-swashbuckle","01.csharp/11.aspnet/01.minimal-api/17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","/csharp/aspnet/api","01.csharp/11.aspnet/02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","/csharp/aspnet/api/what-is-api","01.csharp/11.aspnet/02.api/01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","/csharp/aspnet/api/data-formats","01.csharp/11.aspnet/02.api/02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","/csharp/aspnet/api/api-paradigms-rest","01.csharp/11.aspnet/02.api/03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","/csharp/aspnet/api/http-methods-status-codes","01.csharp/11.aspnet/02.api/04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","/csharp/aspnet/api/rest-organizing","01.csharp/11.aspnet/02.api/05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","/csharp/aspnet/api/url-nomenclature-crud","01.csharp/11.aspnet/02.api/06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","/csharp/aspnet/api/api-design-naming","01.csharp/11.aspnet/02.api/07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","/csharp/aspnet/api/api-design-validation","01.csharp/11.aspnet/02.api/08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","/csharp/aspnet/api/error-handling-http","01.csharp/11.aspnet/02.api/09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","/csharp/aspnet/api/idempotency-sync","01.csharp/11.aspnet/02.api/10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","/csharp/aspnet/api/pagination-lists","01.csharp/11.aspnet/02.api/11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","/csharp/aspnet/api/security-auth","01.csharp/11.aspnet/02.api/12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","/csharp/aspnet/api/api-design-process","01.csharp/11.aspnet/02.api/13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","/csharp/aspnet/api/openapi","01.csharp/11.aspnet/02.api/14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","/csharp/aspnet/auth","01.csharp/11.aspnet/03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","/csharp/aspnet/auth/auth-fundamentals","01.csharp/11.aspnet/03.auth/01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","/csharp/aspnet/auth/jwt-authentication","01.csharp/11.aspnet/03.auth/02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","/csharp/aspnet/auth/authorization-policies","01.csharp/11.aspnet/03.auth/03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","/csharp/aspnet/auth/cookie-auth-identity","01.csharp/11.aspnet/03.auth/04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","/csharp/aspnet/auth/04b.identity-auth-jwt","01.csharp/11.aspnet/03.auth/04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","/csharp/aspnet/auth/identity-email-confirmation","01.csharp/11.aspnet/03.auth/05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","/csharp/aspnet/auth/identity-two-factor","01.csharp/11.aspnet/03.auth/06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","/csharp/aspnet/auth/identity-internals","01.csharp/11.aspnet/03.auth/07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","/csharp/aspnet/auth/oauth-external-providers","01.csharp/11.aspnet/03.auth/08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","/csharp/aspnet/auth/security-hardening","01.csharp/11.aspnet/03.auth/09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","/csharp/aspnet/auth/oauth-theory","01.csharp/11.aspnet/03.auth/10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","/csharp/aspnet/auth/oidc-keycloak","01.csharp/11.aspnet/03.auth/10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","/csharp/aspnet/auth/api-keys","01.csharp/11.aspnet/03.auth/11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","/csharp/aspnet/auth/rate-limiting","01.csharp/11.aspnet/03.auth/12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","/csharp/aspnet/auth/refresh-token-rotation","01.csharp/11.aspnet/03.auth/13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","/csharp/aspnet/auth/certificate-auth","01.csharp/11.aspnet/03.auth/14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","/csharp/aspnet/auth/rbac-abac-rebac","01.csharp/11.aspnet/03.auth/15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","/csharp/aspnet/auth/multi-tenancy","01.csharp/11.aspnet/03.auth/16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","/csharp/aspnet/notifications","01.csharp/11.aspnet/04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","/csharp/aspnet/notifications/in-app-database-notifications","01.csharp/11.aspnet/04.notifications/01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","/csharp/aspnet/notifications/polling","01.csharp/11.aspnet/04.notifications/02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","/csharp/aspnet/notifications/server-sent-events","01.csharp/11.aspnet/04.notifications/03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","/csharp/aspnet/notifications/websockets","01.csharp/11.aspnet/04.notifications/04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","/csharp/aspnet/notifications/signalr","01.csharp/11.aspnet/04.notifications/05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","/csharp/aspnet/notifications/background-services","01.csharp/11.aspnet/04.notifications/06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","/csharp/aspnet/notifications/web-push","01.csharp/11.aspnet/04.notifications/07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","/csharp/aspnet/notifications/email-notifications","01.csharp/11.aspnet/04.notifications/08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","/csharp/aspnet/notifications/choosing-the-right-approach","01.csharp/11.aspnet/04.notifications/09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","/csharp/aspnet/notifications/hangfire","01.csharp/11.aspnet/04.notifications/10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","/csharp/aspnet/notifications/hangfire-image-webp","01.csharp/11.aspnet/04.notifications/11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","/csharp/aspnet/notifications/hangfire-video-hls","01.csharp/11.aspnet/04.notifications/12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","/csharp/aspnet/notifications/telegram-notifications","01.csharp/11.aspnet/04.notifications/13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","/csharp/aspnet/i18n","01.csharp/11.aspnet/05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","/csharp/aspnet/i18n/internationalization","01.csharp/11.aspnet/05.i18n/01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","/csharp/aspnet/i18n/humanizer","01.csharp/11.aspnet/05.i18n/02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","/csharp/aspnet/caching","01.csharp/11.aspnet/06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","/csharp/aspnet/caching/caching","01.csharp/11.aspnet/06.caching/01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","/csharp/aspnet/caching/memory-cache","01.csharp/11.aspnet/06.caching/02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","/csharp/aspnet/caching/distributed-cache","01.csharp/11.aspnet/06.caching/03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","/csharp/aspnet/caching/response-cache","01.csharp/11.aspnet/06.caching/04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","/csharp/aspnet/caching/output-cache","01.csharp/11.aspnet/06.caching/05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","/csharp/aspnet/testing","01.csharp/11.aspnet/07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","/csharp/aspnet/testing/what-is-testing","01.csharp/11.aspnet/07.testing/01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","/csharp/aspnet/testing/testing-pyramid","01.csharp/11.aspnet/07.testing/02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","/csharp/aspnet/testing/testing-schools","01.csharp/11.aspnet/07.testing/03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","/csharp/aspnet/testing/tdd-and-bdd","01.csharp/11.aspnet/07.testing/04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","/csharp/aspnet/testing/what-to-test","01.csharp/11.aspnet/07.testing/05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","/csharp/aspnet/testing/test-frameworks","01.csharp/11.aspnet/07.testing/06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","/csharp/aspnet/testing/xunit-basics","01.csharp/11.aspnet/07.testing/07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","/csharp/aspnet/testing/xunit-advanced","01.csharp/11.aspnet/07.testing/08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","/csharp/aspnet/testing/mocking-with-moq","01.csharp/11.aspnet/07.testing/09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","/csharp/aspnet/testing/database-testing","01.csharp/11.aspnet/07.testing/10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","/csharp/aspnet/testing/integration-testing","01.csharp/11.aspnet/07.testing/11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","/csharp/aspnet/testing/11a.integration-testing-practice","01.csharp/11.aspnet/07.testing/11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","/csharp/aspnet/testing/integration-testing-advanced","01.csharp/11.aspnet/07.testing/12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","/csharp/aspnet/testing/postman-professional","01.csharp/11.aspnet/07.testing/13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","/csharp/aspnet/testing/httpclient-testing","01.csharp/11.aspnet/07.testing/14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","/csharp/aspnet/testing/wiremock-net","01.csharp/11.aspnet/07.testing/15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","/csharp/aspnet/testing/testing-patterns","01.csharp/11.aspnet/07.testing/16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","/csharp/aspnet/testing/advanced-testing-tools","01.csharp/11.aspnet/07.testing/17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","/csharp/aspnet/testing/architecture-testing","01.csharp/11.aspnet/07.testing/18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","/csharp/aspnet/testing/performance-testing","01.csharp/11.aspnet/07.testing/19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","/csharp/aspnet/testing/remaining_plan","01.csharp/11.aspnet/07.testing/remaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","/csharp/aspnet/payments","01.csharp/11.aspnet/08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","/csharp/aspnet/payments/payment-fundamentals","01.csharp/11.aspnet/08.payments/01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","/csharp/aspnet/payments/payment-methods-ukraine","01.csharp/11.aspnet/08.payments/02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","/csharp/aspnet/payments/pci-dss-security","01.csharp/11.aspnet/08.payments/03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","/csharp/aspnet/payments/payment-architecture","01.csharp/11.aspnet/08.payments/04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","/csharp/aspnet/payments/liqpay-integration","01.csharp/11.aspnet/08.payments/05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","/csharp/aspnet/payments/monobank-acquiring","01.csharp/11.aspnet/08.payments/06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","/csharp/aspnet/payments/stripe-integration","01.csharp/11.aspnet/08.payments/07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","/csharp/aspnet/payments/webhooks-deep-dive","01.csharp/11.aspnet/08.payments/08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","/csharp/aspnet/payments/subscriptions-recurring","01.csharp/11.aspnet/08.payments/09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","/csharp/aspnet/payments/refunds-disputes","01.csharp/11.aspnet/08.payments/10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","/csharp/aspnet/payments/testing-payments","01.csharp/11.aspnet/08.payments/11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","/csharp/aspnet/payments/production-checklist","01.csharp/11.aspnet/08.payments/12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","/csharp/aspnet/libraries","01.csharp/11.aspnet/09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","/csharp/aspnet/libraries/fluent-validation","01.csharp/11.aspnet/09.libraries/01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","/csharp/aspnet/libraries/mapster","01.csharp/11.aspnet/09.libraries/02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","/csharp/aspnet/libraries/erroror-result-pattern","01.csharp/11.aspnet/09.libraries/03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","/csharp/aspnet/libraries/serilog","01.csharp/11.aspnet/09.libraries/04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","/csharp/aspnet/libraries/mediatr","01.csharp/11.aspnet/09.libraries/05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","/csharp/aspnet/libraries/polly","01.csharp/11.aspnet/09.libraries/06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","/csharp/aspnet/libraries/health-checks","01.csharp/11.aspnet/09.libraries/07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","/csharp/aspnet/libraries/feature-management","01.csharp/11.aspnet/09.libraries/08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","/csharp/aspnet/libraries/fluent-email","01.csharp/11.aspnet/09.libraries/09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","/csharp/aspnet/libraries/quest-pdf","01.csharp/11.aspnet/09.libraries/10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","/csharp/aspnet/libraries/bogus","01.csharp/11.aspnet/09.libraries/11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","/csharp/aspnet/libraries/humanizer-guard","01.csharp/11.aspnet/09.libraries/12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","/csharp/aspnet/libraries/plan","01.csharp/11.aspnet/09.libraries/plan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","/csharp/aspnet/razor-pages","01.csharp/11.aspnet/10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","/csharp/aspnet/razor-pages/from-minimal-api","01.csharp/11.aspnet/10.razor-pages/01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","/csharp/aspnet/razor-pages/page-model","01.csharp/11.aspnet/10.razor-pages/02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","/csharp/aspnet/razor-pages/razor-syntax","01.csharp/11.aspnet/10.razor-pages/03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","/csharp/aspnet/razor-pages/tag-helpers","01.csharp/11.aspnet/10.razor-pages/04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","/csharp/aspnet/razor-pages/forms-validation","01.csharp/11.aspnet/10.razor-pages/05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","/csharp/aspnet/razor-pages/project-task-manager","01.csharp/11.aspnet/10.razor-pages/06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","/csharp/aspnet/mvc","01.csharp/11.aspnet/11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","/csharp/aspnet/mvc/mvc-pattern","01.csharp/11.aspnet/11.mvc/01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","/csharp/aspnet/mvc/from-razor-pages","01.csharp/11.aspnet/11.mvc/02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","/csharp/aspnet/mvc/controllers-actions","01.csharp/11.aspnet/11.mvc/03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","/csharp/aspnet/mvc/routing-mvc","01.csharp/11.aspnet/11.mvc/04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","/csharp/aspnet/mvc/model-binding","01.csharp/11.aspnet/11.mvc/05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","/csharp/aspnet/mvc/views-viewdata-tempdata","01.csharp/11.aspnet/11.mvc/06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","/csharp/aspnet/mvc/filters","01.csharp/11.aspnet/11.mvc/07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","/csharp/aspnet/mvc/areas","01.csharp/11.aspnet/11.mvc/08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","/csharp/aspnet/mvc/view-components","01.csharp/11.aspnet/11.mvc/09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","/csharp/aspnet/mvc/display-editor-templates","01.csharp/11.aspnet/11.mvc/10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","/csharp/aspnet/mvc/validation-advanced","01.csharp/11.aspnet/11.mvc/11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","/csharp/aspnet/mvc/htmx","01.csharp/11.aspnet/11.mvc/12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","/csharp/aspnet/mvc/ajax-htmx-mvc","01.csharp/11.aspnet/11.mvc/13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","/csharp/aspnet/mvc/htmx-project","01.csharp/11.aspnet/11.mvc/14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","/csharp/aspnet/mvc/file-upload","01.csharp/11.aspnet/11.mvc/15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","/csharp/aspnet/mvc/globalization-localization","01.csharp/11.aspnet/11.mvc/16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","/csharp/aspnet/mvc/mvc-project","01.csharp/11.aspnet/11.mvc/17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","/csharp/aspnet/mvc/plan","01.csharp/11.aspnet/11.mvc/plan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","/csharp/aspnet/web-api","01.csharp/11.aspnet/12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","/csharp/aspnet/web-api/from-minimal-api-to-controllers","01.csharp/11.aspnet/12.web-api/01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","/csharp/aspnet/web-api/controller-base-actionresult","01.csharp/11.aspnet/12.web-api/02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","/csharp/aspnet/web-api/content-negotiation","01.csharp/11.aspnet/12.web-api/03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","/csharp/aspnet/web-api/api-versioning","01.csharp/11.aspnet/12.web-api/04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","/csharp/aspnet/web-api/problemdetails-error-handling","01.csharp/11.aspnet/12.web-api/05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","/csharp/aspnet/web-api/filters-for-api","01.csharp/11.aspnet/12.web-api/06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","/csharp/aspnet/web-api/pagination-filtering-sorting","01.csharp/11.aspnet/12.web-api/07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","/csharp/aspnet/web-api/hateoas-resource-expansion","01.csharp/11.aspnet/12.web-api/08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","/csharp/aspnet/web-api/minimal-api-vs-controllers-hybrid","01.csharp/11.aspnet/12.web-api/09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","/csharp/aspnet/web-api/api-documentation-generation","01.csharp/11.aspnet/12.web-api/10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","/csharp/aspnet/web-api/health-checks-monitoring","01.csharp/11.aspnet/12.web-api/11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","/csharp/aspnet/web-api/web-api-project","01.csharp/11.aspnet/12.web-api/12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","/csharp/aspnet/web-api/plan","01.csharp/11.aspnet/12.web-api/plan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Desktop UI","i-lucide-app-window","/csharp/desktop-ui","01.csharp/12.desktop-ui",[1352,1356,1360,1364,1368,1372,1376,1380,1384,1388,1392,1396,1400,1404,1408,1412,1416,1420,1424,1428,1432,1436,1440,1444,1448,1452,1456,1460,1464,1468,1472,1476,1480,1484,1488,1492,1496,1500,1504,1508,1512,1516,1520,1524,1528,1532,1536,1540,1544,1548,1552,1556,1560,1564,1568,1572,1576,1580,1584,1588,1592,1596,1600,1604,1608,1612,1616,1620,1624,1628,1632],{"title":1353,"path":1354,"stem":1355},"Що таке десктопна розробка?","/csharp/desktop-ui/what-is-desktop-dev","01.csharp/12.desktop-ui/01.what-is-desktop-dev",{"title":1357,"path":1358,"stem":1359},"Архітектура WPF — як влаштований графічний інтерфейс","/csharp/desktop-ui/wpf-architecture","01.csharp/12.desktop-ui/02.wpf-architecture",{"title":1361,"path":1362,"stem":1363},"Перший WPF-проєкт — від нуля до вікна","/csharp/desktop-ui/first-wpf-app","01.csharp/12.desktop-ui/03.first-wpf-app",{"title":1365,"path":1366,"stem":1367},"Перший Avalonia-проєкт: WPF для всіх платформ","/csharp/desktop-ui/03a.first-avalonia-app","01.csharp/12.desktop-ui/03a.first-avalonia-app",{"title":1369,"path":1370,"stem":1371},"XAML: декларативний інтерфейс","/csharp/desktop-ui/xaml-basics","01.csharp/12.desktop-ui/04.xaml-basics",{"title":1373,"path":1374,"stem":1375},"Fluent UI у WPF — сучасний дизайн Windows 11","/csharp/desktop-ui/04a.wpf-fluent-ui","01.csharp/12.desktop-ui/04a.wpf-fluent-ui",{"title":1377,"path":1378,"stem":1379},"WPF UI — сучасна бібліотека Fluent контролів","/csharp/desktop-ui/04b.wpf-ui-library","01.csharp/12.desktop-ui/04b.wpf-ui-library",{"title":1381,"path":1382,"stem":1383},"HandyControl — велика бібліотека UI контролів для WPF","/csharp/desktop-ui/04c.handycontrol-library","01.csharp/12.desktop-ui/04c.handycontrol-library",{"title":1385,"path":1386,"stem":1387},"Простори імен та ресурси XAML","/csharp/desktop-ui/xaml-namespaces-resources","01.csharp/12.desktop-ui/05.xaml-namespaces-resources",{"title":1389,"path":1390,"stem":1391},"XAML в Avalonia: ключові відмінності від WPF","/csharp/desktop-ui/05a.avalonia-xaml-differences","01.csharp/12.desktop-ui/05a.avalonia-xaml-differences",{"title":1393,"path":1394,"stem":1395},"Розширення розмітки XAML (Markup Extensions)","/csharp/desktop-ui/xaml-markup-extensions","01.csharp/12.desktop-ui/06.xaml-markup-extensions",{"title":1397,"path":1398,"stem":1399},"Панелі Layout: StackPanel, WrapPanel, DockPanel","/csharp/desktop-ui/layout-panels-part1","01.csharp/12.desktop-ui/07.layout-panels-part1",{"title":1401,"path":1402,"stem":1403},"Grid, Canvas, UniformGrid","/csharp/desktop-ui/layout-panels-part2","01.csharp/12.desktop-ui/07.layout-panels-part2",{"title":1405,"path":1406,"stem":1407},"Просунуті техніки Layout","/csharp/desktop-ui/layout-advanced","01.csharp/12.desktop-ui/08.layout-advanced",{"title":1409,"path":1410,"stem":1411},"Адаптивний Layout та найкращі практики","/csharp/desktop-ui/layout-responsive","01.csharp/12.desktop-ui/09.layout-responsive",{"title":1413,"path":1414,"stem":1415},"Layout в Avalonia: відмінності та нові можливості","/csharp/desktop-ui/09a.layout-avalonia","01.csharp/12.desktop-ui/09a.layout-avalonia",{"title":1417,"path":1418,"stem":1419},"Button, Image, ProgressBar та інші базові контроли","/csharp/desktop-ui/basic-controls","01.csharp/12.desktop-ui/10.basic-controls",{"title":1421,"path":1422,"stem":1423},"Контроли в Avalonia: відмінності від WPF","/csharp/desktop-ui/10a.controls-avalonia","01.csharp/12.desktop-ui/10a.controls-avalonia",{"title":1425,"path":1426,"stem":1427},"Текстові контроли — TextBlock, TextBox, RichTextBox","/csharp/desktop-ui/text-controls","01.csharp/12.desktop-ui/11.text-controls",{"title":1429,"path":1430,"stem":1431},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","/csharp/desktop-ui/selection-controls","01.csharp/12.desktop-ui/12.selection-controls",{"title":1433,"path":1434,"stem":1435},"Content Model — GroupBox, Expander, TabControl, StatusBar","/csharp/desktop-ui/content-controls","01.csharp/12.desktop-ui/13.content-controls",{"title":1437,"path":1438,"stem":1439},"UI/UX принципи десктопних застосунків","/csharp/desktop-ui/13a.ui-ux-principles","01.csharp/12.desktop-ui/13a.ui-ux-principles",{"title":1441,"path":1442,"stem":1443},"Dependency Properties — Концепція та Value Resolution","/csharp/desktop-ui/dependency-properties-part1","01.csharp/12.desktop-ui/14.dependency-properties-part1",{"title":1445,"path":1446,"stem":1447},"Avalonia Property System — StyledProperty та DirectProperty","/csharp/desktop-ui/14a.avalonia-property-system","01.csharp/12.desktop-ui/14a.avalonia-property-system",{"title":1449,"path":1450,"stem":1451},"Attached Properties — Властивості без меж","/csharp/desktop-ui/attached-properties","01.csharp/12.desktop-ui/15.attached-properties",{"title":1453,"path":1454,"stem":1455},"Routed Events — Маршрутизація подій у WPF","/csharp/desktop-ui/routed-events","01.csharp/12.desktop-ui/16.routed-events",{"title":1457,"path":1458,"stem":1459},"Data Binding — Від Code-Behind до Декларативності","/csharp/desktop-ui/data-binding-basics-part1","01.csharp/12.desktop-ui/17.data-binding-basics-part1",{"title":1461,"path":1462,"stem":1463},"INotifyPropertyChanged — Живе оновлення UI","/csharp/desktop-ui/data-binding-basics-part2","01.csharp/12.desktop-ui/17.data-binding-basics-part2",{"title":1465,"path":1466,"stem":1467},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","/csharp/desktop-ui/17a.avalonia-compiled-bindings","01.csharp/12.desktop-ui/17a.avalonia-compiled-bindings",{"title":1469,"path":1470,"stem":1471},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","/csharp/desktop-ui/data-binding-advanced","01.csharp/12.desktop-ui/18.data-binding-advanced",{"title":1473,"path":1474,"stem":1475},"Value Converters — Перетворення типів даних у Data Binding","/csharp/desktop-ui/value-converters","01.csharp/12.desktop-ui/19.value-converters",{"title":1477,"path":1478,"stem":1479},"Data Templates — Візуалізація об'єктів у WPF","/csharp/desktop-ui/data-templates","01.csharp/12.desktop-ui/20.data-templates",{"title":1481,"path":1482,"stem":1483},"Collections Binding Part 1 — ObservableCollection та ItemsControl","/csharp/desktop-ui/collections-binding-part1","01.csharp/12.desktop-ui/21.collections-binding-part1",{"title":1485,"path":1486,"stem":1487},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","/csharp/desktop-ui/collections-binding-part2","01.csharp/12.desktop-ui/21.collections-binding-part2",{"title":1489,"path":1490,"stem":1491},"MVVM Pattern — Від Spaghetti Code до архітектури","/csharp/desktop-ui/mvvm-pattern","01.csharp/12.desktop-ui/22.mvvm-pattern",{"title":1493,"path":1494,"stem":1495},"ViewModel Implementation — Від BaseViewModel до валідації","/csharp/desktop-ui/viewmodel-implementation","01.csharp/12.desktop-ui/23.viewmodel-implementation",{"title":1497,"path":1498,"stem":1499},"Commands — Від event handlers до декларативних команд","/csharp/desktop-ui/commands","01.csharp/12.desktop-ui/24.commands",{"title":1501,"path":1502,"stem":1503},"MVVM Toolkit — MVVM без boilerplate через Source Generators","/csharp/desktop-ui/mvvm-toolkit","01.csharp/12.desktop-ui/25.mvvm-toolkit",{"title":1505,"path":1506,"stem":1507},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","/csharp/desktop-ui/messenger-pattern","01.csharp/12.desktop-ui/26.messenger-pattern",{"title":1509,"path":1510,"stem":1511},"Стилі WPF — CSS для десктопу","/csharp/desktop-ui/styles-basics","01.csharp/12.desktop-ui/27.styles-basics",{"title":1513,"path":1514,"stem":1515},"CSS-like стилі Avalonia","/csharp/desktop-ui/27a.avalonia-css-styling","01.csharp/12.desktop-ui/27a.avalonia-css-styling",{"title":1517,"path":1518,"stem":1519},"Control Templates — Частина 1. Концепція та TemplateBinding","/csharp/desktop-ui/control-templates-part1","01.csharp/12.desktop-ui/28.control-templates-part1",{"title":1521,"path":1522,"stem":1523},"Control Templates — Частина 2. Named Parts та ContentPresenter","/csharp/desktop-ui/control-templates-part2","01.csharp/12.desktop-ui/28.control-templates-part2",{"title":1525,"path":1526,"stem":1527},"Control Themes в Avalonia — нова ера стилізації","/csharp/desktop-ui/28a.avalonia-control-themes","01.csharp/12.desktop-ui/28a.avalonia-control-themes",{"title":1529,"path":1530,"stem":1531},"Triggers та Visual State Manager у WPF","/csharp/desktop-ui/triggers-visual-states","01.csharp/12.desktop-ui/29.triggers-visual-states",{"title":1533,"path":1534,"stem":1535},"Pseudo-classes в Avalonia — замість WPF Triggers","/csharp/desktop-ui/29a.avalonia-pseudo-classes","01.csharp/12.desktop-ui/29a.avalonia-pseudo-classes",{"title":1537,"path":1538,"stem":1539},"Теми та ресурсні словники у WPF","/csharp/desktop-ui/resources-themes","01.csharp/12.desktop-ui/30.resources-themes",{"title":1541,"path":1542,"stem":1543},"Avalonia Themes — Fluent Design та система тематизації","/csharp/desktop-ui/30a.avalonia-themes-fluent","01.csharp/12.desktop-ui/30a.avalonia-themes-fluent",{"title":1545,"path":1546,"stem":1547},"Контроли колекцій — глибоке занурення","/csharp/desktop-ui/collection-controls","01.csharp/12.desktop-ui/31.collection-controls",{"title":1549,"path":1550,"stem":1551},"DataGrid — колонки та базове відображення","/csharp/desktop-ui/datagrid-part1","01.csharp/12.desktop-ui/32.datagrid-part1",{"title":1553,"path":1554,"stem":1555},"DataGrid — сортування, фільтрація, редагування","/csharp/desktop-ui/datagrid-part2","01.csharp/12.desktop-ui/32.datagrid-part2",{"title":1557,"path":1558,"stem":1559},"TreeView та GridView","/csharp/desktop-ui/treeview-listview","01.csharp/12.desktop-ui/33.treeview-listview",{"title":1561,"path":1562,"stem":1563},"Меню, Toolbar, ContextMenu, StatusBar","/csharp/desktop-ui/menus-toolbars","01.csharp/12.desktop-ui/34.menus-toolbars",{"title":1565,"path":1566,"stem":1567},"Навігація та керування вікнами. Частина 1: вікна та сторінки","/csharp/desktop-ui/navigation-windows-part1","01.csharp/12.desktop-ui/35.navigation-windows-part1",{"title":1569,"path":1570,"stem":1571},"Навігація та керування вікнами. Частина 2: MVVM-навігація","/csharp/desktop-ui/navigation-windows-part2","01.csharp/12.desktop-ui/35.navigation-windows-part2",{"title":1573,"path":1574,"stem":1575},"Avalonia — Навігація та діалоги","/csharp/desktop-ui/35a.avalonia-navigation-dialogs","01.csharp/12.desktop-ui/35a.avalonia-navigation-dialogs",{"title":1577,"path":1578,"stem":1579},"Діалоги та File Pickers у WPF","/csharp/desktop-ui/dialogs-file-pickers","01.csharp/12.desktop-ui/36.dialogs-file-pickers",{"title":1581,"path":1582,"stem":1583},"UserControl: компонентний підхід у WPF","/csharp/desktop-ui/user-controls","01.csharp/12.desktop-ui/37.user-controls",{"title":1585,"path":1586,"stem":1587},"Custom Controls: Lookless Controls у WPF","/csharp/desktop-ui/custom-controls","01.csharp/12.desktop-ui/38.custom-controls",{"title":1589,"path":1590,"stem":1591},"Avalonia TemplatedControl — Lookless Controls","/csharp/desktop-ui/38a.avalonia-templated-controls","01.csharp/12.desktop-ui/38a.avalonia-templated-controls",{"title":1593,"path":1594,"stem":1595},"Анімації у WPF: Storyboard та Easing Functions","/csharp/desktop-ui/animations-transitions","01.csharp/12.desktop-ui/39.animations-transitions",{"title":1597,"path":1598,"stem":1599},"Анімації в Avalonia","/csharp/desktop-ui/39a.avalonia-animations","01.csharp/12.desktop-ui/39a.avalonia-animations",{"title":1601,"path":1602,"stem":1603},"2D Графіка та Мультимедіа у WPF","/csharp/desktop-ui/media-graphics","01.csharp/12.desktop-ui/40.media-graphics",{"title":1605,"path":1606,"stem":1607},"Dependency Injection у WPF та Avalonia","/csharp/desktop-ui/di-integration","01.csharp/12.desktop-ui/41.di-integration",{"title":1609,"path":1610,"stem":1611},"SQLite та EF Core у десктопних додатках","/csharp/desktop-ui/data-persistence-part1","01.csharp/12.desktop-ui/42.data-persistence-part1",{"title":1613,"path":1614,"stem":1615},"Repository Pattern та Unit of Work","/csharp/desktop-ui/data-persistence-part2","01.csharp/12.desktop-ui/43.data-persistence-part2",{"title":1617,"path":1618,"stem":1619},"Тестування ViewModels","/csharp/desktop-ui/viewmodel-testing","01.csharp/12.desktop-ui/44.viewmodel-testing",{"title":1621,"path":1622,"stem":1623},"Avalonia Headless Testing — тестування UI без вікон","/csharp/desktop-ui/44a.avalonia-headless-testing","01.csharp/12.desktop-ui/44a.avalonia-headless-testing",{"title":1625,"path":1626,"stem":1627},"Кросплатформна розробка з Avalonia","/csharp/desktop-ui/avalonia-cross-platform","01.csharp/12.desktop-ui/45.avalonia-cross-platform",{"title":1629,"path":1630,"stem":1631},"Пакування та розгортання Avalonia додатків","/csharp/desktop-ui/avalonia-packaging-deployment","01.csharp/12.desktop-ui/46.avalonia-packaging-deployment",{"title":1633,"path":1634,"stem":1635},"Розгортання WPF застосунків","/csharp/desktop-ui/wpf-packaging-deployment","01.csharp/12.desktop-ui/47.wpf-packaging-deployment",{"title":1637,"path":1638,"stem":1639},"C# & .NET: The Ultimate Roadmap","/csharp/roadmap","01.csharp/roadmap",{"title":1641,"icon":1642,"path":1643,"stem":1644,"children":1645,"page":59},"C++","i-devicon-cplusplus","/cpp","02.cpp",[1646,1650,1654,1658,1662,1666,1670,1674,1678,1681,1685,1689,1693,1697,1701,1705,1709,1713,1717],{"title":1647,"path":1648,"stem":1649},"Вступ у програмування та алгоритми","/cpp/intro-algorithms","02.cpp/01.intro-algorithms",{"title":1651,"path":1652,"stem":1653},"Code Style: угоди про оформлення коду","/cpp/code-style","02.cpp/02.code-style",{"title":1655,"path":1656,"stem":1657},"Середовище розробки та перший проєкт","/cpp/ide-setup","02.cpp/03.ide-setup",{"title":1659,"path":1660,"stem":1661},"Вивід даних на екран","/cpp/data-output","02.cpp/04.data-output",{"title":1663,"path":1664,"stem":1665},"Типи даних, змінні та константи","/cpp/data-types-variables","02.cpp/05.data-types-variables",{"title":1667,"path":1668,"stem":1669},"Ввід даних з клавіатури","/cpp/data-input","02.cpp/06.data-input",{"title":1671,"path":1672,"stem":1673},"Оператори, перетворення типів та логічні операції","/cpp/operators-type-conversion","02.cpp/07.operators-type-conversion",{"title":1675,"path":1676,"stem":1677},"Цикли","/cpp/loops","02.cpp/08.loops",{"title":32,"path":1679,"stem":1680},"/cpp/arrays","02.cpp/09.arrays",{"title":1682,"path":1683,"stem":1684},"Алгоритми сортування та аналіз складності","/cpp/sorting","02.cpp/10.sorting",{"title":1686,"path":1687,"stem":1688},"Алгоритми пошуку","/cpp/searching","02.cpp/11.searching",{"title":1690,"path":1691,"stem":1692},"Функції: основи","/cpp/functions-basics","02.cpp/12.functions-basics",{"title":1694,"path":1695,"stem":1696},"Функції: прототипи, область видимості та додаткові можливості","/cpp/functions-scope","02.cpp/13.functions-scope",{"title":1698,"path":1699,"stem":1700},"Функції: перевантаження та шаблони","/cpp/functions-overloading-templates","02.cpp/14.functions-overloading-templates",{"title":1702,"path":1703,"stem":1704},"Вказівники: основи","/cpp/pointers-basics","02.cpp/15.pointers-basics",{"title":1706,"path":1707,"stem":1708},"Посилання (References)","/cpp/references","02.cpp/16.references",{"title":1710,"path":1711,"stem":1712},"Вказівники, const і масиви","/cpp/pointers-const-arrays","02.cpp/17.pointers-const-arrays",{"title":1714,"path":1715,"stem":1716},"Адресна арифметика","/cpp/pointer-arithmetic","02.cpp/18.pointer-arithmetic",{"title":1718,"path":1719,"stem":1720},"Динамічна пам'ять","/cpp/dynamic-memory","02.cpp/19.dynamic-memory",{"title":1722,"icon":1723,"path":1724,"stem":1725,"children":1726,"page":59},"JavaScript","i-devicon-javascript","/javascript","03.javascript",[1727,1753,1807,1829,2133,2171],{"title":1728,"icon":1729,"path":1730,"stem":1731,"children":1732,"page":59},"Events","i-lucide-mouse-pointer-click","/javascript/events","03.javascript/01.events",[1733,1737,1741,1745,1749],{"title":1734,"path":1735,"stem":1736},"Вступ до подій браузера","/javascript/events/intro","03.javascript/01.events/01.intro",{"title":1738,"path":1739,"stem":1740},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","/javascript/events/bubbling-capturing","03.javascript/01.events/02.bubbling-capturing",{"title":1742,"path":1743,"stem":1744},"Делегування подій (Event Delegation)","/javascript/events/delegate-events","03.javascript/01.events/03.delegate-events",{"title":1746,"path":1747,"stem":1748},"Типові дії браузера та preventDefault()","/javascript/events/prevent-default","03.javascript/01.events/04.prevent-default",{"title":1750,"path":1751,"stem":1752},"Запуск користувацьких подій (Custom Events)","/javascript/events/custom-events","03.javascript/01.events/05.custom-events",{"title":1754,"icon":1755,"path":1756,"stem":1757,"children":1758,"page":59},"Network","i-lucide-globe","/javascript/network","03.javascript/02.network",[1759,1763,1767,1771,1775,1779,1783,1787,1791,1795,1799,1803],{"title":1760,"path":1761,"stem":1762},"Fetch API - Сучасний підхід до HTTP-запитів","/javascript/network/01-fetch-api","03.javascript/02.network/01-fetch-api",{"title":1764,"path":1765,"stem":1766},"FormData - Робота з формами та файлами","/javascript/network/02-formdata","03.javascript/02.network/02-formdata",{"title":1768,"path":1769,"stem":1770},"Відстеження прогресу завантаження","/javascript/network/03-download-progress","03.javascript/02.network/03-download-progress",{"title":1772,"path":1773,"stem":1774},"Переривання fetch-запитів","/javascript/network/04-abort-requests","03.javascript/02.network/04-abort-requests",{"title":1776,"path":1777,"stem":1778},"CORS - Запити між різними джерелами","/javascript/network/05-cors","03.javascript/02.network/05-cors",{"title":1780,"path":1781,"stem":1782},"Fetch API - Повний довідник опцій","/javascript/network/06-fetch-options","03.javascript/02.network/06-fetch-options",{"title":1784,"path":1785,"stem":1786},"URL Objects - Робота з посиланнями","/javascript/network/07-url-objects","03.javascript/02.network/07-url-objects",{"title":1788,"path":1789,"stem":1790},"XMLHttpRequest - AJAX та низькорівневі запити","/javascript/network/08-xmlhttprequest","03.javascript/02.network/08-xmlhttprequest",{"title":1792,"path":1793,"stem":1794},"Відновлюване завантаження файлів","/javascript/network/09-resumable-upload","03.javascript/02.network/09-resumable-upload",{"title":1796,"path":1797,"stem":1798},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","/javascript/network/10-cookies","03.javascript/02.network/10-cookies",{"title":1800,"path":1801,"stem":1802},"js-cookie: Керування Cookies без Болю","/javascript/network/11-js-cookie","03.javascript/02.network/11-js-cookie",{"title":1804,"path":1805,"stem":1806},"Axios: Потужний HTTP-клієнт для JavaScript","/javascript/network/12-axios","03.javascript/02.network/12-axios",{"title":1808,"icon":1809,"path":1810,"stem":1811,"children":1812,"page":59},"Bom","i-lucide-monitor","/javascript/bom","03.javascript/03.bom",[1813,1817,1821,1825],{"title":1814,"path":1815,"stem":1816},"LocalStorage, SessionStorage та patterns збереження даних","/javascript/bom/01-localstorage","03.javascript/03.bom/01-localstorage",{"title":1818,"path":1819,"stem":1820},"Location Object - Керування адресою сторінки","/javascript/bom/02-location-object","03.javascript/03.bom/02-location-object",{"title":1822,"path":1823,"stem":1824},"History API - Керування історією браузера","/javascript/bom/03-history-api","03.javascript/03.bom/03-history-api",{"title":1826,"path":1827,"stem":1828},"Navigator Object - Ідентифікація та Можливості Пристрою","/javascript/bom/04-navigator-object","03.javascript/03.bom/04-navigator-object",{"title":1830,"icon":1831,"path":1832,"stem":1833,"children":1834},"React","i-devicon-react","/javascript/react","03.javascript/04.react/index",[1835,1836,1840,1844,1848,1852,1915,1950,2102],{"title":1830,"path":1832,"stem":1833},{"title":1837,"path":1838,"stem":1839},"Робота з Формами в React","/javascript/react/react-forms","03.javascript/04.react/01.react-forms",{"title":1841,"path":1842,"stem":1843},"React Hook Form: Професійна Робота з Формами","/javascript/react/react-hook-form","03.javascript/04.react/02.react-hook-form",{"title":1845,"path":1846,"stem":1847},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","/javascript/react/react-hook-form-new","03.javascript/04.react/02.react-hook-form-new",{"title":1849,"path":1850,"stem":1851},"Axios та React: Професійна Архітектура Запитів","/javascript/react/data-fetching-axios","03.javascript/04.react/03.data-fetching-axios",{"title":1853,"icon":132,"path":1854,"stem":1855,"children":1856},"Tanstack Query","/javascript/react/tanstack-query","03.javascript/04.react/04.tanstack-query/index",[1857,1859,1863,1867,1871,1875,1879,1883,1887,1891,1895,1899,1903,1907,1911],{"title":1858,"path":1854,"stem":1855},"TanStack Query: Майстерність Керування Станом Сервера",{"title":1860,"path":1861,"stem":1862},"Парадигма Server State: Чому useEffect недостатньо","/javascript/react/tanstack-query/server-state-paradigm","03.javascript/04.react/04.tanstack-query/01.server-state-paradigm",{"title":1864,"path":1865,"stem":1866},"Встановлення та Налаштування: Фундамент","/javascript/react/tanstack-query/installation-and-devtools","03.javascript/04.react/04.tanstack-query/02.installation-and-devtools",{"title":1868,"path":1869,"stem":1870},"Основи Запитів та Магія Ключів","/javascript/react/tanstack-query/query-basics-and-keys","03.javascript/04.react/04.tanstack-query/03.query-basics-and-keys",{"title":1872,"path":1873,"stem":1874},"Синхронізація Даних: Життєвий Цикл Запиту","/javascript/react/tanstack-query/data-synchronization","03.javascript/04.react/04.tanstack-query/04.data-synchronization",{"title":1876,"path":1877,"stem":1878},"Мутації та Інвалідація: Зміна Даних","/javascript/react/tanstack-query/mutations-and-invalidation","03.javascript/04.react/04.tanstack-query/05.mutations-and-invalidation",{"title":1880,"path":1881,"stem":1882},"Оптимістичні Оновлення: Швидше за Світло","/javascript/react/tanstack-query/optimistic-updates","03.javascript/04.react/04.tanstack-query/06.optimistic-updates",{"title":1884,"path":1885,"stem":1886},"Пагінація та Infinite Scroll","/javascript/react/tanstack-query/pagination-and-load-more","03.javascript/04.react/04.tanstack-query/07.pagination-and-load-more",{"title":1888,"path":1889,"stem":1890},"Просунуті Патерни та Оптимізація","/javascript/react/tanstack-query/advanced-patterns","03.javascript/04.react/04.tanstack-query/08.advanced-patterns",{"title":1892,"path":1893,"stem":1894},"Архітектура та Best Practices","/javascript/react/tanstack-query/architecture-and-best-practices","03.javascript/04.react/04.tanstack-query/09.architecture-and-best-practices",{"title":1896,"path":1897,"stem":1898},"Server-Side Rendering (SSR) та Гідратація","/javascript/react/tanstack-query/server-side-rendering","03.javascript/04.react/04.tanstack-query/10.server-side-rendering",{"title":1900,"path":1901,"stem":1902},"Стратегії Тестування","/javascript/react/tanstack-query/testing-strategies","03.javascript/04.react/04.tanstack-query/11.testing-strategies",{"title":1904,"path":1905,"stem":1906},"Аутентифікація та Обробка Помилок","/javascript/react/tanstack-query/authentication-and-errors","03.javascript/04.react/04.tanstack-query/12.authentication-and-errors",{"title":1908,"path":1909,"stem":1910},"React Suspense та Майбутнє","/javascript/react/tanstack-query/react-suspense","03.javascript/04.react/04.tanstack-query/13.react-suspense",{"title":1912,"path":1913,"stem":1914},"Глибоке Занурення в Продуктивність","/javascript/react/tanstack-query/performance-deep-dive","03.javascript/04.react/04.tanstack-query/14.performance-deep-dive",{"title":1916,"icon":1831,"path":1917,"stem":1918,"children":1919},"React Router","/javascript/react/react-router","03.javascript/04.react/05.react-router/index",[1920,1922,1926,1930,1934,1938,1942,1946],{"title":1921,"path":1917,"stem":1918},"React Router: Навігаційна система сучасного вебу",{"title":1923,"path":1924,"stem":1925},"Налаштування та Базовий Роутинг","/javascript/react/react-router/setup-and-basic-routing","03.javascript/04.react/05.react-router/01.setup-and-basic-routing",{"title":1927,"path":1928,"stem":1929},"Динамічна Навігація","/javascript/react/react-router/navigation-and-links","03.javascript/04.react/05.react-router/02.navigation-and-links",{"title":1931,"path":1932,"stem":1933},"Вкладені Маршрути та Макети","/javascript/react/react-router/nested-routes-and-layouts","03.javascript/04.react/05.react-router/03.nested-routes-and-layouts",{"title":1935,"path":1936,"stem":1937},"Динамічні Маршрути та Параметри","/javascript/react/react-router/dynamic-routing","03.javascript/04.react/05.react-router/04.dynamic-routing",{"title":1939,"path":1940,"stem":1941},"Data APIs: Loaders та Actions","/javascript/react/react-router/data-loading","03.javascript/04.react/05.react-router/05.data-loading",{"title":1943,"path":1944,"stem":1945},"Просунуті Патерни","/javascript/react/react-router/advanced-patterns","03.javascript/04.react/05.react-router/06.advanced-patterns",{"title":1947,"path":1948,"stem":1949},"Legacy Routing: Компонентний підхід","/javascript/react/react-router/legacy-routing","03.javascript/04.react/05.react-router/07.legacy-routing",{"title":1951,"icon":132,"path":1952,"stem":1953,"children":1954},"Redux","/javascript/react/redux","03.javascript/04.react/06.redux/index",[1955,1957,1973,2002,2011,2032,2048,2077],{"title":1956,"path":1952,"stem":1953},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":1958,"stem":1959,"children":1960,"page":59},"/javascript/react/redux/fundamentals","03.javascript/04.react/06.redux/01.fundamentals",[1961,1965,1969],{"title":1962,"path":1963,"stem":1964},"Вступ до State Management","/javascript/react/redux/fundamentals/intro-state-management","03.javascript/04.react/06.redux/01.fundamentals/01.intro-state-management",{"title":1966,"path":1967,"stem":1968},"Філософія Redux та Три Принципи","/javascript/react/redux/fundamentals/redux-philosophy","03.javascript/04.react/06.redux/01.fundamentals/02.redux-philosophy",{"title":1970,"path":1971,"stem":1972},"Чисті функції та Іммутабельність","/javascript/react/redux/fundamentals/pure-functions-immutability","03.javascript/04.react/06.redux/01.fundamentals/03.pure-functions-immutability",{"title":1974,"icon":132,"path":1975,"stem":1976,"children":1977,"page":59},"Classic Redux","/javascript/react/redux/classic-redux","03.javascript/04.react/06.redux/02.classic-redux",[1978,1982,1986,1990,1994,1998],{"title":1979,"path":1980,"stem":1981},"Створення Store (Classic Redux)","/javascript/react/redux/classic-redux/store-setup","03.javascript/04.react/06.redux/02.classic-redux/01.store-setup",{"title":1983,"path":1984,"stem":1985},"Actions, Constants та Action Creators","/javascript/react/redux/classic-redux/actions-constants","03.javascript/04.react/06.redux/02.classic-redux/02.actions-constants",{"title":1987,"path":1988,"stem":1989},"Логіка Reducers","/javascript/react/redux/classic-redux/reducers","03.javascript/04.react/06.redux/02.classic-redux/03.reducers",{"title":1991,"path":1992,"stem":1993},"Комбінування Reducers (Root Reducer)","/javascript/react/redux/classic-redux/data-flow","03.javascript/04.react/06.redux/02.classic-redux/04.data-flow",{"title":1995,"path":1996,"stem":1997},"Підключення до React (React-Redux)","/javascript/react/redux/classic-redux/react-redux-connection","03.javascript/04.react/06.redux/02.classic-redux/05.react-redux-connection",{"title":1999,"path":2000,"stem":2001},"Middleware та Асинхронність (Redux Thunk)","/javascript/react/redux/classic-redux/middleware-thunk","03.javascript/04.react/06.redux/02.classic-redux/06.middleware-thunk",{"title":2003,"icon":132,"path":2004,"stem":2005,"children":2006,"page":59},"Transition To Rtk","/javascript/react/redux/transition-to-rtk","03.javascript/04.react/06.redux/03.transition-to-rtk",[2007],{"title":2008,"path":2009,"stem":2010},"Проблеми класичного Redux","/javascript/react/redux/transition-to-rtk/problems-with-classic","03.javascript/04.react/06.redux/03.transition-to-rtk/01.problems-with-classic",{"title":2012,"icon":132,"path":2013,"stem":2014,"children":2015,"page":59},"Redux Toolkit","/javascript/react/redux/redux-toolkit","03.javascript/04.react/06.redux/04.redux-toolkit",[2016,2020,2024,2028],{"title":2017,"path":2018,"stem":2019},"Налаштування Store з configureStore","/javascript/react/redux/redux-toolkit/configure-store","03.javascript/04.react/06.redux/04.redux-toolkit/01.configure-store",{"title":2021,"path":2022,"stem":2023},"createSlice: Революція в Redux","/javascript/react/redux/redux-toolkit/create-slice","03.javascript/04.react/06.redux/04.redux-toolkit/02.create-slice",{"title":2025,"path":2026,"stem":2027},"Асинхронність з createAsyncThunk","/javascript/react/redux/redux-toolkit/async-thunks","03.javascript/04.react/06.redux/04.redux-toolkit/03.async-thunks",{"title":2029,"path":2030,"stem":2031},"04. Entity Adapter: Керування нормалізованим станом","/javascript/react/redux/redux-toolkit/entity-adapter","03.javascript/04.react/06.redux/04.redux-toolkit/04.entity-adapter",{"title":2033,"icon":92,"path":2034,"stem":2035,"children":2036,"page":59},"Advanced","/javascript/react/redux/advanced","03.javascript/04.react/06.redux/05.advanced",[2037,2041,2045],{"title":2038,"path":2039,"stem":2040},"Мемоізація та Селектори: Повний Гайд по Reselect","/javascript/react/redux/advanced/selectors-reselect","03.javascript/04.react/06.redux/05.advanced/01.selectors-reselect",{"title":2042,"path":2043,"stem":2044},"RTK Query: Архітектура Серверного Кешу","/javascript/react/redux/advanced/rtk-query-intro","03.javascript/04.react/06.redux/05.advanced/02.rtk-query-intro",{"title":1892,"path":2046,"stem":2047},"/javascript/react/redux/advanced/architecture-best-practices","03.javascript/04.react/06.redux/05.advanced/03.architecture-best-practices",{"title":2049,"icon":132,"path":2050,"stem":2051,"children":2052,"page":59},"Project Kanban","/javascript/react/redux/project-kanban","03.javascript/04.react/06.redux/06.project-kanban",[2053,2057,2061,2065,2069,2073],{"title":2054,"path":2055,"stem":2056},"Проєкт: Kanban Board (Trello Clone)","/javascript/react/redux/project-kanban/project-overview","03.javascript/04.react/06.redux/06.project-kanban/01.project-overview",{"title":2058,"path":2059,"stem":2060},"Налаштування та Типізація","/javascript/react/redux/project-kanban/setup-and-types","03.javascript/04.react/06.redux/06.project-kanban/02.setup-and-types",{"title":2062,"path":2063,"stem":2064},"Board Slice: Серце Дошки","/javascript/react/redux/project-kanban/board-slice","03.javascript/04.react/06.redux/06.project-kanban/03.board-slice",{"title":2066,"path":2067,"stem":2068},"Логіка Drag & Drop","/javascript/react/redux/project-kanban/drag-and-drop-logic","03.javascript/04.react/06.redux/06.project-kanban/04.drag-and-drop-logic",{"title":2070,"path":2071,"stem":2072},"Інтеграція з RTK Query","/javascript/react/redux/project-kanban/rtk-query-integration","03.javascript/04.react/06.redux/06.project-kanban/05.rtk-query-integration",{"title":2074,"path":2075,"stem":2076},"Optimistic Updates","/javascript/react/redux/project-kanban/optimistic-updates","03.javascript/04.react/06.redux/06.project-kanban/06.optimistic-updates",{"title":2078,"icon":132,"path":2079,"stem":2080,"children":2081,"page":59},"Testing","/javascript/react/redux/testing","03.javascript/04.react/06.redux/07.testing",[2082,2086,2090,2094,2098],{"title":2083,"path":2084,"stem":2085},"Тестування Redux","/javascript/react/redux/testing/intro-testing","03.javascript/04.react/06.redux/07.testing/01.intro-testing",{"title":2087,"path":2088,"stem":2089},"Тестування Reducers","/javascript/react/redux/testing/testing-reducers","03.javascript/04.react/06.redux/07.testing/02.testing-reducers",{"title":2091,"path":2092,"stem":2093},"Тестування Селекторів","/javascript/react/redux/testing/testing-selectors","03.javascript/04.react/06.redux/07.testing/03.testing-selectors",{"title":2095,"path":2096,"stem":2097},"Тестування Компонентів (Integration)","/javascript/react/redux/testing/testing-components","03.javascript/04.react/06.redux/07.testing/04.testing-components",{"title":2099,"path":2100,"stem":2101},"Тестування Async Thunks","/javascript/react/redux/testing/testing-thunks","03.javascript/04.react/06.redux/07.testing/05.testing-thunks",{"title":2103,"icon":132,"path":2104,"stem":2105,"children":2106},"Ui Libraries","/javascript/react/ui-libraries","03.javascript/04.react/07.ui-libraries/index",[2107,2109,2113,2117,2121,2125,2129],{"title":2108,"path":2104,"stem":2105},"UI Бібліотеки в React",{"title":2110,"path":2111,"stem":2112},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","/javascript/react/ui-libraries/introduction-to-ui-libraries","03.javascript/04.react/07.ui-libraries/01.introduction-to-ui-libraries",{"title":2114,"path":2115,"stem":2116},"Філософія shadcn/ui: \"Not a Component Library\"","/javascript/react/ui-libraries/shadcn-philosophy","03.javascript/04.react/07.ui-libraries/02.shadcn-philosophy",{"title":2118,"path":2119,"stem":2120},"Установка та Налаштування shadcn/ui","/javascript/react/ui-libraries/shadcn-installation","03.javascript/04.react/07.ui-libraries/03.shadcn-installation",{"title":2122,"path":2123,"stem":2124},"Базові Компоненти shadcn/ui: Фундамент Інтерфейсу","/javascript/react/ui-libraries/shadcn-components-basics","03.javascript/04.react/07.ui-libraries/04.shadcn-components-basics",{"title":2126,"path":2127,"stem":2128},"Компоненти Форм: Побудова Інтерактивних Form","/javascript/react/ui-libraries/shadcn-components-forms","03.javascript/04.react/07.ui-libraries/05.shadcn-components-forms",{"title":2130,"path":2131,"stem":2132},"Складні Компоненти: Dialog, Dropdown, Table та Command","/javascript/react/ui-libraries/shadcn-components-advanced","03.javascript/04.react/07.ui-libraries/06.shadcn-components-advanced",{"title":2134,"icon":2135,"path":2136,"stem":2137,"children":2138,"page":59},"TypeScript","i-devicon-typescript","/javascript/typescript","03.javascript/05.typescript",[2139,2143,2147,2151,2155,2159,2163,2167],{"title":2140,"path":2141,"stem":2142},"TypeScript: Броня для вашого коду","/javascript/typescript/intro-and-basic-types","03.javascript/05.typescript/01.intro-and-basic-types",{"title":2144,"path":2145,"stem":2146},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","/javascript/typescript/interfaces-and-advanced-types","03.javascript/05.typescript/02.interfaces-and-advanced-types",{"title":2148,"path":2149,"stem":2150},"Алхімія Типів: Generics та Utility Types","/javascript/typescript/generics-and-utilities","03.javascript/05.typescript/03.generics-and-utilities",{"title":2152,"path":2153,"stem":2154},"Архітектура та Шаблони: Класи в TypeScript","/javascript/typescript/classes-and-oop","03.javascript/05.typescript/04.classes-and-oop",{"title":2156,"path":2157,"stem":2158},"Продакшн та Екосистема: Advanced Config & Workflow","/javascript/typescript/advanced-patterns-and-config","03.javascript/05.typescript/05.advanced-patterns-and-config",{"title":2160,"path":2161,"stem":2162},"TypeScript у світі React","/javascript/typescript/react-basics","03.javascript/05.typescript/06.react-basics",{"title":2164,"path":2165,"stem":2166},"React + TypeScript: Продвинуті патерни","/javascript/typescript/react-advanced","03.javascript/05.typescript/07.react-advanced",{"title":2168,"path":2169,"stem":2170},"React + TypeScript: Екосистема та бібліотеки","/javascript/typescript/react-ecosystem","03.javascript/05.typescript/08.react-ecosystem",{"title":2172,"path":2173,"stem":2174},"Atomic Design","/javascript/atomic-design","03.javascript/2.atomic-design",{"title":2176,"icon":2177,"path":2178,"stem":2179,"children":2180,"page":59},"Java","i-devicon-java","/java","04.java",[2181,2184,2187,2191,2195,2199],{"title":162,"path":2182,"stem":2183},"/java/data-mapper-part1","04.java/01.data-mapper-part1",{"title":166,"path":2185,"stem":2186},"/java/data-mapper-part2","04.java/02.data-mapper-part2",{"title":2188,"path":2189,"stem":2190},"Service Layer: Організація бізнес-логіки","/java/service-layer","04.java/03.service-layer",{"title":2192,"path":2193,"stem":2194},"Rich Domain Model та State Pattern","/java/rich-domain-model","04.java/04.rich-domain-model",{"title":2196,"path":2197,"stem":2198},"Патерни для складної бізнес-логіки","/java/business-logic-patterns","04.java/05.business-logic-patterns",{"title":2200,"path":2201,"stem":2202},"Обробка помилок та валідація","/java/error-handling-validation","04.java/06.error-handling-validation",{"title":2204,"icon":2205,"path":2206,"stem":2207,"children":2208,"page":59},"Бази даних","i-lucide-database","/databases","06.databases",[2209,2239,2262,2299,2328,2346,2380,2392,2401],{"title":2210,"icon":2211,"path":2212,"stem":2213,"children":2214,"page":59},"Intro","i-lucide-play","/databases/intro","06.databases/01.intro",[2215,2219,2223,2227,2231,2235],{"title":2216,"path":2217,"stem":2218},"Введення в теорію баз даних","/databases/intro/introduction-to-databases","06.databases/01.intro/01.introduction-to-databases",{"title":2220,"path":2221,"stem":2222},"Реляційна модель даних","/databases/intro/relational-model-theory","06.databases/01.intro/02.relational-model-theory",{"title":2224,"path":2225,"stem":2226},"ER-моделювання","/databases/intro/er-modeling","06.databases/01.intro/03.er-modeling",{"title":2228,"path":2229,"stem":2230},"Логічне проектування БД","/databases/intro/logical-schema","06.databases/01.intro/04.logical-schema",{"title":2232,"path":2233,"stem":2234},"Класифікація таблиць","/databases/intro/table-classification","06.databases/01.intro/05.table-classification",{"title":2236,"path":2237,"stem":2238},"PlantUML для баз даних","/databases/intro/plantuml-diagrams","06.databases/01.intro/06.plantuml-diagrams",{"title":2240,"icon":2205,"path":2241,"stem":2242,"children":2243,"page":59},"MS SQL Server Start","/databases/ms-sql-server-start","06.databases/02.ms-sql-server-start",[2244,2248,2254,2258],{"title":2245,"path":2246,"stem":2247},"Типи даних у MS SQL Server","/databases/ms-sql-server-start/data-types","06.databases/02.ms-sql-server-start/01.data-types",{"title":2249,"path":2250,"stem":2251,"children":2252},"Індекси у MS SQL Server","/databases/ms-sql-server-start/sql-indexes","06.databases/02.ms-sql-server-start/02.sql-indexes",[2253],{"title":2249,"path":2250,"stem":2251},{"title":2255,"path":2256,"stem":2257},"Системні бази даних MS SQL Server","/databases/ms-sql-server-start/system-databases","06.databases/02.ms-sql-server-start/03.system-databases",{"title":2259,"path":2260,"stem":2261},"Огляд мови SQL та запитів","/databases/ms-sql-server-start/sql-queries-overview","06.databases/02.ms-sql-server-start/04.sql-queries-overview",{"title":2263,"icon":2205,"path":2264,"stem":2265,"children":2266,"page":59},"SQL","/databases/sql","06.databases/03.sql",[2267,2271,2275,2279,2283,2287,2291,2295],{"title":2268,"path":2269,"stem":2270},"Налаштування демонстраційної бази даних","/databases/sql/sample-database-setup","06.databases/03.sql/00.sample-database-setup",{"title":2272,"path":2273,"stem":2274},"DDL - Створення таблиць (CREATE TABLE)","/databases/sql/ddl-create-table","06.databases/03.sql/01.ddl-create-table",{"title":2276,"path":2277,"stem":2278},"DDL - Зміна та видалення таблиць (ALTER, DROP)","/databases/sql/ddl-alter-drop-table","06.databases/03.sql/02.ddl-alter-drop-table",{"title":2280,"path":2281,"stem":2282},"SELECT запити - Основи","/databases/sql/select-queries-fundamentals","06.databases/03.sql/03.select-queries-fundamentals",{"title":2284,"path":2285,"stem":2286},"SELECT запити - Розширені можливості","/databases/sql/select-queries-advanced","06.databases/03.sql/04.select-queries-advanced",{"title":2288,"path":2289,"stem":2290},"INSERT запити - Додавання даних","/databases/sql/insert-queries","06.databases/03.sql/05.insert-queries",{"title":2292,"path":2293,"stem":2294},"UPDATE та DELETE запити","/databases/sql/update-delete-queries","06.databases/03.sql/06.update-delete-queries",{"title":2296,"path":2297,"stem":2298},"Транзакції в SQL","/databases/sql/transactions","06.databases/03.sql/07.transactions",{"title":2300,"icon":2205,"path":2301,"stem":2302,"children":2303,"page":59},"Multi Table Databases","/databases/multi-table-databases","06.databases/04.multi-table-databases",[2304,2308,2312,2316,2320,2324],{"title":2305,"path":2306,"stem":2307},"Зв'язки та нормалізація БД","/databases/multi-table-databases/relationships-and-normalization","06.databases/04.multi-table-databases/00.relationships-and-normalization",{"title":2309,"path":2310,"stem":2311},"INNER JOIN - З'єднання таблиць","/databases/multi-table-databases/inner-join","06.databases/04.multi-table-databases/01.inner-join",{"title":2313,"path":2314,"stem":2315},"OUTER JOINs - LEFT, RIGHT, FULL","/databases/multi-table-databases/outer-joins","06.databases/04.multi-table-databases/02.outer-joins",{"title":2317,"path":2318,"stem":2319},"CROSS та SELF JOINs","/databases/multi-table-databases/cross-self-joins","06.databases/04.multi-table-databases/03.cross-self-joins",{"title":2321,"path":2322,"stem":2323},"Підзапити (Subqueries)","/databases/multi-table-databases/subqueries","06.databases/04.multi-table-databases/04.subqueries",{"title":2325,"path":2326,"stem":2327},"Агрегації з JOIN","/databases/multi-table-databases/aggregations-with-joins","06.databases/04.multi-table-databases/05.aggregations-with-joins",{"title":2329,"icon":2330,"path":2331,"stem":2332,"children":2333,"page":59},"Aggregate Functions","i-lucide-calculator","/databases/aggregate-functions","06.databases/05.aggregate-functions",[2334,2338,2342],{"title":2335,"path":2336,"stem":2337},"Функції агрегування в MS SQL Server","/databases/aggregate-functions/introduction-aggregate-functions","06.databases/05.aggregate-functions/01.introduction-aggregate-functions",{"title":2339,"path":2340,"stem":2341},"Групування даних в MS SQL Server","/databases/aggregate-functions/grouping-data","06.databases/05.aggregate-functions/02.grouping-data",{"title":2343,"path":2344,"stem":2345},"Підзапити з агрегатними функціями","/databases/aggregate-functions/subqueries-aggregates","06.databases/05.aggregate-functions/03.subqueries-aggregates",{"title":2347,"icon":2348,"path":2349,"stem":2350,"children":2351,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","/databases/triggers-stored-procedures","06.databases/07.triggers-stored-procedures",[2352,2356,2360,2364,2368,2372,2376],{"title":2353,"path":2354,"stem":2355},"DML-тригери","/databases/triggers-stored-procedures/dml-triggers","06.databases/07.triggers-stored-procedures/01.dml-triggers",{"title":2357,"path":2358,"stem":2359},"DDL-тригери","/databases/triggers-stored-procedures/ddl-triggers","06.databases/07.triggers-stored-procedures/02.ddl-triggers",{"title":2361,"path":2362,"stem":2363},"Transact-SQL розширення","/databases/triggers-stored-procedures/transact-sql-extensions","06.databases/07.triggers-stored-procedures/03.transact-sql-extensions",{"title":2365,"path":2366,"stem":2367},"Транзакції","/databases/triggers-stored-procedures/transactions","06.databases/07.triggers-stored-procedures/04.transactions",{"title":2369,"path":2370,"stem":2371},"Зберігаємі процедури","/databases/triggers-stored-procedures/stored-procedures","06.databases/07.triggers-stored-procedures/05.stored-procedures",{"title":2373,"path":2374,"stem":2375},"Користувацькі функції","/databases/triggers-stored-procedures/user-defined-functions","06.databases/07.triggers-stored-procedures/06.user-defined-functions",{"title":2377,"path":2378,"stem":2379},"Безпека баз даних","/databases/triggers-stored-procedures/security","06.databases/07.triggers-stored-procedures/08.security",{"title":2377,"icon":793,"path":2381,"stem":2382,"children":2383,"page":59},"/databases/security","06.databases/08.security",[2384,2388],{"title":2385,"path":2386,"stem":2387},"Вступ до безпеки баз даних","/databases/security/introduction","06.databases/08.security/01.introduction",{"title":2389,"path":2390,"stem":2391},"Системні представлення та метадані","/databases/security/system-views","06.databases/08.security/02.system-views",{"title":2393,"icon":2394,"path":2395,"stem":2396,"children":2397,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","/databases/backup-recovery","06.databases/09.backup-recovery",[2398],{"title":2393,"path":2399,"stem":2400},"/databases/backup-recovery/backup-restore","06.databases/09.backup-recovery/01.backup-restore",{"title":2402,"icon":2403,"path":2404,"stem":2405,"children":2406,"page":59},"Повнотекстовий пошук","i-lucide-search","/databases/full-text-search","06.databases/10.full-text-search",[2407],{"title":2402,"path":2408,"stem":2409},"/databases/full-text-search/full-text-search","06.databases/10.full-text-search/01.full-text-search",{"title":2411,"icon":2412,"path":2413,"stem":2414,"children":2415,"page":59},"Tools","i-lucide-wrench","/tools","07.tools",[2416],{"title":2417,"icon":2418,"path":2419,"stem":2420,"children":2421},"Docker","i-simple-icons-docker","/tools/docker","07.tools/01.docker/index",[2422,2424,2428,2432,2436,2440,2444,2448,2452,2456,2460,2464,2468,2472],{"title":2423,"path":2419,"stem":2420},"Docker: від нуля до production",{"title":2425,"path":2426,"stem":2427},"Контейнеризація — від проблеми до рішення","/tools/docker/containerization-concept","07.tools/01.docker/01.containerization-concept",{"title":2429,"path":2430,"stem":2431},"Docker — що це і навіщо?","/tools/docker/docker-what-and-why","07.tools/01.docker/02.docker-what-and-why",{"title":2433,"path":2434,"stem":2435},"Архітектура Docker Engine","/tools/docker/docker-architecture","07.tools/01.docker/03.docker-architecture",{"title":2437,"path":2438,"stem":2439},"Встановлення Docker","/tools/docker/installation","07.tools/01.docker/04.installation",{"title":2441,"path":2442,"stem":2443},"Перший контейнер — docker run","/tools/docker/first-container","07.tools/01.docker/05.first-container",{"title":2445,"path":2446,"stem":2447},"Життєвий цикл контейнера","/tools/docker/container-lifecycle","07.tools/01.docker/06.container-lifecycle",{"title":2449,"path":2450,"stem":2451},"Docker Images — фундаментальні концепції","/tools/docker/docker-images-fundamentals","07.tools/01.docker/07.docker-images-fundamentals",{"title":2453,"path":2454,"stem":2455},"Dockerfile — основи","/tools/docker/dockerfile-basics","07.tools/01.docker/08.dockerfile-basics",{"title":2457,"path":2458,"stem":2459},"Dockerfile — просунуті техніки","/tools/docker/dockerfile-advanced","07.tools/01.docker/09.dockerfile-advanced",{"title":2461,"path":2462,"stem":2463},"Build Context та кешування шарів","/tools/docker/build-context-and-cache","07.tools/01.docker/10.build-context-and-cache",{"title":2465,"path":2466,"stem":2467},"Реєстри Docker-образів","/tools/docker/image-registries","07.tools/01.docker/11.image-registries",{"title":2469,"path":2470,"stem":2471},"Контейнеризація .NET додатків","/tools/docker/dotnet-containerization","07.tools/01.docker/12.dotnet-containerization",{"title":2473,"path":2474,"stem":2475},"Томи та збереження даних","/tools/docker/volumes-and-data","07.tools/01.docker/13.volumes-and-data",{"title":2477,"icon":2478,"path":2479,"stem":2480,"children":2481,"page":59},"Software Engineering","i-lucide-code-2","/software-engineering","09.software-engineering",[2482,2486,2490,2494,2498,2502,2506,2510,2514,2518,2522],{"title":2483,"path":2484,"stem":2485},"1. Аналіз предметної області. Експертні знання та складність","/software-engineering/intro.subdomains","09.software-engineering/01.intro.subdomains",{"title":2487,"path":2488,"stem":2489},"2. Обмежені контексти. Інтеграція обмежених контекстів","/software-engineering/integrating-limited-contexts","09.software-engineering/02.integrating-limited-contexts",{"title":2491,"path":2492,"stem":2493},"3. Реалізація простої бізнес-логіки","/software-engineering/simple","09.software-engineering/03.simple",{"title":2495,"path":2496,"stem":2497},"4. Опрацювання складної бізнес-логіки","/software-engineering/complex-business-logic","09.software-engineering/04.complex-business-logic",{"title":2499,"path":2500,"stem":2501},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","/software-engineering/modelling-the-time-factor","09.software-engineering/05.modelling-the-time-factor",{"title":2503,"path":2504,"stem":2505},"6. Архітектурні патерни","/software-engineering/architectural-patterns","09.software-engineering/06.architectural-patterns",{"title":2507,"path":2508,"stem":2509},"Паттерни взаємодії","/software-engineering/patterns-of-interaction","09.software-engineering/07.patterns-of-interaction",{"title":2511,"path":2512,"stem":2513},"Евристика проєктування","/software-engineering/design-heuristics","09.software-engineering/08.design-heuristics",{"title":2515,"path":2516,"stem":2517},"Еволюція проєктних рішень","/software-engineering/evolution-of-design-solutions","09.software-engineering/09.evolution-of-design-solutions",{"title":2519,"path":2520,"stem":2521},"EventStorming","/software-engineering/eventstorming","09.software-engineering/10.eventstorming",{"title":2523,"path":2524,"stem":2525},"DDD на практиці","/software-engineering/ddd-in-practice","09.software-engineering/11.ddd-in-practice",{"title":2527,"icon":943,"path":2528,"stem":2529,"children":2530,"page":59},"DDD","/ddd","10.ddd",[2531,2535,2539,2543,2547,2551,2555,2559,2563,2567,2571,2575,2579],{"title":2532,"path":2533,"stem":2534},"Аналіз предметної області","/ddd/domain-analysis","10.ddd/01.domain-analysis",{"title":2536,"path":2537,"stem":2538},"Експертні знання про предметну область","/ddd/domain-expert-knowledge","10.ddd/02.domain-expert-knowledge",{"title":2540,"path":2541,"stem":2542},"Як осмислити складність предметної області","/ddd/managing-domain-complexity","10.ddd/03.managing-domain-complexity",{"title":2544,"path":2545,"stem":2546},"Інтеграція обмежених контекстів","/ddd/bounded-context-integration","10.ddd/04.bounded-context-integration",{"title":2548,"path":2549,"stem":2550},"Реалізація простої бізнес-логіки","/ddd/simple-business-logic","10.ddd/05.simple-business-logic",{"title":2552,"path":2553,"stem":2554},"Обробка складної бізнес-логіки","/ddd/complex-business-logic","10.ddd/06.complex-business-logic",{"title":2556,"path":2557,"stem":2558},"Моделювання фактора часу","/ddd/time-modeling","10.ddd/07.time-modeling",{"title":2560,"path":2561,"stem":2562},"Глава 8. Архітектурні Патерни","/ddd/architectural-patterns","10.ddd/08.architectural-patterns",{"title":2564,"path":2565,"stem":2566},"Глава 9. Патерни Взаємодії","/ddd/interaction-patterns","10.ddd/09.interaction-patterns",{"title":2568,"path":2569,"stem":2570},"Глава 10. Проектні Евристики","/ddd/design-heuristics","10.ddd/10.design-heuristics",{"title":2572,"path":2573,"stem":2574},"Глава 11. Еволюція Проектних Рішень","/ddd/evolution-of-design-decisions","10.ddd/11.evolution-of-design-decisions",{"title":2576,"path":2577,"stem":2578},"Глава 12. EventStorming","/ddd/event-storming","10.ddd/12.event-storming",{"title":2580,"path":2581,"stem":2582},"Глава 13. DDD на Практиці","/ddd/ddd-in-practice","10.ddd/13.ddd-in-practice",{"title":2584,"icon":2585,"path":2586,"stem":2587,"children":2588,"page":59},"Media Streaming","i-lucide-video","/media-streaming","11.media-streaming",[2589,2593,2597,2601,2605,2609,2613],{"title":2590,"path":2591,"stem":2592},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","/media-streaming/introduction","11.media-streaming/01.introduction",{"title":2594,"path":2595,"stem":2596},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","/media-streaming/audio-video-anatomy","11.media-streaming/02.audio-video-anatomy",{"title":2598,"path":2599,"stem":2600},"03. The Gym: FFmpeg Deep Dive","/media-streaming/ffmpeg-gym","11.media-streaming/03.ffmpeg-gym",{"title":2602,"path":2603,"stem":2604},"04. HLS Protocol: HTTP Live Streaming у Деталях","/media-streaming/hls-protocol","11.media-streaming/04.hls-protocol",{"title":2606,"path":2607,"stem":2608},"05. DASH Protocol: Відкритий Стандарт","/media-streaming/dash-protocol","11.media-streaming/05.dash-protocol",{"title":2610,"path":2611,"stem":2612},"06. Масштабування: CDN та Adaptive Bitrate","/media-streaming/cdn-and-adaptive-bitrate","11.media-streaming/06.cdn-and-adaptive-bitrate",{"title":2614,"path":2615,"stem":2616},"07. Війна із Затримкою (Latency)","/media-streaming/realtime-latency","11.media-streaming/07.realtime-latency",{"title":2618,"icon":2619,"path":2620,"stem":2621,"children":2622,"page":59},"HTML & CSS","i-devicon-html5","/html-css","12.html-css",[2623,2627,2631,2635,2639,2643,2647,2651,2655,2659,2663,2667,2671,2675,2679,2683,2687,2691,2695,2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739],{"title":2624,"path":2625,"stem":2626},"Вступ до HTML. Структура документа","/html-css/intro-html-structure","12.html-css/01.intro-html-structure",{"title":2628,"path":2629,"stem":2630},"Форматування тексту в HTML","/html-css/html-text-formatting","12.html-css/02.html-text-formatting",{"title":2632,"path":2633,"stem":2634},"Посилання та зображення в HTML","/html-css/html-links-images","12.html-css/03.html-links-images",{"title":2636,"path":2637,"stem":2638},"Списки та таблиці в HTML","/html-css/html-lists-tables","12.html-css/04.html-lists-tables",{"title":2640,"path":2641,"stem":2642},"Форми в HTML","/html-css/html-forms","12.html-css/05.html-forms",{"title":2644,"path":2645,"stem":2646},"Семантичні елементи HTML5","/html-css/html-semantic-elements","12.html-css/06.html-semantic-elements",{"title":2648,"path":2649,"stem":2650},"Мультимедіа та розширені елементи HTML","/html-css/html-multimedia-advanced","12.html-css/07.html-multimedia-advanced",{"title":2652,"path":2653,"stem":2654},"Мікророзмітка та SEO в HTML","/html-css/html-microdata-seo","12.html-css/08.html-microdata-seo",{"title":2656,"path":2657,"stem":2658},"Вступ до CSS. Селектори та специфічність","/html-css/css-intro-selectors","12.html-css/09.css-intro-selectors",{"title":2660,"path":2661,"stem":2662},"Блокова модель CSS. Відступи. Box Sizing","/html-css/css-box-model","12.html-css/10.css-box-model",{"title":2664,"path":2665,"stem":2666},"Розміри у CSS: повний довідник одиниць і ключових слів","/html-css/10a.css-sizing","12.html-css/10a.css-sizing",{"title":2668,"path":2669,"stem":2670},"Типографіка в CSS. Шрифти та текст","/html-css/css-typography","12.html-css/11.css-typography",{"title":2672,"path":2673,"stem":2674},"Кольори та фони в CSS","/html-css/css-colors-backgrounds","12.html-css/12.css-colors-backgrounds",{"title":2676,"path":2677,"stem":2678},"Тіні та фільтри в CSS","/html-css/12b.css-shadows-filters","12.html-css/12b.css-shadows-filters",{"title":2680,"path":2681,"stem":2682},"CSS Flexbox: Фундамент гнучких макетів","/html-css/css-flexbox-fundamentals","12.html-css/13.css-flexbox-fundamentals",{"title":2684,"path":2685,"stem":2686},"CSS Flexbox: Вирівнювання та Позиціонування","/html-css/css-flexbox-alignment-sizing-and-patterns","12.html-css/14.css-flexbox-alignment-sizing-and-patterns",{"title":2688,"path":2689,"stem":2690},"CSS Grid. Двовимірний макет. Частина 1","/html-css/css-layout-grid","12.html-css/15.css-layout-grid",{"title":2692,"path":2693,"stem":2694},"CSS Grid. Двовимірний макет. Частина 2","/html-css/css-layout-grid-advanced","12.html-css/16.css-layout-grid-advanced",{"title":2696,"path":2697,"stem":2698},"Позиціонування в CSS. Z-index. Stacking Context","/html-css/css-positioning","12.html-css/17.css-positioning",{"title":2700,"path":2701,"stem":2702},"CSS Анімації та Переходи","/html-css/css-animations-transitions","12.html-css/18.css-animations-transitions",{"title":2704,"path":2705,"stem":2706},"Адаптивний дизайн. Media Queries. Частина 1","/html-css/css-responsive-media-queries","12.html-css/19.css-responsive-media-queries",{"title":2708,"path":2709,"stem":2710},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","/html-css/css-responsive-advanced","12.html-css/20.css-responsive-advanced",{"title":2712,"path":2713,"stem":2714},"CSS Custom Properties. Методології. Сучасний CSS","/html-css/css-variables-methodologies","12.html-css/21.css-variables-methodologies",{"title":2716,"path":2717,"stem":2718},"Сучасний CSS 2023–2025: Нові можливості","/html-css/css-modern-features","12.html-css/22.css-modern-features",{"title":2720,"path":2721,"stem":2722},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","/html-css/22a.css-nesting-modern-syntax","12.html-css/22a.css-nesting-modern-syntax",{"title":2724,"path":2725,"stem":2726},"CSS для форм та інтерактивних станів","/html-css/css-forms-interactive-states","12.html-css/23.css-forms-interactive-states",{"title":2728,"path":2729,"stem":2730},"Доступність у CSS (CSS Accessibility)","/html-css/css-accessibility","12.html-css/24.css-accessibility",{"title":2732,"path":2733,"stem":2734},"CSS-функції та сучасні sizing primitives","/html-css/css-functions-sizing","12.html-css/25.css-functions-sizing",{"title":2736,"path":2737,"stem":2738},"Rendering Pipeline і CSS Performance","/html-css/css-rendering-performance","12.html-css/26.css-rendering-performance",{"title":2740,"path":2741,"stem":2742},"CSS Best Practices: типові ситуації та правильні рішення","/html-css/css-best-practices","12.html-css/27.css-best-practices",{"title":2744,"path":2745,"stem":2746,"children":2747,"page":59},"Tailwind","/tailwind","21.tailwind",[2748,2752,2756,2760,2764,2768,2772,2776],{"title":2749,"path":2750,"stem":2751},"Що таке Tailwind CSS і навіщо він потрібен","/tailwind/tailwind-intro-philosophy","21.tailwind/01.tailwind-intro-philosophy",{"title":2753,"path":2754,"stem":2755},"Встановлення та налаштування Tailwind CSS v4","/tailwind/tailwind-installation-setup","21.tailwind/02.tailwind-installation-setup",{"title":2757,"path":2758,"stem":2759},"Utility-класи: основи та система Tailwind","/tailwind/tailwind-utility-classes-core","21.tailwind/03.tailwind-utility-classes-core",{"title":2761,"path":2762,"stem":2763},"Layout: Flexbox та Grid через Tailwind","/tailwind/tailwind-flexbox-grid","21.tailwind/04.tailwind-flexbox-grid",{"title":2765,"path":2766,"stem":2767},"Кастомізація теми через @theme у Tailwind v4","/tailwind/tailwind-theme-customization","21.tailwind/05.tailwind-theme-customization",{"title":2769,"path":2770,"stem":2771},"Варіанти: hover, focus, responsive, dark mode та нові v4","/tailwind/tailwind-variants-states","21.tailwind/06.tailwind-variants-states",{"title":2773,"path":2774,"stem":2775},"Типографіка та система кольорів у Tailwind v4","/tailwind/tailwind-typography-colors","21.tailwind/07.tailwind-typography-colors",{"title":2777,"path":2778,"stem":2779},"Компоненти та повторюваність: @apply, @utility та патерни","/tailwind/tailwind-components-patterns","21.tailwind/08.tailwind-components-patterns",{"title":2781,"path":2782,"stem":2783},"Showcase Компонентів kostyl.dev","/test-new-components","98.test-new-components",{"id":2785,"title":2724,"body":2786,"description":16240,"extension":16241,"links":16242,"meta":16243,"navigation":3046,"path":2725,"seo":16244,"stem":2726,"__hash__":16245},"docs/12.html-css/23.css-forms-interactive-states.md",{"type":2787,"value":2788,"toc":16209},"minimark",[2789,2793,2798,2816,2846,2849,2922,2925,2934,2942,2952,3125,3140,3146,3167,4614,4616,4620,4627,4639,4690,4695,5681,5694,7216,7230,7243,8304,8306,8312,8320,9410,9412,9416,9429,12172,12174,12178,12189,13320,13322,13326,13339,14680,14682,14686,15979,15981,15985,16141,16143,16147,16205],[2790,2791,2724],"h1",{"id":2792},"css-для-форм-та-інтерактивних-станів",[2794,2795,2797],"h2",{"id":2796},"форми-найстресовіша-частина-верстки","Форми — найстресовіша частина верстки",[2799,2800,2801,2802,2806,2807,2811,2812,2815],"p",{},"«Зробіть форму гарною» — це речення, яке розробники та дизайнери трактують діаметрально протилежно. Дизайнер бачить чисті, мінімалістичні поля з плавними переходами. Розробник знає правду: браузери мають глибоко вкорінені стилі форм, які ",[2803,2804,2805],"strong",{},"активно опираються"," CSS. Checkbox на macOS виглядає інакше, ніж на Windows. ",[2808,2809,2810],"code",{},"\u003Cselect>"," майже неможливо стилізувати. ",[2808,2813,2814],{},"\u003Cinput type=\"range\">"," — окремий кошмар.",[2799,2817,2818,2819,2822,2823,2826,2827,2826,2830,2833,2834,2837,2838,2841,2842,2845],{},"До 2021 року єдиним шляхом була повна заміна нативних елементів на ",[2808,2820,2821],{},"div","-обгортки з JavaScript. Тепер CSS надає справжні нативні інструменти: ",[2808,2824,2825],{},"accent-color",", ",[2808,2828,2829],{},"appearance",[2808,2831,2832],{},"field-sizing",", псевдокласи ",[2808,2835,2836],{},":user-valid","/",[2808,2839,2840],{},":user-invalid",", потужний ",[2808,2843,2844],{},":has()"," для реактивних форм.",[2799,2847,2848],{},"Розберемо все по порядку — від базових станів до просунутих патернів.",[2850,2851,2852],"mermaid",{},[2853,2854,2858],"pre",{"className":2855,"code":2856,"language":2850,"meta":2857,"style":2857},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","graph TD\n    A[\"HTML Form Element\"] --> B[\"Базові стани\\n:focus :hover :disabled\"]\n    A --> C[\"Валідаційні стани\\n:valid :invalid :user-valid\"]\n    A --> D[\"Стани вмісту\\n:checked :placeholder-shown\\n:read-only :required\"]\n    A --> E[\":has() — реакція батька\\nна стан дочірнього\"]\n    B --> F[\"Кастомний дизайн\\nappearance: none\\naccent-color\"]\n    C --> G[\"CSS-only валідація\\nбез JavaScript\"]\n    style A fill:#6366f1,color:#fff\n    style F fill:#10b981,color:#fff\n    style G fill:#ec4899,color:#fff\n","",[2808,2859,2860,2868,2874,2880,2886,2892,2898,2904,2910,2916],{"__ignoreMap":2857},[2861,2862,2865],"span",{"class":2863,"line":2864},"line",1,[2861,2866,2867],{},"graph TD\n",[2861,2869,2871],{"class":2863,"line":2870},2,[2861,2872,2873],{},"    A[\"HTML Form Element\"] --> B[\"Базові стани\\n:focus :hover :disabled\"]\n",[2861,2875,2877],{"class":2863,"line":2876},3,[2861,2878,2879],{},"    A --> C[\"Валідаційні стани\\n:valid :invalid :user-valid\"]\n",[2861,2881,2883],{"class":2863,"line":2882},4,[2861,2884,2885],{},"    A --> D[\"Стани вмісту\\n:checked :placeholder-shown\\n:read-only :required\"]\n",[2861,2887,2889],{"class":2863,"line":2888},5,[2861,2890,2891],{},"    A --> E[\":has() — реакція батька\\nна стан дочірнього\"]\n",[2861,2893,2895],{"class":2863,"line":2894},6,[2861,2896,2897],{},"    B --> F[\"Кастомний дизайн\\nappearance: none\\naccent-color\"]\n",[2861,2899,2901],{"class":2863,"line":2900},7,[2861,2902,2903],{},"    C --> G[\"CSS-only валідація\\nбез JavaScript\"]\n",[2861,2905,2907],{"class":2863,"line":2906},8,[2861,2908,2909],{},"    style A fill:#6366f1,color:#fff\n",[2861,2911,2913],{"class":2863,"line":2912},9,[2861,2914,2915],{},"    style F fill:#10b981,color:#fff\n",[2861,2917,2919],{"class":2863,"line":2918},10,[2861,2920,2921],{},"    style G fill:#ec4899,color:#fff\n",[2923,2924],"hr",{},[2794,2926,2928,2929,2931,2932],{"id":2927},"скидання-стилів-браузера-appearance-і-accent-color","Скидання стилів браузера: ",[2808,2930,2829],{}," і ",[2808,2933,2825],{},[2935,2936,2938,2941],"h3",{"id":2937},"appearance-none-чистий-аркуш",[2808,2939,2940],{},"appearance: none"," — чистий аркуш",[2799,2943,2944,2945,2948,2949,2951],{},"Кожен браузер має власний ",[2803,2946,2947],{},"User Agent Stylesheet"," — набір дефолтних стилів для всіх HTML-елементів. Для форм ці стилі особливо агресивні та важко перевизначаються. ",[2808,2950,2940],{}," каже браузеру: «анулюй всі свої нативні стилі для цього елемента».",[2853,2953,2957],{"className":2954,"code":2955,"language":2956,"meta":2857,"style":2857},"language-css shiki shiki-themes light-plus dark-plus dark-plus","/* Скидання для кнопок */\nbutton {\n  appearance: none;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font: inherit;\n}\n\n/* Скидання для inputs */\ninput, textarea, select {\n  appearance: none;\n  border: none;\n  outline: none; /* потім додамо власний outline! */\n  font: inherit;\n}\n","css",[2808,2958,2959,2965,2975,2991,3002,3013,3025,3037,3042,3048,3053,3071,3082,3093,3109,3120],{"__ignoreMap":2857},[2861,2960,2961],{"class":2863,"line":2864},[2861,2962,2964],{"class":2963},"spJ8K","/* Скидання для кнопок */\n",[2861,2966,2967,2971],{"class":2863,"line":2870},[2861,2968,2970],{"class":2969},"sqdDX","button",[2861,2972,2974],{"class":2973},"sHH4Y"," {\n",[2861,2976,2977,2981,2984,2988],{"class":2863,"line":2876},[2861,2978,2980],{"class":2979},"sa4r_","  appearance",[2861,2982,2983],{"class":2973},": ",[2861,2985,2987],{"class":2986},"sDUd3","none",[2861,2989,2990],{"class":2973},";\n",[2861,2992,2993,2996,2998,3000],{"class":2863,"line":2882},[2861,2994,2995],{"class":2979},"  border",[2861,2997,2983],{"class":2973},[2861,2999,2987],{"class":2986},[2861,3001,2990],{"class":2973},[2861,3003,3004,3007,3009,3011],{"class":2863,"line":2888},[2861,3005,3006],{"class":2979},"  background",[2861,3008,2983],{"class":2973},[2861,3010,2987],{"class":2986},[2861,3012,2990],{"class":2973},[2861,3014,3015,3018,3020,3023],{"class":2863,"line":2894},[2861,3016,3017],{"class":2979},"  cursor",[2861,3019,2983],{"class":2973},[2861,3021,3022],{"class":2986},"pointer",[2861,3024,2990],{"class":2973},[2861,3026,3027,3030,3032,3035],{"class":2863,"line":2900},[2861,3028,3029],{"class":2979},"  font",[2861,3031,2983],{"class":2973},[2861,3033,3034],{"class":2986},"inherit",[2861,3036,2990],{"class":2973},[2861,3038,3039],{"class":2863,"line":2906},[2861,3040,3041],{"class":2973},"}\n",[2861,3043,3044],{"class":2863,"line":2912},[2861,3045,3047],{"emptyLinePlaceholder":3046},true,"\n",[2861,3049,3050],{"class":2863,"line":2918},[2861,3051,3052],{"class":2963},"/* Скидання для inputs */\n",[2861,3054,3056,3059,3061,3064,3066,3069],{"class":2863,"line":3055},11,[2861,3057,3058],{"class":2969},"input",[2861,3060,2826],{"class":2973},[2861,3062,3063],{"class":2969},"textarea",[2861,3065,2826],{"class":2973},[2861,3067,3068],{"class":2969},"select",[2861,3070,2974],{"class":2973},[2861,3072,3074,3076,3078,3080],{"class":2863,"line":3073},12,[2861,3075,2980],{"class":2979},[2861,3077,2983],{"class":2973},[2861,3079,2987],{"class":2986},[2861,3081,2990],{"class":2973},[2861,3083,3085,3087,3089,3091],{"class":2863,"line":3084},13,[2861,3086,2995],{"class":2979},[2861,3088,2983],{"class":2973},[2861,3090,2987],{"class":2986},[2861,3092,2990],{"class":2973},[2861,3094,3096,3099,3101,3103,3106],{"class":2863,"line":3095},14,[2861,3097,3098],{"class":2979},"  outline",[2861,3100,2983],{"class":2973},[2861,3102,2987],{"class":2986},[2861,3104,3105],{"class":2973},"; ",[2861,3107,3108],{"class":2963},"/* потім додамо власний outline! */\n",[2861,3110,3112,3114,3116,3118],{"class":2863,"line":3111},15,[2861,3113,3029],{"class":2979},[2861,3115,2983],{"class":2973},[2861,3117,3034],{"class":2986},[2861,3119,2990],{"class":2973},[2861,3121,3123],{"class":2863,"line":3122},16,[2861,3124,3041],{"class":2973},[3126,3127,3128,3129,3131,3132,3135,3136,3139],"warning",{},"Після ",[2808,3130,2940],{}," не забудьте додати ",[2803,3133,3134],{},"власний"," ",[2808,3137,3138],{},":focus-visible"," стиль. Видалення дефолтного outline без заміни — порушення доступності. Людям, що навігують клавіатурою, потрібен видимий індикатор фокусу.",[2935,3141,3143,3145],{"id":3142},"accent-color-найпростіший-спосіб-стилізувати-форми",[2808,3144,2825],{}," — найпростіший спосіб стилізувати форми",[2799,3147,3148,3150,3151,2826,3154,2826,3157,2826,3160,3163,3164,3166],{},[2808,3149,2825],{}," — однорядкова властивість, яка змінює колір нативних форм-елементів: ",[2808,3152,3153],{},"checkbox",[2808,3155,3156],{},"radio",[2808,3158,3159],{},"range",[2808,3161,3162],{},"progress",". Не ідеально, але буквально одна рядок замінює сотні рядків CSS з ",[2808,3165,2940],{},".",[3168,3169,3170,3920],"html-preview",{},[2853,3171,3175],{"className":3172,"code":3173,"language":3174,"meta":2857,"style":2857},"language-html shiki shiki-themes light-plus dark-plus dark-plus","\u003Cdiv class=\"accent-demo\">\n  \u003Cp class=\"accent-title\">accent-color: #6366f1 — одна властивість для всіх\u003C/p>\n  \u003Cdiv class=\"accent-grid\">\n    \u003Clabel class=\"accent-item\">\n      \u003Cinput type=\"checkbox\" checked> Checkbox checked\n    \u003C/label>\n    \u003Clabel class=\"accent-item\">\n      \u003Cinput type=\"checkbox\"> Checkbox unchecked\n    \u003C/label>\n    \u003Clabel class=\"accent-item\">\n      \u003Cinput type=\"radio\" name=\"r1\" checked> Radio checked\n    \u003C/label>\n    \u003Clabel class=\"accent-item\">\n      \u003Cinput type=\"radio\" name=\"r1\"> Radio unchecked\n    \u003C/label>\n    \u003Clabel class=\"accent-item accent-item--full\">\n      \u003Cspan>Range slider\u003C/span>\n      \u003Cinput type=\"range\" value=\"65\">\n    \u003C/label>\n    \u003Clabel class=\"accent-item accent-item--full\">\n      \u003Cspan>Progress\u003C/span>\n      \u003Cprogress value=\"65\" max=\"100\">\u003C/progress>\n    \u003C/label>\n  \u003C/div>\n  \u003Cdiv class=\"accent-compare\">\n    \u003Cdiv class=\"accent-block a1\">\n      \u003Cp>accent-color: #6366f1\u003C/p>\n      \u003Cinput type=\"checkbox\" checked>\n      \u003Cinput type=\"radio\" checked name=\"r2\">\n      \u003Cinput type=\"range\" value=\"50\">\n    \u003C/div>\n    \u003Cdiv class=\"accent-block a2\">\n      \u003Cp>accent-color: #10b981\u003C/p>\n      \u003Cinput type=\"checkbox\" checked>\n      \u003Cinput type=\"radio\" checked name=\"r3\">\n      \u003Cinput type=\"range\" value=\"50\">\n    \u003C/div>\n    \u003Cdiv class=\"accent-block a3\">\n      \u003Cp>accent-color: #ec4899\u003C/p>\n      \u003Cinput type=\"checkbox\" checked>\n      \u003Cinput type=\"radio\" checked name=\"r4\">\n      \u003Cinput type=\"range\" value=\"50\">\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n","html",[2808,3176,3177,3199,3226,3241,3258,3281,3290,3304,3321,3329,3343,3371,3379,3393,3416,3424,3439,3457,3481,3490,3505,3523,3551,3560,3570,3586,3602,3620,3637,3661,3683,3692,3708,3726,3743,3767,3788,3797,3813,3831,3848,3872,3893,3902,3911],{"__ignoreMap":2857},[2861,3178,3179,3183,3186,3189,3192,3196],{"class":2863,"line":2864},[2861,3180,3182],{"class":3181},"s0P7L","\u003C",[2861,3184,2821],{"class":3185},"sKtos",[2861,3187,3188],{"class":2979}," class",[2861,3190,3191],{"class":2973},"=",[2861,3193,3195],{"class":3194},"su9tN","\"accent-demo\"",[2861,3197,3198],{"class":3181},">\n",[2861,3200,3201,3204,3206,3208,3210,3213,3216,3219,3222,3224],{"class":2863,"line":2870},[2861,3202,3203],{"class":3181},"  \u003C",[2861,3205,2799],{"class":3185},[2861,3207,3188],{"class":2979},[2861,3209,3191],{"class":2973},[2861,3211,3212],{"class":3194},"\"accent-title\"",[2861,3214,3215],{"class":3181},">",[2861,3217,3218],{"class":2973},"accent-color: #6366f1 — одна властивість для всіх",[2861,3220,3221],{"class":3181},"\u003C/",[2861,3223,2799],{"class":3185},[2861,3225,3198],{"class":3181},[2861,3227,3228,3230,3232,3234,3236,3239],{"class":2863,"line":2876},[2861,3229,3203],{"class":3181},[2861,3231,2821],{"class":3185},[2861,3233,3188],{"class":2979},[2861,3235,3191],{"class":2973},[2861,3237,3238],{"class":3194},"\"accent-grid\"",[2861,3240,3198],{"class":3181},[2861,3242,3243,3246,3249,3251,3253,3256],{"class":2863,"line":2882},[2861,3244,3245],{"class":3181},"    \u003C",[2861,3247,3248],{"class":3185},"label",[2861,3250,3188],{"class":2979},[2861,3252,3191],{"class":2973},[2861,3254,3255],{"class":3194},"\"accent-item\"",[2861,3257,3198],{"class":3181},[2861,3259,3260,3263,3265,3268,3270,3273,3276,3278],{"class":2863,"line":2888},[2861,3261,3262],{"class":3181},"      \u003C",[2861,3264,3058],{"class":3185},[2861,3266,3267],{"class":2979}," type",[2861,3269,3191],{"class":2973},[2861,3271,3272],{"class":3194},"\"checkbox\"",[2861,3274,3275],{"class":2979}," checked",[2861,3277,3215],{"class":3181},[2861,3279,3280],{"class":2973}," Checkbox checked\n",[2861,3282,3283,3286,3288],{"class":2863,"line":2894},[2861,3284,3285],{"class":3181},"    \u003C/",[2861,3287,3248],{"class":3185},[2861,3289,3198],{"class":3181},[2861,3291,3292,3294,3296,3298,3300,3302],{"class":2863,"line":2900},[2861,3293,3245],{"class":3181},[2861,3295,3248],{"class":3185},[2861,3297,3188],{"class":2979},[2861,3299,3191],{"class":2973},[2861,3301,3255],{"class":3194},[2861,3303,3198],{"class":3181},[2861,3305,3306,3308,3310,3312,3314,3316,3318],{"class":2863,"line":2906},[2861,3307,3262],{"class":3181},[2861,3309,3058],{"class":3185},[2861,3311,3267],{"class":2979},[2861,3313,3191],{"class":2973},[2861,3315,3272],{"class":3194},[2861,3317,3215],{"class":3181},[2861,3319,3320],{"class":2973}," Checkbox unchecked\n",[2861,3322,3323,3325,3327],{"class":2863,"line":2912},[2861,3324,3285],{"class":3181},[2861,3326,3248],{"class":3185},[2861,3328,3198],{"class":3181},[2861,3330,3331,3333,3335,3337,3339,3341],{"class":2863,"line":2918},[2861,3332,3245],{"class":3181},[2861,3334,3248],{"class":3185},[2861,3336,3188],{"class":2979},[2861,3338,3191],{"class":2973},[2861,3340,3255],{"class":3194},[2861,3342,3198],{"class":3181},[2861,3344,3345,3347,3349,3351,3353,3356,3359,3361,3364,3366,3368],{"class":2863,"line":3055},[2861,3346,3262],{"class":3181},[2861,3348,3058],{"class":3185},[2861,3350,3267],{"class":2979},[2861,3352,3191],{"class":2973},[2861,3354,3355],{"class":3194},"\"radio\"",[2861,3357,3358],{"class":2979}," name",[2861,3360,3191],{"class":2973},[2861,3362,3363],{"class":3194},"\"r1\"",[2861,3365,3275],{"class":2979},[2861,3367,3215],{"class":3181},[2861,3369,3370],{"class":2973}," Radio checked\n",[2861,3372,3373,3375,3377],{"class":2863,"line":3073},[2861,3374,3285],{"class":3181},[2861,3376,3248],{"class":3185},[2861,3378,3198],{"class":3181},[2861,3380,3381,3383,3385,3387,3389,3391],{"class":2863,"line":3084},[2861,3382,3245],{"class":3181},[2861,3384,3248],{"class":3185},[2861,3386,3188],{"class":2979},[2861,3388,3191],{"class":2973},[2861,3390,3255],{"class":3194},[2861,3392,3198],{"class":3181},[2861,3394,3395,3397,3399,3401,3403,3405,3407,3409,3411,3413],{"class":2863,"line":3095},[2861,3396,3262],{"class":3181},[2861,3398,3058],{"class":3185},[2861,3400,3267],{"class":2979},[2861,3402,3191],{"class":2973},[2861,3404,3355],{"class":3194},[2861,3406,3358],{"class":2979},[2861,3408,3191],{"class":2973},[2861,3410,3363],{"class":3194},[2861,3412,3215],{"class":3181},[2861,3414,3415],{"class":2973}," Radio unchecked\n",[2861,3417,3418,3420,3422],{"class":2863,"line":3111},[2861,3419,3285],{"class":3181},[2861,3421,3248],{"class":3185},[2861,3423,3198],{"class":3181},[2861,3425,3426,3428,3430,3432,3434,3437],{"class":2863,"line":3122},[2861,3427,3245],{"class":3181},[2861,3429,3248],{"class":3185},[2861,3431,3188],{"class":2979},[2861,3433,3191],{"class":2973},[2861,3435,3436],{"class":3194},"\"accent-item accent-item--full\"",[2861,3438,3198],{"class":3181},[2861,3440,3442,3444,3446,3448,3451,3453,3455],{"class":2863,"line":3441},17,[2861,3443,3262],{"class":3181},[2861,3445,2861],{"class":3185},[2861,3447,3215],{"class":3181},[2861,3449,3450],{"class":2973},"Range slider",[2861,3452,3221],{"class":3181},[2861,3454,2861],{"class":3185},[2861,3456,3198],{"class":3181},[2861,3458,3460,3462,3464,3466,3468,3471,3474,3476,3479],{"class":2863,"line":3459},18,[2861,3461,3262],{"class":3181},[2861,3463,3058],{"class":3185},[2861,3465,3267],{"class":2979},[2861,3467,3191],{"class":2973},[2861,3469,3470],{"class":3194},"\"range\"",[2861,3472,3473],{"class":2979}," value",[2861,3475,3191],{"class":2973},[2861,3477,3478],{"class":3194},"\"65\"",[2861,3480,3198],{"class":3181},[2861,3482,3484,3486,3488],{"class":2863,"line":3483},19,[2861,3485,3285],{"class":3181},[2861,3487,3248],{"class":3185},[2861,3489,3198],{"class":3181},[2861,3491,3493,3495,3497,3499,3501,3503],{"class":2863,"line":3492},20,[2861,3494,3245],{"class":3181},[2861,3496,3248],{"class":3185},[2861,3498,3188],{"class":2979},[2861,3500,3191],{"class":2973},[2861,3502,3436],{"class":3194},[2861,3504,3198],{"class":3181},[2861,3506,3508,3510,3512,3514,3517,3519,3521],{"class":2863,"line":3507},21,[2861,3509,3262],{"class":3181},[2861,3511,2861],{"class":3185},[2861,3513,3215],{"class":3181},[2861,3515,3516],{"class":2973},"Progress",[2861,3518,3221],{"class":3181},[2861,3520,2861],{"class":3185},[2861,3522,3198],{"class":3181},[2861,3524,3526,3528,3530,3532,3534,3536,3539,3541,3544,3547,3549],{"class":2863,"line":3525},22,[2861,3527,3262],{"class":3181},[2861,3529,3162],{"class":3185},[2861,3531,3473],{"class":2979},[2861,3533,3191],{"class":2973},[2861,3535,3478],{"class":3194},[2861,3537,3538],{"class":2979}," max",[2861,3540,3191],{"class":2973},[2861,3542,3543],{"class":3194},"\"100\"",[2861,3545,3546],{"class":3181},">\u003C/",[2861,3548,3162],{"class":3185},[2861,3550,3198],{"class":3181},[2861,3552,3554,3556,3558],{"class":2863,"line":3553},23,[2861,3555,3285],{"class":3181},[2861,3557,3248],{"class":3185},[2861,3559,3198],{"class":3181},[2861,3561,3563,3566,3568],{"class":2863,"line":3562},24,[2861,3564,3565],{"class":3181},"  \u003C/",[2861,3567,2821],{"class":3185},[2861,3569,3198],{"class":3181},[2861,3571,3573,3575,3577,3579,3581,3584],{"class":2863,"line":3572},25,[2861,3574,3203],{"class":3181},[2861,3576,2821],{"class":3185},[2861,3578,3188],{"class":2979},[2861,3580,3191],{"class":2973},[2861,3582,3583],{"class":3194},"\"accent-compare\"",[2861,3585,3198],{"class":3181},[2861,3587,3589,3591,3593,3595,3597,3600],{"class":2863,"line":3588},26,[2861,3590,3245],{"class":3181},[2861,3592,2821],{"class":3185},[2861,3594,3188],{"class":2979},[2861,3596,3191],{"class":2973},[2861,3598,3599],{"class":3194},"\"accent-block a1\"",[2861,3601,3198],{"class":3181},[2861,3603,3605,3607,3609,3611,3614,3616,3618],{"class":2863,"line":3604},27,[2861,3606,3262],{"class":3181},[2861,3608,2799],{"class":3185},[2861,3610,3215],{"class":3181},[2861,3612,3613],{"class":2973},"accent-color: #6366f1",[2861,3615,3221],{"class":3181},[2861,3617,2799],{"class":3185},[2861,3619,3198],{"class":3181},[2861,3621,3623,3625,3627,3629,3631,3633,3635],{"class":2863,"line":3622},28,[2861,3624,3262],{"class":3181},[2861,3626,3058],{"class":3185},[2861,3628,3267],{"class":2979},[2861,3630,3191],{"class":2973},[2861,3632,3272],{"class":3194},[2861,3634,3275],{"class":2979},[2861,3636,3198],{"class":3181},[2861,3638,3640,3642,3644,3646,3648,3650,3652,3654,3656,3659],{"class":2863,"line":3639},29,[2861,3641,3262],{"class":3181},[2861,3643,3058],{"class":3185},[2861,3645,3267],{"class":2979},[2861,3647,3191],{"class":2973},[2861,3649,3355],{"class":3194},[2861,3651,3275],{"class":2979},[2861,3653,3358],{"class":2979},[2861,3655,3191],{"class":2973},[2861,3657,3658],{"class":3194},"\"r2\"",[2861,3660,3198],{"class":3181},[2861,3662,3664,3666,3668,3670,3672,3674,3676,3678,3681],{"class":2863,"line":3663},30,[2861,3665,3262],{"class":3181},[2861,3667,3058],{"class":3185},[2861,3669,3267],{"class":2979},[2861,3671,3191],{"class":2973},[2861,3673,3470],{"class":3194},[2861,3675,3473],{"class":2979},[2861,3677,3191],{"class":2973},[2861,3679,3680],{"class":3194},"\"50\"",[2861,3682,3198],{"class":3181},[2861,3684,3686,3688,3690],{"class":2863,"line":3685},31,[2861,3687,3285],{"class":3181},[2861,3689,2821],{"class":3185},[2861,3691,3198],{"class":3181},[2861,3693,3695,3697,3699,3701,3703,3706],{"class":2863,"line":3694},32,[2861,3696,3245],{"class":3181},[2861,3698,2821],{"class":3185},[2861,3700,3188],{"class":2979},[2861,3702,3191],{"class":2973},[2861,3704,3705],{"class":3194},"\"accent-block a2\"",[2861,3707,3198],{"class":3181},[2861,3709,3711,3713,3715,3717,3720,3722,3724],{"class":2863,"line":3710},33,[2861,3712,3262],{"class":3181},[2861,3714,2799],{"class":3185},[2861,3716,3215],{"class":3181},[2861,3718,3719],{"class":2973},"accent-color: #10b981",[2861,3721,3221],{"class":3181},[2861,3723,2799],{"class":3185},[2861,3725,3198],{"class":3181},[2861,3727,3729,3731,3733,3735,3737,3739,3741],{"class":2863,"line":3728},34,[2861,3730,3262],{"class":3181},[2861,3732,3058],{"class":3185},[2861,3734,3267],{"class":2979},[2861,3736,3191],{"class":2973},[2861,3738,3272],{"class":3194},[2861,3740,3275],{"class":2979},[2861,3742,3198],{"class":3181},[2861,3744,3746,3748,3750,3752,3754,3756,3758,3760,3762,3765],{"class":2863,"line":3745},35,[2861,3747,3262],{"class":3181},[2861,3749,3058],{"class":3185},[2861,3751,3267],{"class":2979},[2861,3753,3191],{"class":2973},[2861,3755,3355],{"class":3194},[2861,3757,3275],{"class":2979},[2861,3759,3358],{"class":2979},[2861,3761,3191],{"class":2973},[2861,3763,3764],{"class":3194},"\"r3\"",[2861,3766,3198],{"class":3181},[2861,3768,3770,3772,3774,3776,3778,3780,3782,3784,3786],{"class":2863,"line":3769},36,[2861,3771,3262],{"class":3181},[2861,3773,3058],{"class":3185},[2861,3775,3267],{"class":2979},[2861,3777,3191],{"class":2973},[2861,3779,3470],{"class":3194},[2861,3781,3473],{"class":2979},[2861,3783,3191],{"class":2973},[2861,3785,3680],{"class":3194},[2861,3787,3198],{"class":3181},[2861,3789,3791,3793,3795],{"class":2863,"line":3790},37,[2861,3792,3285],{"class":3181},[2861,3794,2821],{"class":3185},[2861,3796,3198],{"class":3181},[2861,3798,3800,3802,3804,3806,3808,3811],{"class":2863,"line":3799},38,[2861,3801,3245],{"class":3181},[2861,3803,2821],{"class":3185},[2861,3805,3188],{"class":2979},[2861,3807,3191],{"class":2973},[2861,3809,3810],{"class":3194},"\"accent-block a3\"",[2861,3812,3198],{"class":3181},[2861,3814,3816,3818,3820,3822,3825,3827,3829],{"class":2863,"line":3815},39,[2861,3817,3262],{"class":3181},[2861,3819,2799],{"class":3185},[2861,3821,3215],{"class":3181},[2861,3823,3824],{"class":2973},"accent-color: #ec4899",[2861,3826,3221],{"class":3181},[2861,3828,2799],{"class":3185},[2861,3830,3198],{"class":3181},[2861,3832,3834,3836,3838,3840,3842,3844,3846],{"class":2863,"line":3833},40,[2861,3835,3262],{"class":3181},[2861,3837,3058],{"class":3185},[2861,3839,3267],{"class":2979},[2861,3841,3191],{"class":2973},[2861,3843,3272],{"class":3194},[2861,3845,3275],{"class":2979},[2861,3847,3198],{"class":3181},[2861,3849,3851,3853,3855,3857,3859,3861,3863,3865,3867,3870],{"class":2863,"line":3850},41,[2861,3852,3262],{"class":3181},[2861,3854,3058],{"class":3185},[2861,3856,3267],{"class":2979},[2861,3858,3191],{"class":2973},[2861,3860,3355],{"class":3194},[2861,3862,3275],{"class":2979},[2861,3864,3358],{"class":2979},[2861,3866,3191],{"class":2973},[2861,3868,3869],{"class":3194},"\"r4\"",[2861,3871,3198],{"class":3181},[2861,3873,3875,3877,3879,3881,3883,3885,3887,3889,3891],{"class":2863,"line":3874},42,[2861,3876,3262],{"class":3181},[2861,3878,3058],{"class":3185},[2861,3880,3267],{"class":2979},[2861,3882,3191],{"class":2973},[2861,3884,3470],{"class":3194},[2861,3886,3473],{"class":2979},[2861,3888,3191],{"class":2973},[2861,3890,3680],{"class":3194},[2861,3892,3198],{"class":3181},[2861,3894,3896,3898,3900],{"class":2863,"line":3895},43,[2861,3897,3285],{"class":3181},[2861,3899,2821],{"class":3185},[2861,3901,3198],{"class":3181},[2861,3903,3905,3907,3909],{"class":2863,"line":3904},44,[2861,3906,3565],{"class":3181},[2861,3908,2821],{"class":3185},[2861,3910,3198],{"class":3181},[2861,3912,3914,3916,3918],{"class":2863,"line":3913},45,[2861,3915,3221],{"class":3181},[2861,3917,2821],{"class":3185},[2861,3919,3198],{"class":3181},[2853,3921,3923],{"className":2954,"code":3922,"language":2956,"meta":2857,"style":2857},".accent-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  accent-color: #6366f1;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.accent-title { margin: 0; font-weight: 700; color: #64748b; }\n.accent-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n}\n.accent-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: white;\n  border-radius: 6px;\n  padding: 0.5rem 0.75rem;\n  border: 1px solid #e2e8f0;\n  cursor: pointer;\n}\n.accent-item input { width: 1rem; height: 1rem; }\n.accent-item--full { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; gap: 0.25rem; }\n.accent-item--full input, .accent-item--full progress { width: 100%; }\n\n.accent-compare { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.accent-block {\n  flex: 1;\n  min-width: 100px;\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  padding: 0.6rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  align-items: flex-start;\n}\n.accent-block p { margin: 0; font-size: 0.72rem; color: #64748b; font-weight: 700; }\n.accent-block input { width: 100%; }\n.a1 { accent-color: #6366f1; }\n.a2 { accent-color: #10b981; }\n.a3 { accent-color: #ec4899; }\n",[2808,3924,3925,3932,3945,3956,3973,3985,3997,4009,4021,4033,4045,4049,4088,4095,4106,4121,4132,4136,4143,4153,4165,4175,4186,4198,4211,4228,4238,4242,4269,4321,4345,4349,4383,4390,4401,4413,4423,4434,4448,4459,4469,4479,4490,4500,4504,4547,4564,4580,4597],{"__ignoreMap":2857},[2861,3926,3927,3930],{"class":2863,"line":2864},[2861,3928,3929],{"class":2969},".accent-demo",[2861,3931,2974],{"class":2973},[2861,3933,3934,3937,3939,3943],{"class":2863,"line":2870},[2861,3935,3936],{"class":2979},"  padding",[2861,3938,2983],{"class":2973},[2861,3940,3942],{"class":3941},"sJj4R","1rem",[2861,3944,2990],{"class":2973},[2861,3946,3947,3949,3951,3954],{"class":2863,"line":2876},[2861,3948,3006],{"class":2979},[2861,3950,2983],{"class":2973},[2861,3952,3953],{"class":2986},"#f8fafc",[2861,3955,2990],{"class":2973},[2861,3957,3958,3961,3963,3966,3968,3971],{"class":2863,"line":2882},[2861,3959,3960],{"class":2979},"  font-family",[2861,3962,2983],{"class":2973},[2861,3964,3965],{"class":2986},"system-ui",[2861,3967,2826],{"class":2973},[2861,3969,3970],{"class":2986},"sans-serif",[2861,3972,2990],{"class":2973},[2861,3974,3975,3978,3980,3983],{"class":2863,"line":2888},[2861,3976,3977],{"class":2979},"  font-size",[2861,3979,2983],{"class":2973},[2861,3981,3982],{"class":3941},"0.875rem",[2861,3984,2990],{"class":2973},[2861,3986,3987,3990,3992,3995],{"class":2863,"line":2894},[2861,3988,3989],{"class":2979},"  color",[2861,3991,2983],{"class":2973},[2861,3993,3994],{"class":2986},"#1e293b",[2861,3996,2990],{"class":2973},[2861,3998,3999,4002,4004,4007],{"class":2863,"line":2900},[2861,4000,4001],{"class":2979},"  accent-color",[2861,4003,2983],{"class":2973},[2861,4005,4006],{"class":2986},"#6366f1",[2861,4008,2990],{"class":2973},[2861,4010,4011,4014,4016,4019],{"class":2863,"line":2906},[2861,4012,4013],{"class":2979},"  display",[2861,4015,2983],{"class":2973},[2861,4017,4018],{"class":2986},"flex",[2861,4020,2990],{"class":2973},[2861,4022,4023,4026,4028,4031],{"class":2863,"line":2912},[2861,4024,4025],{"class":2979},"  flex-direction",[2861,4027,2983],{"class":2973},[2861,4029,4030],{"class":2986},"column",[2861,4032,2990],{"class":2973},[2861,4034,4035,4038,4040,4043],{"class":2863,"line":2918},[2861,4036,4037],{"class":2979},"  gap",[2861,4039,2983],{"class":2973},[2861,4041,4042],{"class":3941},"0.75rem",[2861,4044,2990],{"class":2973},[2861,4046,4047],{"class":2863,"line":3055},[2861,4048,3041],{"class":2973},[2861,4050,4051,4054,4057,4060,4062,4065,4067,4070,4072,4075,4077,4080,4082,4085],{"class":2863,"line":3073},[2861,4052,4053],{"class":2969},".accent-title",[2861,4055,4056],{"class":2973}," { ",[2861,4058,4059],{"class":2979},"margin",[2861,4061,2983],{"class":2973},[2861,4063,4064],{"class":3941},"0",[2861,4066,3105],{"class":2973},[2861,4068,4069],{"class":2979},"font-weight",[2861,4071,2983],{"class":2973},[2861,4073,4074],{"class":3941},"700",[2861,4076,3105],{"class":2973},[2861,4078,4079],{"class":2979},"color",[2861,4081,2983],{"class":2973},[2861,4083,4084],{"class":2986},"#64748b",[2861,4086,4087],{"class":2973},"; }\n",[2861,4089,4090,4093],{"class":2863,"line":3084},[2861,4091,4092],{"class":2969},".accent-grid",[2861,4094,2974],{"class":2973},[2861,4096,4097,4099,4101,4104],{"class":2863,"line":3095},[2861,4098,4013],{"class":2979},[2861,4100,2983],{"class":2973},[2861,4102,4103],{"class":2986},"grid",[2861,4105,2990],{"class":2973},[2861,4107,4108,4111,4113,4116,4119],{"class":2863,"line":3111},[2861,4109,4110],{"class":2979},"  grid-template-columns",[2861,4112,2983],{"class":2973},[2861,4114,4115],{"class":3941},"1fr",[2861,4117,4118],{"class":3941}," 1fr",[2861,4120,2990],{"class":2973},[2861,4122,4123,4125,4127,4130],{"class":2863,"line":3122},[2861,4124,4037],{"class":2979},[2861,4126,2983],{"class":2973},[2861,4128,4129],{"class":3941},"0.5rem",[2861,4131,2990],{"class":2973},[2861,4133,4134],{"class":2863,"line":3441},[2861,4135,3041],{"class":2973},[2861,4137,4138,4141],{"class":2863,"line":3459},[2861,4139,4140],{"class":2969},".accent-item",[2861,4142,2974],{"class":2973},[2861,4144,4145,4147,4149,4151],{"class":2863,"line":3483},[2861,4146,4013],{"class":2979},[2861,4148,2983],{"class":2973},[2861,4150,4018],{"class":2986},[2861,4152,2990],{"class":2973},[2861,4154,4155,4158,4160,4163],{"class":2863,"line":3492},[2861,4156,4157],{"class":2979},"  align-items",[2861,4159,2983],{"class":2973},[2861,4161,4162],{"class":2986},"center",[2861,4164,2990],{"class":2973},[2861,4166,4167,4169,4171,4173],{"class":2863,"line":3507},[2861,4168,4037],{"class":2979},[2861,4170,2983],{"class":2973},[2861,4172,4129],{"class":3941},[2861,4174,2990],{"class":2973},[2861,4176,4177,4179,4181,4184],{"class":2863,"line":3525},[2861,4178,3006],{"class":2979},[2861,4180,2983],{"class":2973},[2861,4182,4183],{"class":2986},"white",[2861,4185,2990],{"class":2973},[2861,4187,4188,4191,4193,4196],{"class":2863,"line":3553},[2861,4189,4190],{"class":2979},"  border-radius",[2861,4192,2983],{"class":2973},[2861,4194,4195],{"class":3941},"6px",[2861,4197,2990],{"class":2973},[2861,4199,4200,4202,4204,4206,4209],{"class":2863,"line":3562},[2861,4201,3936],{"class":2979},[2861,4203,2983],{"class":2973},[2861,4205,4129],{"class":3941},[2861,4207,4208],{"class":3941}," 0.75rem",[2861,4210,2990],{"class":2973},[2861,4212,4213,4215,4217,4220,4223,4226],{"class":2863,"line":3572},[2861,4214,2995],{"class":2979},[2861,4216,2983],{"class":2973},[2861,4218,4219],{"class":3941},"1px",[2861,4221,4222],{"class":2986}," solid",[2861,4224,4225],{"class":2986}," #e2e8f0",[2861,4227,2990],{"class":2973},[2861,4229,4230,4232,4234,4236],{"class":2863,"line":3588},[2861,4231,3017],{"class":2979},[2861,4233,2983],{"class":2973},[2861,4235,3022],{"class":2986},[2861,4237,2990],{"class":2973},[2861,4239,4240],{"class":2863,"line":3604},[2861,4241,3041],{"class":2973},[2861,4243,4244,4246,4249,4251,4254,4256,4258,4260,4263,4265,4267],{"class":2863,"line":3622},[2861,4245,4140],{"class":2969},[2861,4247,4248],{"class":2969}," input",[2861,4250,4056],{"class":2973},[2861,4252,4253],{"class":2979},"width",[2861,4255,2983],{"class":2973},[2861,4257,3942],{"class":3941},[2861,4259,3105],{"class":2973},[2861,4261,4262],{"class":2979},"height",[2861,4264,2983],{"class":2973},[2861,4266,3942],{"class":3941},[2861,4268,4087],{"class":2973},[2861,4270,4271,4274,4276,4279,4281,4284,4287,4290,4292,4295,4297,4299,4301,4304,4306,4309,4311,4314,4316,4319],{"class":2863,"line":3639},[2861,4272,4273],{"class":2969},".accent-item--full",[2861,4275,4056],{"class":2973},[2861,4277,4278],{"class":2979},"grid-column",[2861,4280,2983],{"class":2973},[2861,4282,4283],{"class":3941},"1",[2861,4285,4286],{"class":2973}," / ",[2861,4288,4289],{"class":3941},"-1",[2861,4291,3105],{"class":2973},[2861,4293,4294],{"class":2979},"flex-direction",[2861,4296,2983],{"class":2973},[2861,4298,4030],{"class":2986},[2861,4300,3105],{"class":2973},[2861,4302,4303],{"class":2979},"align-items",[2861,4305,2983],{"class":2973},[2861,4307,4308],{"class":2986},"flex-start",[2861,4310,3105],{"class":2973},[2861,4312,4313],{"class":2979},"gap",[2861,4315,2983],{"class":2973},[2861,4317,4318],{"class":3941},"0.25rem",[2861,4320,4087],{"class":2973},[2861,4322,4323,4325,4327,4329,4331,4334,4336,4338,4340,4343],{"class":2863,"line":3663},[2861,4324,4273],{"class":2969},[2861,4326,4248],{"class":2969},[2861,4328,2826],{"class":2973},[2861,4330,4273],{"class":2969},[2861,4332,4333],{"class":2969}," progress",[2861,4335,4056],{"class":2973},[2861,4337,4253],{"class":2979},[2861,4339,2983],{"class":2973},[2861,4341,4342],{"class":3941},"100%",[2861,4344,4087],{"class":2973},[2861,4346,4347],{"class":2863,"line":3685},[2861,4348,3047],{"emptyLinePlaceholder":3046},[2861,4350,4351,4354,4356,4359,4361,4363,4365,4367,4369,4371,4373,4376,4378,4381],{"class":2863,"line":3694},[2861,4352,4353],{"class":2969},".accent-compare",[2861,4355,4056],{"class":2973},[2861,4357,4358],{"class":2979},"display",[2861,4360,2983],{"class":2973},[2861,4362,4018],{"class":2986},[2861,4364,3105],{"class":2973},[2861,4366,4313],{"class":2979},[2861,4368,2983],{"class":2973},[2861,4370,4129],{"class":3941},[2861,4372,3105],{"class":2973},[2861,4374,4375],{"class":2979},"flex-wrap",[2861,4377,2983],{"class":2973},[2861,4379,4380],{"class":2986},"wrap",[2861,4382,4087],{"class":2973},[2861,4384,4385,4388],{"class":2863,"line":3710},[2861,4386,4387],{"class":2969},".accent-block",[2861,4389,2974],{"class":2973},[2861,4391,4392,4395,4397,4399],{"class":2863,"line":3728},[2861,4393,4394],{"class":2979},"  flex",[2861,4396,2983],{"class":2973},[2861,4398,4283],{"class":3941},[2861,4400,2990],{"class":2973},[2861,4402,4403,4406,4408,4411],{"class":2863,"line":3745},[2861,4404,4405],{"class":2979},"  min-width",[2861,4407,2983],{"class":2973},[2861,4409,4410],{"class":3941},"100px",[2861,4412,2990],{"class":2973},[2861,4414,4415,4417,4419,4421],{"class":2863,"line":3769},[2861,4416,3006],{"class":2979},[2861,4418,2983],{"class":2973},[2861,4420,4183],{"class":2986},[2861,4422,2990],{"class":2973},[2861,4424,4425,4427,4429,4432],{"class":2863,"line":3790},[2861,4426,4190],{"class":2979},[2861,4428,2983],{"class":2973},[2861,4430,4431],{"class":3941},"8px",[2861,4433,2990],{"class":2973},[2861,4435,4436,4438,4440,4442,4444,4446],{"class":2863,"line":3799},[2861,4437,2995],{"class":2979},[2861,4439,2983],{"class":2973},[2861,4441,4219],{"class":3941},[2861,4443,4222],{"class":2986},[2861,4445,4225],{"class":2986},[2861,4447,2990],{"class":2973},[2861,4449,4450,4452,4454,4457],{"class":2863,"line":3815},[2861,4451,3936],{"class":2979},[2861,4453,2983],{"class":2973},[2861,4455,4456],{"class":3941},"0.6rem",[2861,4458,2990],{"class":2973},[2861,4460,4461,4463,4465,4467],{"class":2863,"line":3833},[2861,4462,4013],{"class":2979},[2861,4464,2983],{"class":2973},[2861,4466,4018],{"class":2986},[2861,4468,2990],{"class":2973},[2861,4470,4471,4473,4475,4477],{"class":2863,"line":3850},[2861,4472,4025],{"class":2979},[2861,4474,2983],{"class":2973},[2861,4476,4030],{"class":2986},[2861,4478,2990],{"class":2973},[2861,4480,4481,4483,4485,4488],{"class":2863,"line":3874},[2861,4482,4037],{"class":2979},[2861,4484,2983],{"class":2973},[2861,4486,4487],{"class":3941},"0.4rem",[2861,4489,2990],{"class":2973},[2861,4491,4492,4494,4496,4498],{"class":2863,"line":3895},[2861,4493,4157],{"class":2979},[2861,4495,2983],{"class":2973},[2861,4497,4308],{"class":2986},[2861,4499,2990],{"class":2973},[2861,4501,4502],{"class":2863,"line":3904},[2861,4503,3041],{"class":2973},[2861,4505,4506,4508,4511,4513,4515,4517,4519,4521,4524,4526,4529,4531,4533,4535,4537,4539,4541,4543,4545],{"class":2863,"line":3913},[2861,4507,4387],{"class":2969},[2861,4509,4510],{"class":2969}," p",[2861,4512,4056],{"class":2973},[2861,4514,4059],{"class":2979},[2861,4516,2983],{"class":2973},[2861,4518,4064],{"class":3941},[2861,4520,3105],{"class":2973},[2861,4522,4523],{"class":2979},"font-size",[2861,4525,2983],{"class":2973},[2861,4527,4528],{"class":3941},"0.72rem",[2861,4530,3105],{"class":2973},[2861,4532,4079],{"class":2979},[2861,4534,2983],{"class":2973},[2861,4536,4084],{"class":2986},[2861,4538,3105],{"class":2973},[2861,4540,4069],{"class":2979},[2861,4542,2983],{"class":2973},[2861,4544,4074],{"class":3941},[2861,4546,4087],{"class":2973},[2861,4548,4550,4552,4554,4556,4558,4560,4562],{"class":2863,"line":4549},46,[2861,4551,4387],{"class":2969},[2861,4553,4248],{"class":2969},[2861,4555,4056],{"class":2973},[2861,4557,4253],{"class":2979},[2861,4559,2983],{"class":2973},[2861,4561,4342],{"class":3941},[2861,4563,4087],{"class":2973},[2861,4565,4567,4570,4572,4574,4576,4578],{"class":2863,"line":4566},47,[2861,4568,4569],{"class":2969},".a1",[2861,4571,4056],{"class":2973},[2861,4573,2825],{"class":2979},[2861,4575,2983],{"class":2973},[2861,4577,4006],{"class":2986},[2861,4579,4087],{"class":2973},[2861,4581,4583,4586,4588,4590,4592,4595],{"class":2863,"line":4582},48,[2861,4584,4585],{"class":2969},".a2",[2861,4587,4056],{"class":2973},[2861,4589,2825],{"class":2979},[2861,4591,2983],{"class":2973},[2861,4593,4594],{"class":2986},"#10b981",[2861,4596,4087],{"class":2973},[2861,4598,4600,4603,4605,4607,4609,4612],{"class":2863,"line":4599},49,[2861,4601,4602],{"class":2969},".a3",[2861,4604,4056],{"class":2973},[2861,4606,2825],{"class":2979},[2861,4608,2983],{"class":2973},[2861,4610,4611],{"class":2986},"#ec4899",[2861,4613,4087],{"class":2973},[2923,4615],{},[2794,4617,4619],{"id":4618},"псевдокласи-стану-форм","Псевдокласи стану форм",[2799,4621,4622,4623,4626],{},"CSS надає багатий набір псевдокласів, що реагують на ",[2803,4624,4625],{},"стан"," форм-елементів без жодного JavaScript.",[2935,4628,4630,4631,2826,4634,2826,4636],{"id":4629},"базові-стани-focus-focus-visible-focus-within","Базові стани: ",[2808,4632,4633],{},":focus",[2808,4635,3138],{},[2808,4637,4638],{},":focus-within",[4640,4641,4642,4655],"table",{},[4643,4644,4645],"thead",{},[4646,4647,4648,4652],"tr",{},[4649,4650,4651],"th",{},"Псевдоклас",[4649,4653,4654],{},"Коли активний",[4656,4657,4658,4668,4677],"tbody",{},[4646,4659,4660,4665],{},[4661,4662,4663],"td",{},[2808,4664,4633],{},[4661,4666,4667],{},"Будь-який фокус (клавіатура і миша)",[4646,4669,4670,4674],{},[4661,4671,4672],{},[2808,4673,3138],{},[4661,4675,4676],{},"Лише коли фокус «видимий» (зазвичай — тільки клавіатура)",[4646,4678,4679,4683],{},[4661,4680,4681],{},[2808,4682,4638],{},[4661,4684,4685,4686,4689],{},"Якщо ",[2803,4687,4688],{},"будь-який нащадок"," має фокус",[2799,4691,4692,4694],{},[2808,4693,3138],{}," — ключовий для доступності: він показує outline при навігації клавіатурою, але не при кліку мишею (що часто дратує).",[3168,4696,4697,4969],{},[2853,4698,4700],{"className":3172,"code":4699,"language":3174,"meta":2857,"style":2857},"\u003Cdiv class=\"focus-demo\">\n  \u003Cp class=\"fd-label\">Спробуйте Tab та клік мишею — побачите різницю:\u003C/p>\n  \u003Cdiv class=\"focus-grid\">\n    \u003Cdiv class=\"focus-field\">\n      \u003Clabel>:focus (завжди)\u003C/label>\n      \u003Cinput class=\"fi-always\" type=\"text\" placeholder=\"Клік або Tab...\">\n    \u003C/div>\n    \u003Cdiv class=\"focus-field\">\n      \u003Clabel>:focus-visible (тільки Tab)\u003C/label>\n      \u003Cinput class=\"fi-visible\" type=\"text\" placeholder=\"Клік або Tab...\">\n    \u003C/div>\n    \u003Cdiv class=\"focus-field focus-within-demo\">\n      \u003Clabel>Контейнер з :focus-within\u003C/label>\n      \u003Cinput type=\"text\" placeholder=\"Клацніть сюди...\">\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2808,4701,4702,4717,4741,4756,4771,4788,4818,4826,4840,4857,4884,4892,4907,4924,4945,4953,4961],{"__ignoreMap":2857},[2861,4703,4704,4706,4708,4710,4712,4715],{"class":2863,"line":2864},[2861,4705,3182],{"class":3181},[2861,4707,2821],{"class":3185},[2861,4709,3188],{"class":2979},[2861,4711,3191],{"class":2973},[2861,4713,4714],{"class":3194},"\"focus-demo\"",[2861,4716,3198],{"class":3181},[2861,4718,4719,4721,4723,4725,4727,4730,4732,4735,4737,4739],{"class":2863,"line":2870},[2861,4720,3203],{"class":3181},[2861,4722,2799],{"class":3185},[2861,4724,3188],{"class":2979},[2861,4726,3191],{"class":2973},[2861,4728,4729],{"class":3194},"\"fd-label\"",[2861,4731,3215],{"class":3181},[2861,4733,4734],{"class":2973},"Спробуйте Tab та клік мишею — побачите різницю:",[2861,4736,3221],{"class":3181},[2861,4738,2799],{"class":3185},[2861,4740,3198],{"class":3181},[2861,4742,4743,4745,4747,4749,4751,4754],{"class":2863,"line":2876},[2861,4744,3203],{"class":3181},[2861,4746,2821],{"class":3185},[2861,4748,3188],{"class":2979},[2861,4750,3191],{"class":2973},[2861,4752,4753],{"class":3194},"\"focus-grid\"",[2861,4755,3198],{"class":3181},[2861,4757,4758,4760,4762,4764,4766,4769],{"class":2863,"line":2882},[2861,4759,3245],{"class":3181},[2861,4761,2821],{"class":3185},[2861,4763,3188],{"class":2979},[2861,4765,3191],{"class":2973},[2861,4767,4768],{"class":3194},"\"focus-field\"",[2861,4770,3198],{"class":3181},[2861,4772,4773,4775,4777,4779,4782,4784,4786],{"class":2863,"line":2888},[2861,4774,3262],{"class":3181},[2861,4776,3248],{"class":3185},[2861,4778,3215],{"class":3181},[2861,4780,4781],{"class":2973},":focus (завжди)",[2861,4783,3221],{"class":3181},[2861,4785,3248],{"class":3185},[2861,4787,3198],{"class":3181},[2861,4789,4790,4792,4794,4796,4798,4801,4803,4805,4808,4811,4813,4816],{"class":2863,"line":2894},[2861,4791,3262],{"class":3181},[2861,4793,3058],{"class":3185},[2861,4795,3188],{"class":2979},[2861,4797,3191],{"class":2973},[2861,4799,4800],{"class":3194},"\"fi-always\"",[2861,4802,3267],{"class":2979},[2861,4804,3191],{"class":2973},[2861,4806,4807],{"class":3194},"\"text\"",[2861,4809,4810],{"class":2979}," placeholder",[2861,4812,3191],{"class":2973},[2861,4814,4815],{"class":3194},"\"Клік або Tab...\"",[2861,4817,3198],{"class":3181},[2861,4819,4820,4822,4824],{"class":2863,"line":2900},[2861,4821,3285],{"class":3181},[2861,4823,2821],{"class":3185},[2861,4825,3198],{"class":3181},[2861,4827,4828,4830,4832,4834,4836,4838],{"class":2863,"line":2906},[2861,4829,3245],{"class":3181},[2861,4831,2821],{"class":3185},[2861,4833,3188],{"class":2979},[2861,4835,3191],{"class":2973},[2861,4837,4768],{"class":3194},[2861,4839,3198],{"class":3181},[2861,4841,4842,4844,4846,4848,4851,4853,4855],{"class":2863,"line":2912},[2861,4843,3262],{"class":3181},[2861,4845,3248],{"class":3185},[2861,4847,3215],{"class":3181},[2861,4849,4850],{"class":2973},":focus-visible (тільки Tab)",[2861,4852,3221],{"class":3181},[2861,4854,3248],{"class":3185},[2861,4856,3198],{"class":3181},[2861,4858,4859,4861,4863,4865,4867,4870,4872,4874,4876,4878,4880,4882],{"class":2863,"line":2918},[2861,4860,3262],{"class":3181},[2861,4862,3058],{"class":3185},[2861,4864,3188],{"class":2979},[2861,4866,3191],{"class":2973},[2861,4868,4869],{"class":3194},"\"fi-visible\"",[2861,4871,3267],{"class":2979},[2861,4873,3191],{"class":2973},[2861,4875,4807],{"class":3194},[2861,4877,4810],{"class":2979},[2861,4879,3191],{"class":2973},[2861,4881,4815],{"class":3194},[2861,4883,3198],{"class":3181},[2861,4885,4886,4888,4890],{"class":2863,"line":3055},[2861,4887,3285],{"class":3181},[2861,4889,2821],{"class":3185},[2861,4891,3198],{"class":3181},[2861,4893,4894,4896,4898,4900,4902,4905],{"class":2863,"line":3073},[2861,4895,3245],{"class":3181},[2861,4897,2821],{"class":3185},[2861,4899,3188],{"class":2979},[2861,4901,3191],{"class":2973},[2861,4903,4904],{"class":3194},"\"focus-field focus-within-demo\"",[2861,4906,3198],{"class":3181},[2861,4908,4909,4911,4913,4915,4918,4920,4922],{"class":2863,"line":3084},[2861,4910,3262],{"class":3181},[2861,4912,3248],{"class":3185},[2861,4914,3215],{"class":3181},[2861,4916,4917],{"class":2973},"Контейнер з :focus-within",[2861,4919,3221],{"class":3181},[2861,4921,3248],{"class":3185},[2861,4923,3198],{"class":3181},[2861,4925,4926,4928,4930,4932,4934,4936,4938,4940,4943],{"class":2863,"line":3095},[2861,4927,3262],{"class":3181},[2861,4929,3058],{"class":3185},[2861,4931,3267],{"class":2979},[2861,4933,3191],{"class":2973},[2861,4935,4807],{"class":3194},[2861,4937,4810],{"class":2979},[2861,4939,3191],{"class":2973},[2861,4941,4942],{"class":3194},"\"Клацніть сюди...\"",[2861,4944,3198],{"class":3181},[2861,4946,4947,4949,4951],{"class":2863,"line":3111},[2861,4948,3285],{"class":3181},[2861,4950,2821],{"class":3185},[2861,4952,3198],{"class":3181},[2861,4954,4955,4957,4959],{"class":2863,"line":3122},[2861,4956,3565],{"class":3181},[2861,4958,2821],{"class":3185},[2861,4960,3198],{"class":3181},[2861,4962,4963,4965,4967],{"class":2863,"line":3441},[2861,4964,3221],{"class":3181},[2861,4966,2821],{"class":3185},[2861,4968,3198],{"class":3181},[2853,4970,4972],{"className":2954,"code":4971,"language":2956,"meta":2857,"style":2857},".focus-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.85rem;\n  color: #1e293b;\n}\n.fd-label { margin: 0 0 0.75rem; color: #64748b; font-style: italic; }\n.focus-grid { display: flex; flex-direction: column; gap: 0.6rem; }\n.focus-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.3rem;\n}\n.focus-field label { font-size: 0.78rem; font-weight: 600; color: #374151; }\n.focus-field input {\n  padding: 0.5rem 0.75rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 7px;\n  font-size: 0.9rem;\n  font-family: inherit;\n  background: white;\n  color: #1e293b;\n  outline: none;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n/* :focus — спрацьовує ЗАВЖДИ */\n.fi-always:focus {\n  border-color: #6366f1;\n  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);\n}\n\n/* :focus-visible — тільки при навігації клавіатурою */\n.fi-visible:focus-visible {\n  border-color: #10b981;\n  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);\n}\n/* .fi-visible:focus залишається без кастомного стилю — чистий клік */\n\n/* :focus-within на контейнері */\n.focus-within-demo {\n  background: white;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 8px;\n  padding: 0.6rem 0.75rem;\n  transition: border-color 0.15s, background 0.15s;\n}\n.focus-within-demo:focus-within {\n  border-color: #ec4899;\n  background: #fdf2f8;\n}\n.focus-within-demo:focus-within label {\n  color: #ec4899;\n}\n.focus-within-demo label { transition: color 0.15s; }\n.focus-within-demo input {\n  border: none;\n  padding: 0.25rem 0;\n  background: transparent;\n  width: 100%;\n}\n",[2808,4973,4974,4981,4991,5001,5015,5026,5036,5040,5078,5109,5116,5126,5136,5147,5151,5187,5195,5207,5223,5234,5245,5255,5265,5275,5285,5303,5307,5311,5316,5323,5334,5378,5382,5386,5391,5398,5408,5445,5449,5454,5458,5463,5470,5480,5494,5504,5516,5535,5539,5546,5557,5569,5574,5583,5594,5599,5619,5628,5639,5652,5664,5676],{"__ignoreMap":2857},[2861,4975,4976,4979],{"class":2863,"line":2864},[2861,4977,4978],{"class":2969},".focus-demo",[2861,4980,2974],{"class":2973},[2861,4982,4983,4985,4987,4989],{"class":2863,"line":2870},[2861,4984,3936],{"class":2979},[2861,4986,2983],{"class":2973},[2861,4988,3942],{"class":3941},[2861,4990,2990],{"class":2973},[2861,4992,4993,4995,4997,4999],{"class":2863,"line":2876},[2861,4994,3006],{"class":2979},[2861,4996,2983],{"class":2973},[2861,4998,3953],{"class":2986},[2861,5000,2990],{"class":2973},[2861,5002,5003,5005,5007,5009,5011,5013],{"class":2863,"line":2882},[2861,5004,3960],{"class":2979},[2861,5006,2983],{"class":2973},[2861,5008,3965],{"class":2986},[2861,5010,2826],{"class":2973},[2861,5012,3970],{"class":2986},[2861,5014,2990],{"class":2973},[2861,5016,5017,5019,5021,5024],{"class":2863,"line":2888},[2861,5018,3977],{"class":2979},[2861,5020,2983],{"class":2973},[2861,5022,5023],{"class":3941},"0.85rem",[2861,5025,2990],{"class":2973},[2861,5027,5028,5030,5032,5034],{"class":2863,"line":2894},[2861,5029,3989],{"class":2979},[2861,5031,2983],{"class":2973},[2861,5033,3994],{"class":2986},[2861,5035,2990],{"class":2973},[2861,5037,5038],{"class":2863,"line":2900},[2861,5039,3041],{"class":2973},[2861,5041,5042,5045,5047,5049,5051,5053,5056,5058,5060,5062,5064,5066,5068,5071,5073,5076],{"class":2863,"line":2906},[2861,5043,5044],{"class":2969},".fd-label",[2861,5046,4056],{"class":2973},[2861,5048,4059],{"class":2979},[2861,5050,2983],{"class":2973},[2861,5052,4064],{"class":3941},[2861,5054,5055],{"class":3941}," 0",[2861,5057,4208],{"class":3941},[2861,5059,3105],{"class":2973},[2861,5061,4079],{"class":2979},[2861,5063,2983],{"class":2973},[2861,5065,4084],{"class":2986},[2861,5067,3105],{"class":2973},[2861,5069,5070],{"class":2979},"font-style",[2861,5072,2983],{"class":2973},[2861,5074,5075],{"class":2986},"italic",[2861,5077,4087],{"class":2973},[2861,5079,5080,5083,5085,5087,5089,5091,5093,5095,5097,5099,5101,5103,5105,5107],{"class":2863,"line":2912},[2861,5081,5082],{"class":2969},".focus-grid",[2861,5084,4056],{"class":2973},[2861,5086,4358],{"class":2979},[2861,5088,2983],{"class":2973},[2861,5090,4018],{"class":2986},[2861,5092,3105],{"class":2973},[2861,5094,4294],{"class":2979},[2861,5096,2983],{"class":2973},[2861,5098,4030],{"class":2986},[2861,5100,3105],{"class":2973},[2861,5102,4313],{"class":2979},[2861,5104,2983],{"class":2973},[2861,5106,4456],{"class":3941},[2861,5108,4087],{"class":2973},[2861,5110,5111,5114],{"class":2863,"line":2918},[2861,5112,5113],{"class":2969},".focus-field",[2861,5115,2974],{"class":2973},[2861,5117,5118,5120,5122,5124],{"class":2863,"line":3055},[2861,5119,4013],{"class":2979},[2861,5121,2983],{"class":2973},[2861,5123,4018],{"class":2986},[2861,5125,2990],{"class":2973},[2861,5127,5128,5130,5132,5134],{"class":2863,"line":3073},[2861,5129,4025],{"class":2979},[2861,5131,2983],{"class":2973},[2861,5133,4030],{"class":2986},[2861,5135,2990],{"class":2973},[2861,5137,5138,5140,5142,5145],{"class":2863,"line":3084},[2861,5139,4037],{"class":2979},[2861,5141,2983],{"class":2973},[2861,5143,5144],{"class":3941},"0.3rem",[2861,5146,2990],{"class":2973},[2861,5148,5149],{"class":2863,"line":3095},[2861,5150,3041],{"class":2973},[2861,5152,5153,5155,5158,5160,5162,5164,5167,5169,5171,5173,5176,5178,5180,5182,5185],{"class":2863,"line":3111},[2861,5154,5113],{"class":2969},[2861,5156,5157],{"class":2969}," label",[2861,5159,4056],{"class":2973},[2861,5161,4523],{"class":2979},[2861,5163,2983],{"class":2973},[2861,5165,5166],{"class":3941},"0.78rem",[2861,5168,3105],{"class":2973},[2861,5170,4069],{"class":2979},[2861,5172,2983],{"class":2973},[2861,5174,5175],{"class":3941},"600",[2861,5177,3105],{"class":2973},[2861,5179,4079],{"class":2979},[2861,5181,2983],{"class":2973},[2861,5183,5184],{"class":2986},"#374151",[2861,5186,4087],{"class":2973},[2861,5188,5189,5191,5193],{"class":2863,"line":3122},[2861,5190,5113],{"class":2969},[2861,5192,4248],{"class":2969},[2861,5194,2974],{"class":2973},[2861,5196,5197,5199,5201,5203,5205],{"class":2863,"line":3441},[2861,5198,3936],{"class":2979},[2861,5200,2983],{"class":2973},[2861,5202,4129],{"class":3941},[2861,5204,4208],{"class":3941},[2861,5206,2990],{"class":2973},[2861,5208,5209,5211,5213,5216,5218,5221],{"class":2863,"line":3459},[2861,5210,2995],{"class":2979},[2861,5212,2983],{"class":2973},[2861,5214,5215],{"class":3941},"1.5px",[2861,5217,4222],{"class":2986},[2861,5219,5220],{"class":2986}," #d1d5db",[2861,5222,2990],{"class":2973},[2861,5224,5225,5227,5229,5232],{"class":2863,"line":3483},[2861,5226,4190],{"class":2979},[2861,5228,2983],{"class":2973},[2861,5230,5231],{"class":3941},"7px",[2861,5233,2990],{"class":2973},[2861,5235,5236,5238,5240,5243],{"class":2863,"line":3492},[2861,5237,3977],{"class":2979},[2861,5239,2983],{"class":2973},[2861,5241,5242],{"class":3941},"0.9rem",[2861,5244,2990],{"class":2973},[2861,5246,5247,5249,5251,5253],{"class":2863,"line":3507},[2861,5248,3960],{"class":2979},[2861,5250,2983],{"class":2973},[2861,5252,3034],{"class":2986},[2861,5254,2990],{"class":2973},[2861,5256,5257,5259,5261,5263],{"class":2863,"line":3525},[2861,5258,3006],{"class":2979},[2861,5260,2983],{"class":2973},[2861,5262,4183],{"class":2986},[2861,5264,2990],{"class":2973},[2861,5266,5267,5269,5271,5273],{"class":2863,"line":3553},[2861,5268,3989],{"class":2979},[2861,5270,2983],{"class":2973},[2861,5272,3994],{"class":2986},[2861,5274,2990],{"class":2973},[2861,5276,5277,5279,5281,5283],{"class":2863,"line":3562},[2861,5278,3098],{"class":2979},[2861,5280,2983],{"class":2973},[2861,5282,2987],{"class":2986},[2861,5284,2990],{"class":2973},[2861,5286,5287,5290,5293,5296,5299,5301],{"class":2863,"line":3572},[2861,5288,5289],{"class":2979},"  transition",[2861,5291,5292],{"class":2973},": border-color ",[2861,5294,5295],{"class":3941},"0.15s",[2861,5297,5298],{"class":2973},", box-shadow ",[2861,5300,5295],{"class":3941},[2861,5302,2990],{"class":2973},[2861,5304,5305],{"class":2863,"line":3588},[2861,5306,3041],{"class":2973},[2861,5308,5309],{"class":2863,"line":3604},[2861,5310,3047],{"emptyLinePlaceholder":3046},[2861,5312,5313],{"class":2863,"line":3622},[2861,5314,5315],{"class":2963},"/* :focus — спрацьовує ЗАВЖДИ */\n",[2861,5317,5318,5321],{"class":2863,"line":3639},[2861,5319,5320],{"class":2969},".fi-always:focus",[2861,5322,2974],{"class":2973},[2861,5324,5325,5328,5330,5332],{"class":2863,"line":3663},[2861,5326,5327],{"class":2979},"  border-color",[2861,5329,2983],{"class":2973},[2861,5331,4006],{"class":2986},[2861,5333,2990],{"class":2973},[2861,5335,5336,5339,5341,5343,5345,5347,5350,5354,5357,5360,5362,5365,5367,5370,5372,5375],{"class":2863,"line":3685},[2861,5337,5338],{"class":2979},"  box-shadow",[2861,5340,2983],{"class":2973},[2861,5342,4064],{"class":3941},[2861,5344,5055],{"class":3941},[2861,5346,5055],{"class":3941},[2861,5348,5349],{"class":3941}," 3px",[2861,5351,5353],{"class":5352},"s8Opu"," rgba",[2861,5355,5356],{"class":2973},"(",[2861,5358,5359],{"class":3941},"99",[2861,5361,2826],{"class":2973},[2861,5363,5364],{"class":3941},"102",[2861,5366,2826],{"class":2973},[2861,5368,5369],{"class":3941},"241",[2861,5371,2826],{"class":2973},[2861,5373,5374],{"class":3941},"0.2",[2861,5376,5377],{"class":2973},");\n",[2861,5379,5380],{"class":2863,"line":3694},[2861,5381,3041],{"class":2973},[2861,5383,5384],{"class":2863,"line":3710},[2861,5385,3047],{"emptyLinePlaceholder":3046},[2861,5387,5388],{"class":2863,"line":3728},[2861,5389,5390],{"class":2963},"/* :focus-visible — тільки при навігації клавіатурою */\n",[2861,5392,5393,5396],{"class":2863,"line":3745},[2861,5394,5395],{"class":2969},".fi-visible:focus-visible",[2861,5397,2974],{"class":2973},[2861,5399,5400,5402,5404,5406],{"class":2863,"line":3769},[2861,5401,5327],{"class":2979},[2861,5403,2983],{"class":2973},[2861,5405,4594],{"class":2986},[2861,5407,2990],{"class":2973},[2861,5409,5410,5412,5414,5416,5418,5420,5422,5424,5426,5429,5431,5434,5436,5439,5441,5443],{"class":2863,"line":3790},[2861,5411,5338],{"class":2979},[2861,5413,2983],{"class":2973},[2861,5415,4064],{"class":3941},[2861,5417,5055],{"class":3941},[2861,5419,5055],{"class":3941},[2861,5421,5349],{"class":3941},[2861,5423,5353],{"class":5352},[2861,5425,5356],{"class":2973},[2861,5427,5428],{"class":3941},"16",[2861,5430,2826],{"class":2973},[2861,5432,5433],{"class":3941},"185",[2861,5435,2826],{"class":2973},[2861,5437,5438],{"class":3941},"129",[2861,5440,2826],{"class":2973},[2861,5442,5374],{"class":3941},[2861,5444,5377],{"class":2973},[2861,5446,5447],{"class":2863,"line":3799},[2861,5448,3041],{"class":2973},[2861,5450,5451],{"class":2863,"line":3815},[2861,5452,5453],{"class":2963},"/* .fi-visible:focus залишається без кастомного стилю — чистий клік */\n",[2861,5455,5456],{"class":2863,"line":3833},[2861,5457,3047],{"emptyLinePlaceholder":3046},[2861,5459,5460],{"class":2863,"line":3850},[2861,5461,5462],{"class":2963},"/* :focus-within на контейнері */\n",[2861,5464,5465,5468],{"class":2863,"line":3874},[2861,5466,5467],{"class":2969},".focus-within-demo",[2861,5469,2974],{"class":2973},[2861,5471,5472,5474,5476,5478],{"class":2863,"line":3895},[2861,5473,3006],{"class":2979},[2861,5475,2983],{"class":2973},[2861,5477,4183],{"class":2986},[2861,5479,2990],{"class":2973},[2861,5481,5482,5484,5486,5488,5490,5492],{"class":2863,"line":3904},[2861,5483,2995],{"class":2979},[2861,5485,2983],{"class":2973},[2861,5487,5215],{"class":3941},[2861,5489,4222],{"class":2986},[2861,5491,4225],{"class":2986},[2861,5493,2990],{"class":2973},[2861,5495,5496,5498,5500,5502],{"class":2863,"line":3913},[2861,5497,4190],{"class":2979},[2861,5499,2983],{"class":2973},[2861,5501,4431],{"class":3941},[2861,5503,2990],{"class":2973},[2861,5505,5506,5508,5510,5512,5514],{"class":2863,"line":4549},[2861,5507,3936],{"class":2979},[2861,5509,2983],{"class":2973},[2861,5511,4456],{"class":3941},[2861,5513,4208],{"class":3941},[2861,5515,2990],{"class":2973},[2861,5517,5518,5520,5522,5524,5526,5530,5533],{"class":2863,"line":4566},[2861,5519,5289],{"class":2979},[2861,5521,5292],{"class":2973},[2861,5523,5295],{"class":3941},[2861,5525,2826],{"class":2973},[2861,5527,5529],{"class":5528},"se1LK","background",[2861,5531,5532],{"class":3941}," 0.15s",[2861,5534,2990],{"class":2973},[2861,5536,5537],{"class":2863,"line":4582},[2861,5538,3041],{"class":2973},[2861,5540,5541,5544],{"class":2863,"line":4599},[2861,5542,5543],{"class":2969},".focus-within-demo:focus-within",[2861,5545,2974],{"class":2973},[2861,5547,5549,5551,5553,5555],{"class":2863,"line":5548},50,[2861,5550,5327],{"class":2979},[2861,5552,2983],{"class":2973},[2861,5554,4611],{"class":2986},[2861,5556,2990],{"class":2973},[2861,5558,5560,5562,5564,5567],{"class":2863,"line":5559},51,[2861,5561,3006],{"class":2979},[2861,5563,2983],{"class":2973},[2861,5565,5566],{"class":2986},"#fdf2f8",[2861,5568,2990],{"class":2973},[2861,5570,5572],{"class":2863,"line":5571},52,[2861,5573,3041],{"class":2973},[2861,5575,5577,5579,5581],{"class":2863,"line":5576},53,[2861,5578,5543],{"class":2969},[2861,5580,5157],{"class":2969},[2861,5582,2974],{"class":2973},[2861,5584,5586,5588,5590,5592],{"class":2863,"line":5585},54,[2861,5587,3989],{"class":2979},[2861,5589,2983],{"class":2973},[2861,5591,4611],{"class":2986},[2861,5593,2990],{"class":2973},[2861,5595,5597],{"class":2863,"line":5596},55,[2861,5598,3041],{"class":2973},[2861,5600,5602,5604,5606,5608,5611,5613,5615,5617],{"class":2863,"line":5601},56,[2861,5603,5467],{"class":2969},[2861,5605,5157],{"class":2969},[2861,5607,4056],{"class":2973},[2861,5609,5610],{"class":2979},"transition",[2861,5612,2983],{"class":2973},[2861,5614,4079],{"class":2986},[2861,5616,5532],{"class":3941},[2861,5618,4087],{"class":2973},[2861,5620,5622,5624,5626],{"class":2863,"line":5621},57,[2861,5623,5467],{"class":2969},[2861,5625,4248],{"class":2969},[2861,5627,2974],{"class":2973},[2861,5629,5631,5633,5635,5637],{"class":2863,"line":5630},58,[2861,5632,2995],{"class":2979},[2861,5634,2983],{"class":2973},[2861,5636,2987],{"class":2986},[2861,5638,2990],{"class":2973},[2861,5640,5642,5644,5646,5648,5650],{"class":2863,"line":5641},59,[2861,5643,3936],{"class":2979},[2861,5645,2983],{"class":2973},[2861,5647,4318],{"class":3941},[2861,5649,5055],{"class":3941},[2861,5651,2990],{"class":2973},[2861,5653,5655,5657,5659,5662],{"class":2863,"line":5654},60,[2861,5656,3006],{"class":2979},[2861,5658,2983],{"class":2973},[2861,5660,5661],{"class":2986},"transparent",[2861,5663,2990],{"class":2973},[2861,5665,5667,5670,5672,5674],{"class":2863,"line":5666},61,[2861,5668,5669],{"class":2979},"  width",[2861,5671,2983],{"class":2973},[2861,5673,4342],{"class":3941},[2861,5675,2990],{"class":2973},[2861,5677,5679],{"class":2863,"line":5678},62,[2861,5680,3041],{"class":2973},[2935,5682,5684,5685,2826,5688,2826,5691],{"id":5683},"стани-вмісту-checked-placeholder-shown-read-only","Стани вмісту: ",[2808,5686,5687],{},":checked",[2808,5689,5690],{},":placeholder-shown",[2808,5692,5693],{},":read-only",[3168,5695,5696,6028],{},[2853,5697,5699],{"className":3172,"code":5698,"language":3174,"meta":2857,"style":2857},"\u003Cdiv class=\"state-demo\">\n  \u003Cdiv class=\"state-row\">\n    \u003Clabel class=\"toggle-label\">\n      \u003Cinput type=\"checkbox\" class=\"toggle-cb\">\n      \u003Cspan class=\"toggle-track\">\u003Cspan class=\"toggle-thumb\">\u003C/span>\u003C/span>\n      \u003Cspan class=\"toggle-text\">Сповіщення\u003C/span>\n    \u003C/label>\n  \u003C/div>\n  \u003Cdiv class=\"state-row\">\n    \u003Cdiv class=\"placeholder-field\">\n      \u003Cinput type=\"text\" placeholder=\"Введіть щось...\" class=\"ph-input\">\n      \u003Clabel class=\"ph-label\">Ваше ім'я\u003C/label>\n    \u003C/div>\n  \u003C/div>\n  \u003Cdiv class=\"state-row\">\n    \u003Cinput class=\"ro-input\" type=\"text\" value=\"Тільки для читання\" readonly>\n    \u003Cinput class=\"rw-input\" type=\"text\" value=\"Можна редагувати\">\n  \u003C/div>\n\u003C/div>\n",[2808,5700,5701,5716,5731,5746,5767,5802,5826,5834,5842,5856,5871,5899,5923,5931,5939,5953,5984,6012,6020],{"__ignoreMap":2857},[2861,5702,5703,5705,5707,5709,5711,5714],{"class":2863,"line":2864},[2861,5704,3182],{"class":3181},[2861,5706,2821],{"class":3185},[2861,5708,3188],{"class":2979},[2861,5710,3191],{"class":2973},[2861,5712,5713],{"class":3194},"\"state-demo\"",[2861,5715,3198],{"class":3181},[2861,5717,5718,5720,5722,5724,5726,5729],{"class":2863,"line":2870},[2861,5719,3203],{"class":3181},[2861,5721,2821],{"class":3185},[2861,5723,3188],{"class":2979},[2861,5725,3191],{"class":2973},[2861,5727,5728],{"class":3194},"\"state-row\"",[2861,5730,3198],{"class":3181},[2861,5732,5733,5735,5737,5739,5741,5744],{"class":2863,"line":2876},[2861,5734,3245],{"class":3181},[2861,5736,3248],{"class":3185},[2861,5738,3188],{"class":2979},[2861,5740,3191],{"class":2973},[2861,5742,5743],{"class":3194},"\"toggle-label\"",[2861,5745,3198],{"class":3181},[2861,5747,5748,5750,5752,5754,5756,5758,5760,5762,5765],{"class":2863,"line":2882},[2861,5749,3262],{"class":3181},[2861,5751,3058],{"class":3185},[2861,5753,3267],{"class":2979},[2861,5755,3191],{"class":2973},[2861,5757,3272],{"class":3194},[2861,5759,3188],{"class":2979},[2861,5761,3191],{"class":2973},[2861,5763,5764],{"class":3194},"\"toggle-cb\"",[2861,5766,3198],{"class":3181},[2861,5768,5769,5771,5773,5775,5777,5780,5783,5785,5787,5789,5792,5794,5796,5798,5800],{"class":2863,"line":2888},[2861,5770,3262],{"class":3181},[2861,5772,2861],{"class":3185},[2861,5774,3188],{"class":2979},[2861,5776,3191],{"class":2973},[2861,5778,5779],{"class":3194},"\"toggle-track\"",[2861,5781,5782],{"class":3181},">\u003C",[2861,5784,2861],{"class":3185},[2861,5786,3188],{"class":2979},[2861,5788,3191],{"class":2973},[2861,5790,5791],{"class":3194},"\"toggle-thumb\"",[2861,5793,3546],{"class":3181},[2861,5795,2861],{"class":3185},[2861,5797,3546],{"class":3181},[2861,5799,2861],{"class":3185},[2861,5801,3198],{"class":3181},[2861,5803,5804,5806,5808,5810,5812,5815,5817,5820,5822,5824],{"class":2863,"line":2894},[2861,5805,3262],{"class":3181},[2861,5807,2861],{"class":3185},[2861,5809,3188],{"class":2979},[2861,5811,3191],{"class":2973},[2861,5813,5814],{"class":3194},"\"toggle-text\"",[2861,5816,3215],{"class":3181},[2861,5818,5819],{"class":2973},"Сповіщення",[2861,5821,3221],{"class":3181},[2861,5823,2861],{"class":3185},[2861,5825,3198],{"class":3181},[2861,5827,5828,5830,5832],{"class":2863,"line":2900},[2861,5829,3285],{"class":3181},[2861,5831,3248],{"class":3185},[2861,5833,3198],{"class":3181},[2861,5835,5836,5838,5840],{"class":2863,"line":2906},[2861,5837,3565],{"class":3181},[2861,5839,2821],{"class":3185},[2861,5841,3198],{"class":3181},[2861,5843,5844,5846,5848,5850,5852,5854],{"class":2863,"line":2912},[2861,5845,3203],{"class":3181},[2861,5847,2821],{"class":3185},[2861,5849,3188],{"class":2979},[2861,5851,3191],{"class":2973},[2861,5853,5728],{"class":3194},[2861,5855,3198],{"class":3181},[2861,5857,5858,5860,5862,5864,5866,5869],{"class":2863,"line":2918},[2861,5859,3245],{"class":3181},[2861,5861,2821],{"class":3185},[2861,5863,3188],{"class":2979},[2861,5865,3191],{"class":2973},[2861,5867,5868],{"class":3194},"\"placeholder-field\"",[2861,5870,3198],{"class":3181},[2861,5872,5873,5875,5877,5879,5881,5883,5885,5887,5890,5892,5894,5897],{"class":2863,"line":3055},[2861,5874,3262],{"class":3181},[2861,5876,3058],{"class":3185},[2861,5878,3267],{"class":2979},[2861,5880,3191],{"class":2973},[2861,5882,4807],{"class":3194},[2861,5884,4810],{"class":2979},[2861,5886,3191],{"class":2973},[2861,5888,5889],{"class":3194},"\"Введіть щось...\"",[2861,5891,3188],{"class":2979},[2861,5893,3191],{"class":2973},[2861,5895,5896],{"class":3194},"\"ph-input\"",[2861,5898,3198],{"class":3181},[2861,5900,5901,5903,5905,5907,5909,5912,5914,5917,5919,5921],{"class":2863,"line":3073},[2861,5902,3262],{"class":3181},[2861,5904,3248],{"class":3185},[2861,5906,3188],{"class":2979},[2861,5908,3191],{"class":2973},[2861,5910,5911],{"class":3194},"\"ph-label\"",[2861,5913,3215],{"class":3181},[2861,5915,5916],{"class":2973},"Ваше ім'я",[2861,5918,3221],{"class":3181},[2861,5920,3248],{"class":3185},[2861,5922,3198],{"class":3181},[2861,5924,5925,5927,5929],{"class":2863,"line":3084},[2861,5926,3285],{"class":3181},[2861,5928,2821],{"class":3185},[2861,5930,3198],{"class":3181},[2861,5932,5933,5935,5937],{"class":2863,"line":3095},[2861,5934,3565],{"class":3181},[2861,5936,2821],{"class":3185},[2861,5938,3198],{"class":3181},[2861,5940,5941,5943,5945,5947,5949,5951],{"class":2863,"line":3111},[2861,5942,3203],{"class":3181},[2861,5944,2821],{"class":3185},[2861,5946,3188],{"class":2979},[2861,5948,3191],{"class":2973},[2861,5950,5728],{"class":3194},[2861,5952,3198],{"class":3181},[2861,5954,5955,5957,5959,5961,5963,5966,5968,5970,5972,5974,5976,5979,5982],{"class":2863,"line":3122},[2861,5956,3245],{"class":3181},[2861,5958,3058],{"class":3185},[2861,5960,3188],{"class":2979},[2861,5962,3191],{"class":2973},[2861,5964,5965],{"class":3194},"\"ro-input\"",[2861,5967,3267],{"class":2979},[2861,5969,3191],{"class":2973},[2861,5971,4807],{"class":3194},[2861,5973,3473],{"class":2979},[2861,5975,3191],{"class":2973},[2861,5977,5978],{"class":3194},"\"Тільки для читання\"",[2861,5980,5981],{"class":2979}," readonly",[2861,5983,3198],{"class":3181},[2861,5985,5986,5988,5990,5992,5994,5997,5999,6001,6003,6005,6007,6010],{"class":2863,"line":3441},[2861,5987,3245],{"class":3181},[2861,5989,3058],{"class":3185},[2861,5991,3188],{"class":2979},[2861,5993,3191],{"class":2973},[2861,5995,5996],{"class":3194},"\"rw-input\"",[2861,5998,3267],{"class":2979},[2861,6000,3191],{"class":2973},[2861,6002,4807],{"class":3194},[2861,6004,3473],{"class":2979},[2861,6006,3191],{"class":2973},[2861,6008,6009],{"class":3194},"\"Можна редагувати\"",[2861,6011,3198],{"class":3181},[2861,6013,6014,6016,6018],{"class":2863,"line":3459},[2861,6015,3565],{"class":3181},[2861,6017,2821],{"class":3185},[2861,6019,3198],{"class":3181},[2861,6021,6022,6024,6026],{"class":2863,"line":3483},[2861,6023,3221],{"class":3181},[2861,6025,2821],{"class":3185},[2861,6027,3198],{"class":3181},[2853,6029,6031],{"className":2954,"code":6030,"language":2956,"meta":2857,"style":2857},".state-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.state-row { display: flex; flex-direction: column; gap: 0.4rem; }\n\n/* Toggle switch через :checked */\n.toggle-label { display: flex; align-items: center; gap: 0.75rem; cursor: pointer; }\n.toggle-cb { display: none; }\n.toggle-track {\n  width: 44px; height: 24px;\n  background: #d1d5db;\n  border-radius: 100px;\n  position: relative;\n  transition: background 0.25s;\n  flex-shrink: 0;\n}\n.toggle-thumb {\n  position: absolute;\n  top: 3px; left: 3px;\n  width: 18px; height: 18px;\n  border-radius: 50%;\n  background: white;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n  transition: transform 0.25s;\n}\n.toggle-cb:checked + .toggle-track {\n  background: #6366f1;\n}\n.toggle-cb:checked + .toggle-track .toggle-thumb {\n  transform: translateX(20px);\n}\n.toggle-text { font-size: 0.9rem; color: #374151; }\n\n/* Floating label через :placeholder-shown */\n.placeholder-field { position: relative; }\n.ph-input {\n  width: 100%;\n  padding: 1.25rem 0.75rem 0.4rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 8px;\n  font-size: 0.9rem;\n  font-family: inherit;\n  outline: none;\n  background: white;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.ph-input::placeholder { color: transparent; }\n.ph-label {\n  position: absolute;\n  left: 0.75rem;\n  top: 0.75rem;\n  font-size: 0.9rem;\n  color: #9ca3af;\n  pointer-events: none;\n  transition: all 0.15s ease;\n  transform-origin: left top;\n}\n/* Коли поле порожнє — label великий (placeholder видно) */\n.ph-input:placeholder-shown + .ph-label {\n  top: 0.75rem;\n  font-size: 0.9rem;\n  color: #9ca3af;\n}\n/* Коли є текст або фокус — label маленький вгорі */\n.ph-input:not(:placeholder-shown) + .ph-label,\n.ph-input:focus + .ph-label {\n  top: 0.3rem;\n  font-size: 0.68rem;\n  color: #6366f1;\n  font-weight: 600;\n}\n.ph-input:focus { border-color: #6366f1; }\n\n/* :read-only vs :read-write */\n.ro-input, .rw-input {\n  padding: 0.5rem 0.75rem;\n  border: 1.5px solid;\n  border-radius: 6px;\n  font-size: 0.875rem;\n  font-family: inherit;\n  outline: none;\n  width: 100%;\n  box-sizing: border-box;\n}\n.ro-input {\n  border-color: #e2e8f0;\n  background: #f8fafc;\n  color: #94a3b8;\n  cursor: not-allowed;\n}\n.ro-input:read-only { background: #f1f5f9; }\n.rw-input {\n  border-color: #d1d5db;\n  background: white;\n  color: #1e293b;\n}\n.rw-input:read-write:focus { border-color: #6366f1; }\n",[2808,6032,6033,6040,6050,6060,6074,6084,6094,6104,6114,6124,6128,6159,6163,6168,6208,6223,6230,6250,6261,6271,6283,6296,6307,6311,6318,6329,6350,6369,6380,6390,6424,6436,6440,6452,6462,6466,6479,6496,6500,6523,6527,6532,6548,6555,6565,6581,6595,6605,6615,6625,6635,6645,6657,6667,6671,6686,6693,6703,6714,6724,6734,6745,6756,6773,6788,6793,6799,6816,6827,6838,6849,6854,6860,6879,6891,6902,6914,6925,6937,6942,6958,6963,6969,6982,6995,7008,7019,7030,7041,7052,7063,7074,7079,7086,7098,7109,7121,7133,7138,7155,7162,7173,7184,7195,7200],{"__ignoreMap":2857},[2861,6034,6035,6038],{"class":2863,"line":2864},[2861,6036,6037],{"class":2969},".state-demo",[2861,6039,2974],{"class":2973},[2861,6041,6042,6044,6046,6048],{"class":2863,"line":2870},[2861,6043,3936],{"class":2979},[2861,6045,2983],{"class":2973},[2861,6047,3942],{"class":3941},[2861,6049,2990],{"class":2973},[2861,6051,6052,6054,6056,6058],{"class":2863,"line":2876},[2861,6053,3006],{"class":2979},[2861,6055,2983],{"class":2973},[2861,6057,3953],{"class":2986},[2861,6059,2990],{"class":2973},[2861,6061,6062,6064,6066,6068,6070,6072],{"class":2863,"line":2882},[2861,6063,3960],{"class":2979},[2861,6065,2983],{"class":2973},[2861,6067,3965],{"class":2986},[2861,6069,2826],{"class":2973},[2861,6071,3970],{"class":2986},[2861,6073,2990],{"class":2973},[2861,6075,6076,6078,6080,6082],{"class":2863,"line":2888},[2861,6077,3977],{"class":2979},[2861,6079,2983],{"class":2973},[2861,6081,3982],{"class":3941},[2861,6083,2990],{"class":2973},[2861,6085,6086,6088,6090,6092],{"class":2863,"line":2894},[2861,6087,3989],{"class":2979},[2861,6089,2983],{"class":2973},[2861,6091,3994],{"class":2986},[2861,6093,2990],{"class":2973},[2861,6095,6096,6098,6100,6102],{"class":2863,"line":2900},[2861,6097,4013],{"class":2979},[2861,6099,2983],{"class":2973},[2861,6101,4018],{"class":2986},[2861,6103,2990],{"class":2973},[2861,6105,6106,6108,6110,6112],{"class":2863,"line":2906},[2861,6107,4025],{"class":2979},[2861,6109,2983],{"class":2973},[2861,6111,4030],{"class":2986},[2861,6113,2990],{"class":2973},[2861,6115,6116,6118,6120,6122],{"class":2863,"line":2912},[2861,6117,4037],{"class":2979},[2861,6119,2983],{"class":2973},[2861,6121,4042],{"class":3941},[2861,6123,2990],{"class":2973},[2861,6125,6126],{"class":2863,"line":2918},[2861,6127,3041],{"class":2973},[2861,6129,6130,6133,6135,6137,6139,6141,6143,6145,6147,6149,6151,6153,6155,6157],{"class":2863,"line":3055},[2861,6131,6132],{"class":2969},".state-row",[2861,6134,4056],{"class":2973},[2861,6136,4358],{"class":2979},[2861,6138,2983],{"class":2973},[2861,6140,4018],{"class":2986},[2861,6142,3105],{"class":2973},[2861,6144,4294],{"class":2979},[2861,6146,2983],{"class":2973},[2861,6148,4030],{"class":2986},[2861,6150,3105],{"class":2973},[2861,6152,4313],{"class":2979},[2861,6154,2983],{"class":2973},[2861,6156,4487],{"class":3941},[2861,6158,4087],{"class":2973},[2861,6160,6161],{"class":2863,"line":3073},[2861,6162,3047],{"emptyLinePlaceholder":3046},[2861,6164,6165],{"class":2863,"line":3084},[2861,6166,6167],{"class":2963},"/* Toggle switch через :checked */\n",[2861,6169,6170,6173,6175,6177,6179,6181,6183,6185,6187,6189,6191,6193,6195,6197,6199,6202,6204,6206],{"class":2863,"line":3095},[2861,6171,6172],{"class":2969},".toggle-label",[2861,6174,4056],{"class":2973},[2861,6176,4358],{"class":2979},[2861,6178,2983],{"class":2973},[2861,6180,4018],{"class":2986},[2861,6182,3105],{"class":2973},[2861,6184,4303],{"class":2979},[2861,6186,2983],{"class":2973},[2861,6188,4162],{"class":2986},[2861,6190,3105],{"class":2973},[2861,6192,4313],{"class":2979},[2861,6194,2983],{"class":2973},[2861,6196,4042],{"class":3941},[2861,6198,3105],{"class":2973},[2861,6200,6201],{"class":2979},"cursor",[2861,6203,2983],{"class":2973},[2861,6205,3022],{"class":2986},[2861,6207,4087],{"class":2973},[2861,6209,6210,6213,6215,6217,6219,6221],{"class":2863,"line":3111},[2861,6211,6212],{"class":2969},".toggle-cb",[2861,6214,4056],{"class":2973},[2861,6216,4358],{"class":2979},[2861,6218,2983],{"class":2973},[2861,6220,2987],{"class":2986},[2861,6222,4087],{"class":2973},[2861,6224,6225,6228],{"class":2863,"line":3122},[2861,6226,6227],{"class":2969},".toggle-track",[2861,6229,2974],{"class":2973},[2861,6231,6232,6234,6236,6239,6241,6243,6245,6248],{"class":2863,"line":3441},[2861,6233,5669],{"class":2979},[2861,6235,2983],{"class":2973},[2861,6237,6238],{"class":3941},"44px",[2861,6240,3105],{"class":2973},[2861,6242,4262],{"class":2979},[2861,6244,2983],{"class":2973},[2861,6246,6247],{"class":3941},"24px",[2861,6249,2990],{"class":2973},[2861,6251,6252,6254,6256,6259],{"class":2863,"line":3459},[2861,6253,3006],{"class":2979},[2861,6255,2983],{"class":2973},[2861,6257,6258],{"class":2986},"#d1d5db",[2861,6260,2990],{"class":2973},[2861,6262,6263,6265,6267,6269],{"class":2863,"line":3483},[2861,6264,4190],{"class":2979},[2861,6266,2983],{"class":2973},[2861,6268,4410],{"class":3941},[2861,6270,2990],{"class":2973},[2861,6272,6273,6276,6278,6281],{"class":2863,"line":3492},[2861,6274,6275],{"class":2979},"  position",[2861,6277,2983],{"class":2973},[2861,6279,6280],{"class":2986},"relative",[2861,6282,2990],{"class":2973},[2861,6284,6285,6287,6289,6291,6294],{"class":2863,"line":3507},[2861,6286,5289],{"class":2979},[2861,6288,2983],{"class":2973},[2861,6290,5529],{"class":5528},[2861,6292,6293],{"class":3941}," 0.25s",[2861,6295,2990],{"class":2973},[2861,6297,6298,6301,6303,6305],{"class":2863,"line":3525},[2861,6299,6300],{"class":2979},"  flex-shrink",[2861,6302,2983],{"class":2973},[2861,6304,4064],{"class":3941},[2861,6306,2990],{"class":2973},[2861,6308,6309],{"class":2863,"line":3553},[2861,6310,3041],{"class":2973},[2861,6312,6313,6316],{"class":2863,"line":3562},[2861,6314,6315],{"class":2969},".toggle-thumb",[2861,6317,2974],{"class":2973},[2861,6319,6320,6322,6324,6327],{"class":2863,"line":3572},[2861,6321,6275],{"class":2979},[2861,6323,2983],{"class":2973},[2861,6325,6326],{"class":2986},"absolute",[2861,6328,2990],{"class":2973},[2861,6330,6331,6334,6336,6339,6341,6344,6346,6348],{"class":2863,"line":3588},[2861,6332,6333],{"class":2979},"  top",[2861,6335,2983],{"class":2973},[2861,6337,6338],{"class":3941},"3px",[2861,6340,3105],{"class":2973},[2861,6342,6343],{"class":2979},"left",[2861,6345,2983],{"class":2973},[2861,6347,6338],{"class":3941},[2861,6349,2990],{"class":2973},[2861,6351,6352,6354,6356,6359,6361,6363,6365,6367],{"class":2863,"line":3604},[2861,6353,5669],{"class":2979},[2861,6355,2983],{"class":2973},[2861,6357,6358],{"class":3941},"18px",[2861,6360,3105],{"class":2973},[2861,6362,4262],{"class":2979},[2861,6364,2983],{"class":2973},[2861,6366,6358],{"class":3941},[2861,6368,2990],{"class":2973},[2861,6370,6371,6373,6375,6378],{"class":2863,"line":3622},[2861,6372,4190],{"class":2979},[2861,6374,2983],{"class":2973},[2861,6376,6377],{"class":3941},"50%",[2861,6379,2990],{"class":2973},[2861,6381,6382,6384,6386,6388],{"class":2863,"line":3639},[2861,6383,3006],{"class":2979},[2861,6385,2983],{"class":2973},[2861,6387,4183],{"class":2986},[2861,6389,2990],{"class":2973},[2861,6391,6392,6394,6396,6398,6401,6403,6405,6407,6409,6412,6414,6416,6418,6420,6422],{"class":2863,"line":3663},[2861,6393,5338],{"class":2979},[2861,6395,2983],{"class":2973},[2861,6397,4064],{"class":3941},[2861,6399,6400],{"class":3941}," 1px",[2861,6402,5349],{"class":3941},[2861,6404,5353],{"class":5352},[2861,6406,5356],{"class":2973},[2861,6408,4064],{"class":3941},[2861,6410,6411],{"class":2973},",",[2861,6413,4064],{"class":3941},[2861,6415,6411],{"class":2973},[2861,6417,4064],{"class":3941},[2861,6419,6411],{"class":2973},[2861,6421,5374],{"class":3941},[2861,6423,5377],{"class":2973},[2861,6425,6426,6428,6431,6434],{"class":2863,"line":3685},[2861,6427,5289],{"class":2979},[2861,6429,6430],{"class":2973},": transform ",[2861,6432,6433],{"class":3941},"0.25s",[2861,6435,2990],{"class":2973},[2861,6437,6438],{"class":2863,"line":3694},[2861,6439,3041],{"class":2973},[2861,6441,6442,6445,6448,6450],{"class":2863,"line":3710},[2861,6443,6444],{"class":2969},".toggle-cb:checked",[2861,6446,6447],{"class":2973}," + ",[2861,6449,6227],{"class":2969},[2861,6451,2974],{"class":2973},[2861,6453,6454,6456,6458,6460],{"class":2863,"line":3728},[2861,6455,3006],{"class":2979},[2861,6457,2983],{"class":2973},[2861,6459,4006],{"class":2986},[2861,6461,2990],{"class":2973},[2861,6463,6464],{"class":2863,"line":3745},[2861,6465,3041],{"class":2973},[2861,6467,6468,6470,6472,6474,6477],{"class":2863,"line":3769},[2861,6469,6444],{"class":2969},[2861,6471,6447],{"class":2973},[2861,6473,6227],{"class":2969},[2861,6475,6476],{"class":2969}," .toggle-thumb",[2861,6478,2974],{"class":2973},[2861,6480,6481,6484,6486,6489,6491,6494],{"class":2863,"line":3790},[2861,6482,6483],{"class":2979},"  transform",[2861,6485,2983],{"class":2973},[2861,6487,6488],{"class":5352},"translateX",[2861,6490,5356],{"class":2973},[2861,6492,6493],{"class":3941},"20px",[2861,6495,5377],{"class":2973},[2861,6497,6498],{"class":2863,"line":3799},[2861,6499,3041],{"class":2973},[2861,6501,6502,6505,6507,6509,6511,6513,6515,6517,6519,6521],{"class":2863,"line":3815},[2861,6503,6504],{"class":2969},".toggle-text",[2861,6506,4056],{"class":2973},[2861,6508,4523],{"class":2979},[2861,6510,2983],{"class":2973},[2861,6512,5242],{"class":3941},[2861,6514,3105],{"class":2973},[2861,6516,4079],{"class":2979},[2861,6518,2983],{"class":2973},[2861,6520,5184],{"class":2986},[2861,6522,4087],{"class":2973},[2861,6524,6525],{"class":2863,"line":3833},[2861,6526,3047],{"emptyLinePlaceholder":3046},[2861,6528,6529],{"class":2863,"line":3850},[2861,6530,6531],{"class":2963},"/* Floating label через :placeholder-shown */\n",[2861,6533,6534,6537,6539,6542,6544,6546],{"class":2863,"line":3874},[2861,6535,6536],{"class":2969},".placeholder-field",[2861,6538,4056],{"class":2973},[2861,6540,6541],{"class":2979},"position",[2861,6543,2983],{"class":2973},[2861,6545,6280],{"class":2986},[2861,6547,4087],{"class":2973},[2861,6549,6550,6553],{"class":2863,"line":3895},[2861,6551,6552],{"class":2969},".ph-input",[2861,6554,2974],{"class":2973},[2861,6556,6557,6559,6561,6563],{"class":2863,"line":3904},[2861,6558,5669],{"class":2979},[2861,6560,2983],{"class":2973},[2861,6562,4342],{"class":3941},[2861,6564,2990],{"class":2973},[2861,6566,6567,6569,6571,6574,6576,6579],{"class":2863,"line":3913},[2861,6568,3936],{"class":2979},[2861,6570,2983],{"class":2973},[2861,6572,6573],{"class":3941},"1.25rem",[2861,6575,4208],{"class":3941},[2861,6577,6578],{"class":3941}," 0.4rem",[2861,6580,2990],{"class":2973},[2861,6582,6583,6585,6587,6589,6591,6593],{"class":2863,"line":4549},[2861,6584,2995],{"class":2979},[2861,6586,2983],{"class":2973},[2861,6588,5215],{"class":3941},[2861,6590,4222],{"class":2986},[2861,6592,5220],{"class":2986},[2861,6594,2990],{"class":2973},[2861,6596,6597,6599,6601,6603],{"class":2863,"line":4566},[2861,6598,4190],{"class":2979},[2861,6600,2983],{"class":2973},[2861,6602,4431],{"class":3941},[2861,6604,2990],{"class":2973},[2861,6606,6607,6609,6611,6613],{"class":2863,"line":4582},[2861,6608,3977],{"class":2979},[2861,6610,2983],{"class":2973},[2861,6612,5242],{"class":3941},[2861,6614,2990],{"class":2973},[2861,6616,6617,6619,6621,6623],{"class":2863,"line":4599},[2861,6618,3960],{"class":2979},[2861,6620,2983],{"class":2973},[2861,6622,3034],{"class":2986},[2861,6624,2990],{"class":2973},[2861,6626,6627,6629,6631,6633],{"class":2863,"line":5548},[2861,6628,3098],{"class":2979},[2861,6630,2983],{"class":2973},[2861,6632,2987],{"class":2986},[2861,6634,2990],{"class":2973},[2861,6636,6637,6639,6641,6643],{"class":2863,"line":5559},[2861,6638,3006],{"class":2979},[2861,6640,2983],{"class":2973},[2861,6642,4183],{"class":2986},[2861,6644,2990],{"class":2973},[2861,6646,6647,6650,6652,6655],{"class":2863,"line":5571},[2861,6648,6649],{"class":2979},"  box-sizing",[2861,6651,2983],{"class":2973},[2861,6653,6654],{"class":2986},"border-box",[2861,6656,2990],{"class":2973},[2861,6658,6659,6661,6663,6665],{"class":2863,"line":5576},[2861,6660,5289],{"class":2979},[2861,6662,5292],{"class":2973},[2861,6664,5295],{"class":3941},[2861,6666,2990],{"class":2973},[2861,6668,6669],{"class":2863,"line":5585},[2861,6670,3041],{"class":2973},[2861,6672,6673,6676,6678,6680,6682,6684],{"class":2863,"line":5596},[2861,6674,6675],{"class":2969},".ph-input::placeholder",[2861,6677,4056],{"class":2973},[2861,6679,4079],{"class":2979},[2861,6681,2983],{"class":2973},[2861,6683,5661],{"class":2986},[2861,6685,4087],{"class":2973},[2861,6687,6688,6691],{"class":2863,"line":5601},[2861,6689,6690],{"class":2969},".ph-label",[2861,6692,2974],{"class":2973},[2861,6694,6695,6697,6699,6701],{"class":2863,"line":5621},[2861,6696,6275],{"class":2979},[2861,6698,2983],{"class":2973},[2861,6700,6326],{"class":2986},[2861,6702,2990],{"class":2973},[2861,6704,6705,6708,6710,6712],{"class":2863,"line":5630},[2861,6706,6707],{"class":2979},"  left",[2861,6709,2983],{"class":2973},[2861,6711,4042],{"class":3941},[2861,6713,2990],{"class":2973},[2861,6715,6716,6718,6720,6722],{"class":2863,"line":5641},[2861,6717,6333],{"class":2979},[2861,6719,2983],{"class":2973},[2861,6721,4042],{"class":3941},[2861,6723,2990],{"class":2973},[2861,6725,6726,6728,6730,6732],{"class":2863,"line":5654},[2861,6727,3977],{"class":2979},[2861,6729,2983],{"class":2973},[2861,6731,5242],{"class":3941},[2861,6733,2990],{"class":2973},[2861,6735,6736,6738,6740,6743],{"class":2863,"line":5666},[2861,6737,3989],{"class":2979},[2861,6739,2983],{"class":2973},[2861,6741,6742],{"class":2986},"#9ca3af",[2861,6744,2990],{"class":2973},[2861,6746,6747,6750,6752,6754],{"class":2863,"line":5678},[2861,6748,6749],{"class":2979},"  pointer-events",[2861,6751,2983],{"class":2973},[2861,6753,2987],{"class":2986},[2861,6755,2990],{"class":2973},[2861,6757,6759,6761,6763,6766,6768,6771],{"class":2863,"line":6758},63,[2861,6760,5289],{"class":2979},[2861,6762,2983],{"class":2973},[2861,6764,6765],{"class":2986},"all",[2861,6767,5532],{"class":3941},[2861,6769,6770],{"class":2986}," ease",[2861,6772,2990],{"class":2973},[2861,6774,6776,6779,6781,6783,6786],{"class":2863,"line":6775},64,[2861,6777,6778],{"class":2979},"  transform-origin",[2861,6780,2983],{"class":2973},[2861,6782,6343],{"class":2986},[2861,6784,6785],{"class":2986}," top",[2861,6787,2990],{"class":2973},[2861,6789,6791],{"class":2863,"line":6790},65,[2861,6792,3041],{"class":2973},[2861,6794,6796],{"class":2863,"line":6795},66,[2861,6797,6798],{"class":2963},"/* Коли поле порожнє — label великий (placeholder видно) */\n",[2861,6800,6802,6804,6807,6810,6812,6814],{"class":2863,"line":6801},67,[2861,6803,6552],{"class":2969},[2861,6805,6806],{"class":2973},":",[2861,6808,6809],{"class":3185},"placeholder-shown",[2861,6811,6447],{"class":2973},[2861,6813,6690],{"class":2969},[2861,6815,2974],{"class":2973},[2861,6817,6819,6821,6823,6825],{"class":2863,"line":6818},68,[2861,6820,6333],{"class":2979},[2861,6822,2983],{"class":2973},[2861,6824,4042],{"class":3941},[2861,6826,2990],{"class":2973},[2861,6828,6830,6832,6834,6836],{"class":2863,"line":6829},69,[2861,6831,3977],{"class":2979},[2861,6833,2983],{"class":2973},[2861,6835,5242],{"class":3941},[2861,6837,2990],{"class":2973},[2861,6839,6841,6843,6845,6847],{"class":2863,"line":6840},70,[2861,6842,3989],{"class":2979},[2861,6844,2983],{"class":2973},[2861,6846,6742],{"class":2986},[2861,6848,2990],{"class":2973},[2861,6850,6852],{"class":2863,"line":6851},71,[2861,6853,3041],{"class":2973},[2861,6855,6857],{"class":2863,"line":6856},72,[2861,6858,6859],{"class":2963},"/* Коли є текст або фокус — label маленький вгорі */\n",[2861,6861,6863,6866,6869,6871,6874,6876],{"class":2863,"line":6862},73,[2861,6864,6865],{"class":2969},".ph-input:not",[2861,6867,6868],{"class":2973},"(:",[2861,6870,6809],{"class":3185},[2861,6872,6873],{"class":2973},") + ",[2861,6875,6690],{"class":2969},[2861,6877,6878],{"class":2973},",\n",[2861,6880,6882,6885,6887,6889],{"class":2863,"line":6881},74,[2861,6883,6884],{"class":2969},".ph-input:focus",[2861,6886,6447],{"class":2973},[2861,6888,6690],{"class":2969},[2861,6890,2974],{"class":2973},[2861,6892,6894,6896,6898,6900],{"class":2863,"line":6893},75,[2861,6895,6333],{"class":2979},[2861,6897,2983],{"class":2973},[2861,6899,5144],{"class":3941},[2861,6901,2990],{"class":2973},[2861,6903,6905,6907,6909,6912],{"class":2863,"line":6904},76,[2861,6906,3977],{"class":2979},[2861,6908,2983],{"class":2973},[2861,6910,6911],{"class":3941},"0.68rem",[2861,6913,2990],{"class":2973},[2861,6915,6917,6919,6921,6923],{"class":2863,"line":6916},77,[2861,6918,3989],{"class":2979},[2861,6920,2983],{"class":2973},[2861,6922,4006],{"class":2986},[2861,6924,2990],{"class":2973},[2861,6926,6928,6931,6933,6935],{"class":2863,"line":6927},78,[2861,6929,6930],{"class":2979},"  font-weight",[2861,6932,2983],{"class":2973},[2861,6934,5175],{"class":3941},[2861,6936,2990],{"class":2973},[2861,6938,6940],{"class":2863,"line":6939},79,[2861,6941,3041],{"class":2973},[2861,6943,6945,6947,6949,6952,6954,6956],{"class":2863,"line":6944},80,[2861,6946,6884],{"class":2969},[2861,6948,4056],{"class":2973},[2861,6950,6951],{"class":2979},"border-color",[2861,6953,2983],{"class":2973},[2861,6955,4006],{"class":2986},[2861,6957,4087],{"class":2973},[2861,6959,6961],{"class":2863,"line":6960},81,[2861,6962,3047],{"emptyLinePlaceholder":3046},[2861,6964,6966],{"class":2863,"line":6965},82,[2861,6967,6968],{"class":2963},"/* :read-only vs :read-write */\n",[2861,6970,6972,6975,6977,6980],{"class":2863,"line":6971},83,[2861,6973,6974],{"class":2969},".ro-input",[2861,6976,2826],{"class":2973},[2861,6978,6979],{"class":2969},".rw-input",[2861,6981,2974],{"class":2973},[2861,6983,6985,6987,6989,6991,6993],{"class":2863,"line":6984},84,[2861,6986,3936],{"class":2979},[2861,6988,2983],{"class":2973},[2861,6990,4129],{"class":3941},[2861,6992,4208],{"class":3941},[2861,6994,2990],{"class":2973},[2861,6996,6998,7000,7002,7004,7006],{"class":2863,"line":6997},85,[2861,6999,2995],{"class":2979},[2861,7001,2983],{"class":2973},[2861,7003,5215],{"class":3941},[2861,7005,4222],{"class":2986},[2861,7007,2990],{"class":2973},[2861,7009,7011,7013,7015,7017],{"class":2863,"line":7010},86,[2861,7012,4190],{"class":2979},[2861,7014,2983],{"class":2973},[2861,7016,4195],{"class":3941},[2861,7018,2990],{"class":2973},[2861,7020,7022,7024,7026,7028],{"class":2863,"line":7021},87,[2861,7023,3977],{"class":2979},[2861,7025,2983],{"class":2973},[2861,7027,3982],{"class":3941},[2861,7029,2990],{"class":2973},[2861,7031,7033,7035,7037,7039],{"class":2863,"line":7032},88,[2861,7034,3960],{"class":2979},[2861,7036,2983],{"class":2973},[2861,7038,3034],{"class":2986},[2861,7040,2990],{"class":2973},[2861,7042,7044,7046,7048,7050],{"class":2863,"line":7043},89,[2861,7045,3098],{"class":2979},[2861,7047,2983],{"class":2973},[2861,7049,2987],{"class":2986},[2861,7051,2990],{"class":2973},[2861,7053,7055,7057,7059,7061],{"class":2863,"line":7054},90,[2861,7056,5669],{"class":2979},[2861,7058,2983],{"class":2973},[2861,7060,4342],{"class":3941},[2861,7062,2990],{"class":2973},[2861,7064,7066,7068,7070,7072],{"class":2863,"line":7065},91,[2861,7067,6649],{"class":2979},[2861,7069,2983],{"class":2973},[2861,7071,6654],{"class":2986},[2861,7073,2990],{"class":2973},[2861,7075,7077],{"class":2863,"line":7076},92,[2861,7078,3041],{"class":2973},[2861,7080,7082,7084],{"class":2863,"line":7081},93,[2861,7083,6974],{"class":2969},[2861,7085,2974],{"class":2973},[2861,7087,7089,7091,7093,7096],{"class":2863,"line":7088},94,[2861,7090,5327],{"class":2979},[2861,7092,2983],{"class":2973},[2861,7094,7095],{"class":2986},"#e2e8f0",[2861,7097,2990],{"class":2973},[2861,7099,7101,7103,7105,7107],{"class":2863,"line":7100},95,[2861,7102,3006],{"class":2979},[2861,7104,2983],{"class":2973},[2861,7106,3953],{"class":2986},[2861,7108,2990],{"class":2973},[2861,7110,7112,7114,7116,7119],{"class":2863,"line":7111},96,[2861,7113,3989],{"class":2979},[2861,7115,2983],{"class":2973},[2861,7117,7118],{"class":2986},"#94a3b8",[2861,7120,2990],{"class":2973},[2861,7122,7124,7126,7128,7131],{"class":2863,"line":7123},97,[2861,7125,3017],{"class":2979},[2861,7127,2983],{"class":2973},[2861,7129,7130],{"class":2986},"not-allowed",[2861,7132,2990],{"class":2973},[2861,7134,7136],{"class":2863,"line":7135},98,[2861,7137,3041],{"class":2973},[2861,7139,7141,7144,7146,7148,7150,7153],{"class":2863,"line":7140},99,[2861,7142,7143],{"class":2969},".ro-input:read-only",[2861,7145,4056],{"class":2973},[2861,7147,5529],{"class":2979},[2861,7149,2983],{"class":2973},[2861,7151,7152],{"class":2986},"#f1f5f9",[2861,7154,4087],{"class":2973},[2861,7156,7158,7160],{"class":2863,"line":7157},100,[2861,7159,6979],{"class":2969},[2861,7161,2974],{"class":2973},[2861,7163,7165,7167,7169,7171],{"class":2863,"line":7164},101,[2861,7166,5327],{"class":2979},[2861,7168,2983],{"class":2973},[2861,7170,6258],{"class":2986},[2861,7172,2990],{"class":2973},[2861,7174,7176,7178,7180,7182],{"class":2863,"line":7175},102,[2861,7177,3006],{"class":2979},[2861,7179,2983],{"class":2973},[2861,7181,4183],{"class":2986},[2861,7183,2990],{"class":2973},[2861,7185,7187,7189,7191,7193],{"class":2863,"line":7186},103,[2861,7188,3989],{"class":2979},[2861,7190,2983],{"class":2973},[2861,7192,3994],{"class":2986},[2861,7194,2990],{"class":2973},[2861,7196,7198],{"class":2863,"line":7197},104,[2861,7199,3041],{"class":2973},[2861,7201,7203,7206,7208,7210,7212,7214],{"class":2863,"line":7202},105,[2861,7204,7205],{"class":2969},".rw-input:read-write:focus",[2861,7207,4056],{"class":2973},[2861,7209,6951],{"class":2979},[2861,7211,2983],{"class":2973},[2861,7213,4006],{"class":2986},[2861,7215,4087],{"class":2973},[2935,7217,7219,7220,2826,7223,2826,7226,2826,7228],{"id":7218},"валідаційні-псевдокласи-valid-invalid-user-valid-user-invalid","Валідаційні псевдокласи: ",[2808,7221,7222],{},":valid",[2808,7224,7225],{},":invalid",[2808,7227,2836],{},[2808,7229,2840],{},[2799,7231,7232,7233,7235,7236,7239,7240,7242],{},"Ключова різниця: ",[2808,7234,7225],{}," спрацьовує ",[2803,7237,7238],{},"одразу"," при завантаженні сторінки, навіть до того, як користувач щось ввів. ",[2808,7241,2840],{}," — лише після першої взаємодії. Це critical UX-деталь.",[3168,7244,7245,7640],{},[2853,7246,7248],{"className":3172,"code":7247,"language":3174,"meta":2857,"style":2857},"\u003Cform class=\"validation-demo\" novalidate>\n  \u003Cdiv class=\"vd-row\">\n    \u003Clabel>:invalid (моментально після завантаження)\u003C/label>\n    \u003Cinput class=\"vd-invalid-always\" type=\"email\" required placeholder=\"email@example.com\">\n    \u003Cspan class=\"vd-msg vd-msg--err\">Невалідний email\u003C/span>\n    \u003Cspan class=\"vd-msg vd-msg--ok\">✓ Валідний email\u003C/span>\n  \u003C/div>\n  \u003Cdiv class=\"vd-row\">\n    \u003Clabel>:user-invalid (тільки після взаємодії)\u003C/label>\n    \u003Cinput class=\"vd-user-invalid\" type=\"email\" required placeholder=\"email@example.com\">\n    \u003Cspan class=\"vd-msg vd-msg--err\">Введіть правильний email\u003C/span>\n    \u003Cspan class=\"vd-msg vd-msg--ok\">✓ Чудово!\u003C/span>\n  \u003C/div>\n  \u003Cdiv class=\"vd-row\">\n    \u003Clabel>:in-range / :out-of-range (число від 1 до 10)\u003C/label>\n    \u003Cinput class=\"vd-range-input\" type=\"number\" min=\"1\" max=\"10\" value=\"5\">\n    \u003Cspan class=\"vd-msg vd-msg--err\">Поза діапазоном 1–10\u003C/span>\n    \u003Cspan class=\"vd-msg vd-msg--ok\">✓ В межах діапазону\u003C/span>\n  \u003C/div>\n\u003C/form>\n",[2808,7249,7250,7269,7284,7301,7333,7357,7381,7389,7403,7420,7449,7472,7495,7503,7517,7534,7578,7601,7624,7632],{"__ignoreMap":2857},[2861,7251,7252,7254,7257,7259,7261,7264,7267],{"class":2863,"line":2864},[2861,7253,3182],{"class":3181},[2861,7255,7256],{"class":3185},"form",[2861,7258,3188],{"class":2979},[2861,7260,3191],{"class":2973},[2861,7262,7263],{"class":3194},"\"validation-demo\"",[2861,7265,7266],{"class":2979}," novalidate",[2861,7268,3198],{"class":3181},[2861,7270,7271,7273,7275,7277,7279,7282],{"class":2863,"line":2870},[2861,7272,3203],{"class":3181},[2861,7274,2821],{"class":3185},[2861,7276,3188],{"class":2979},[2861,7278,3191],{"class":2973},[2861,7280,7281],{"class":3194},"\"vd-row\"",[2861,7283,3198],{"class":3181},[2861,7285,7286,7288,7290,7292,7295,7297,7299],{"class":2863,"line":2876},[2861,7287,3245],{"class":3181},[2861,7289,3248],{"class":3185},[2861,7291,3215],{"class":3181},[2861,7293,7294],{"class":2973},":invalid (моментально після завантаження)",[2861,7296,3221],{"class":3181},[2861,7298,3248],{"class":3185},[2861,7300,3198],{"class":3181},[2861,7302,7303,7305,7307,7309,7311,7314,7316,7318,7321,7324,7326,7328,7331],{"class":2863,"line":2882},[2861,7304,3245],{"class":3181},[2861,7306,3058],{"class":3185},[2861,7308,3188],{"class":2979},[2861,7310,3191],{"class":2973},[2861,7312,7313],{"class":3194},"\"vd-invalid-always\"",[2861,7315,3267],{"class":2979},[2861,7317,3191],{"class":2973},[2861,7319,7320],{"class":3194},"\"email\"",[2861,7322,7323],{"class":2979}," required",[2861,7325,4810],{"class":2979},[2861,7327,3191],{"class":2973},[2861,7329,7330],{"class":3194},"\"email@example.com\"",[2861,7332,3198],{"class":3181},[2861,7334,7335,7337,7339,7341,7343,7346,7348,7351,7353,7355],{"class":2863,"line":2888},[2861,7336,3245],{"class":3181},[2861,7338,2861],{"class":3185},[2861,7340,3188],{"class":2979},[2861,7342,3191],{"class":2973},[2861,7344,7345],{"class":3194},"\"vd-msg vd-msg--err\"",[2861,7347,3215],{"class":3181},[2861,7349,7350],{"class":2973},"Невалідний email",[2861,7352,3221],{"class":3181},[2861,7354,2861],{"class":3185},[2861,7356,3198],{"class":3181},[2861,7358,7359,7361,7363,7365,7367,7370,7372,7375,7377,7379],{"class":2863,"line":2894},[2861,7360,3245],{"class":3181},[2861,7362,2861],{"class":3185},[2861,7364,3188],{"class":2979},[2861,7366,3191],{"class":2973},[2861,7368,7369],{"class":3194},"\"vd-msg vd-msg--ok\"",[2861,7371,3215],{"class":3181},[2861,7373,7374],{"class":2973},"✓ Валідний email",[2861,7376,3221],{"class":3181},[2861,7378,2861],{"class":3185},[2861,7380,3198],{"class":3181},[2861,7382,7383,7385,7387],{"class":2863,"line":2900},[2861,7384,3565],{"class":3181},[2861,7386,2821],{"class":3185},[2861,7388,3198],{"class":3181},[2861,7390,7391,7393,7395,7397,7399,7401],{"class":2863,"line":2906},[2861,7392,3203],{"class":3181},[2861,7394,2821],{"class":3185},[2861,7396,3188],{"class":2979},[2861,7398,3191],{"class":2973},[2861,7400,7281],{"class":3194},[2861,7402,3198],{"class":3181},[2861,7404,7405,7407,7409,7411,7414,7416,7418],{"class":2863,"line":2912},[2861,7406,3245],{"class":3181},[2861,7408,3248],{"class":3185},[2861,7410,3215],{"class":3181},[2861,7412,7413],{"class":2973},":user-invalid (тільки після взаємодії)",[2861,7415,3221],{"class":3181},[2861,7417,3248],{"class":3185},[2861,7419,3198],{"class":3181},[2861,7421,7422,7424,7426,7428,7430,7433,7435,7437,7439,7441,7443,7445,7447],{"class":2863,"line":2918},[2861,7423,3245],{"class":3181},[2861,7425,3058],{"class":3185},[2861,7427,3188],{"class":2979},[2861,7429,3191],{"class":2973},[2861,7431,7432],{"class":3194},"\"vd-user-invalid\"",[2861,7434,3267],{"class":2979},[2861,7436,3191],{"class":2973},[2861,7438,7320],{"class":3194},[2861,7440,7323],{"class":2979},[2861,7442,4810],{"class":2979},[2861,7444,3191],{"class":2973},[2861,7446,7330],{"class":3194},[2861,7448,3198],{"class":3181},[2861,7450,7451,7453,7455,7457,7459,7461,7463,7466,7468,7470],{"class":2863,"line":3055},[2861,7452,3245],{"class":3181},[2861,7454,2861],{"class":3185},[2861,7456,3188],{"class":2979},[2861,7458,3191],{"class":2973},[2861,7460,7345],{"class":3194},[2861,7462,3215],{"class":3181},[2861,7464,7465],{"class":2973},"Введіть правильний email",[2861,7467,3221],{"class":3181},[2861,7469,2861],{"class":3185},[2861,7471,3198],{"class":3181},[2861,7473,7474,7476,7478,7480,7482,7484,7486,7489,7491,7493],{"class":2863,"line":3073},[2861,7475,3245],{"class":3181},[2861,7477,2861],{"class":3185},[2861,7479,3188],{"class":2979},[2861,7481,3191],{"class":2973},[2861,7483,7369],{"class":3194},[2861,7485,3215],{"class":3181},[2861,7487,7488],{"class":2973},"✓ Чудово!",[2861,7490,3221],{"class":3181},[2861,7492,2861],{"class":3185},[2861,7494,3198],{"class":3181},[2861,7496,7497,7499,7501],{"class":2863,"line":3084},[2861,7498,3565],{"class":3181},[2861,7500,2821],{"class":3185},[2861,7502,3198],{"class":3181},[2861,7504,7505,7507,7509,7511,7513,7515],{"class":2863,"line":3095},[2861,7506,3203],{"class":3181},[2861,7508,2821],{"class":3185},[2861,7510,3188],{"class":2979},[2861,7512,3191],{"class":2973},[2861,7514,7281],{"class":3194},[2861,7516,3198],{"class":3181},[2861,7518,7519,7521,7523,7525,7528,7530,7532],{"class":2863,"line":3111},[2861,7520,3245],{"class":3181},[2861,7522,3248],{"class":3185},[2861,7524,3215],{"class":3181},[2861,7526,7527],{"class":2973},":in-range / :out-of-range (число від 1 до 10)",[2861,7529,3221],{"class":3181},[2861,7531,3248],{"class":3185},[2861,7533,3198],{"class":3181},[2861,7535,7536,7538,7540,7542,7544,7547,7549,7551,7554,7557,7559,7562,7564,7566,7569,7571,7573,7576],{"class":2863,"line":3122},[2861,7537,3245],{"class":3181},[2861,7539,3058],{"class":3185},[2861,7541,3188],{"class":2979},[2861,7543,3191],{"class":2973},[2861,7545,7546],{"class":3194},"\"vd-range-input\"",[2861,7548,3267],{"class":2979},[2861,7550,3191],{"class":2973},[2861,7552,7553],{"class":3194},"\"number\"",[2861,7555,7556],{"class":2979}," min",[2861,7558,3191],{"class":2973},[2861,7560,7561],{"class":3194},"\"1\"",[2861,7563,3538],{"class":2979},[2861,7565,3191],{"class":2973},[2861,7567,7568],{"class":3194},"\"10\"",[2861,7570,3473],{"class":2979},[2861,7572,3191],{"class":2973},[2861,7574,7575],{"class":3194},"\"5\"",[2861,7577,3198],{"class":3181},[2861,7579,7580,7582,7584,7586,7588,7590,7592,7595,7597,7599],{"class":2863,"line":3441},[2861,7581,3245],{"class":3181},[2861,7583,2861],{"class":3185},[2861,7585,3188],{"class":2979},[2861,7587,3191],{"class":2973},[2861,7589,7345],{"class":3194},[2861,7591,3215],{"class":3181},[2861,7593,7594],{"class":2973},"Поза діапазоном 1–10",[2861,7596,3221],{"class":3181},[2861,7598,2861],{"class":3185},[2861,7600,3198],{"class":3181},[2861,7602,7603,7605,7607,7609,7611,7613,7615,7618,7620,7622],{"class":2863,"line":3459},[2861,7604,3245],{"class":3181},[2861,7606,2861],{"class":3185},[2861,7608,3188],{"class":2979},[2861,7610,3191],{"class":2973},[2861,7612,7369],{"class":3194},[2861,7614,3215],{"class":3181},[2861,7616,7617],{"class":2973},"✓ В межах діапазону",[2861,7619,3221],{"class":3181},[2861,7621,2861],{"class":3185},[2861,7623,3198],{"class":3181},[2861,7625,7626,7628,7630],{"class":2863,"line":3483},[2861,7627,3565],{"class":3181},[2861,7629,2821],{"class":3185},[2861,7631,3198],{"class":3181},[2861,7633,7634,7636,7638],{"class":2863,"line":3492},[2861,7635,3221],{"class":3181},[2861,7637,7256],{"class":3185},[2861,7639,3198],{"class":3181},[2853,7641,7643],{"className":2954,"code":7642,"language":2956,"meta":2857,"style":2857},".validation-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.vd-row {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.vd-row label { font-size: 0.78rem; font-weight: 600; color: #374151; }\n\n.vd-invalid-always,\n.vd-user-invalid,\n.vd-range-input {\n  padding: 0.5rem 0.75rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 7px;\n  font-size: 0.9rem;\n  font-family: inherit;\n  outline: none;\n  background: white;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.vd-msg { font-size: 0.75rem; display: none; }\n.vd-msg--err { color: #ef4444; }\n.vd-msg--ok  { color: #10b981; }\n\n/* :invalid — одразу, незалежно від взаємодії */\n.vd-invalid-always:invalid {\n  border-color: #ef4444;\n  background: #fff5f5;\n}\n.vd-invalid-always:invalid ~ .vd-msg--err { display: block; }\n.vd-invalid-always:valid { border-color: #10b981; background: #f0fdf4; }\n.vd-invalid-always:valid ~ .vd-msg--ok   { display: block; }\n\n/* :user-invalid — тільки після взаємодії */\n.vd-user-invalid:user-invalid {\n  border-color: #ef4444;\n  background: #fff5f5;\n}\n.vd-user-invalid:user-invalid ~ .vd-msg--err { display: block; }\n.vd-user-invalid:user-valid { border-color: #10b981; background: #f0fdf4; }\n.vd-user-valid:user-valid ~ .vd-msg--ok { display: block; }\n\n/* :in-range / :out-of-range */\n.vd-range-input:in-range { border-color: #10b981; background: #f0fdf4; }\n.vd-range-input:in-range ~ .vd-msg--ok  { display: block; }\n.vd-range-input:out-of-range { border-color: #ef4444; background: #fff5f5; }\n.vd-range-input:out-of-range ~ .vd-msg--err { display: block; }\n",[2808,7644,7645,7652,7662,7672,7686,7696,7706,7716,7726,7736,7740,7747,7757,7767,7777,7781,7813,7817,7824,7831,7838,7850,7864,7874,7884,7894,7904,7914,7930,7934,7938,7961,7977,7993,7997,8002,8009,8019,8030,8034,8054,8078,8097,8101,8106,8117,8127,8137,8141,8163,8190,8213,8217,8222,8245,8263,8286],{"__ignoreMap":2857},[2861,7646,7647,7650],{"class":2863,"line":2864},[2861,7648,7649],{"class":2969},".validation-demo",[2861,7651,2974],{"class":2973},[2861,7653,7654,7656,7658,7660],{"class":2863,"line":2870},[2861,7655,3936],{"class":2979},[2861,7657,2983],{"class":2973},[2861,7659,3942],{"class":3941},[2861,7661,2990],{"class":2973},[2861,7663,7664,7666,7668,7670],{"class":2863,"line":2876},[2861,7665,3006],{"class":2979},[2861,7667,2983],{"class":2973},[2861,7669,3953],{"class":2986},[2861,7671,2990],{"class":2973},[2861,7673,7674,7676,7678,7680,7682,7684],{"class":2863,"line":2882},[2861,7675,3960],{"class":2979},[2861,7677,2983],{"class":2973},[2861,7679,3965],{"class":2986},[2861,7681,2826],{"class":2973},[2861,7683,3970],{"class":2986},[2861,7685,2990],{"class":2973},[2861,7687,7688,7690,7692,7694],{"class":2863,"line":2888},[2861,7689,3977],{"class":2979},[2861,7691,2983],{"class":2973},[2861,7693,3982],{"class":3941},[2861,7695,2990],{"class":2973},[2861,7697,7698,7700,7702,7704],{"class":2863,"line":2894},[2861,7699,3989],{"class":2979},[2861,7701,2983],{"class":2973},[2861,7703,3994],{"class":2986},[2861,7705,2990],{"class":2973},[2861,7707,7708,7710,7712,7714],{"class":2863,"line":2900},[2861,7709,4013],{"class":2979},[2861,7711,2983],{"class":2973},[2861,7713,4018],{"class":2986},[2861,7715,2990],{"class":2973},[2861,7717,7718,7720,7722,7724],{"class":2863,"line":2906},[2861,7719,4025],{"class":2979},[2861,7721,2983],{"class":2973},[2861,7723,4030],{"class":2986},[2861,7725,2990],{"class":2973},[2861,7727,7728,7730,7732,7734],{"class":2863,"line":2912},[2861,7729,4037],{"class":2979},[2861,7731,2983],{"class":2973},[2861,7733,4042],{"class":3941},[2861,7735,2990],{"class":2973},[2861,7737,7738],{"class":2863,"line":2918},[2861,7739,3041],{"class":2973},[2861,7741,7742,7745],{"class":2863,"line":3055},[2861,7743,7744],{"class":2969},".vd-row",[2861,7746,2974],{"class":2973},[2861,7748,7749,7751,7753,7755],{"class":2863,"line":3073},[2861,7750,4013],{"class":2979},[2861,7752,2983],{"class":2973},[2861,7754,4018],{"class":2986},[2861,7756,2990],{"class":2973},[2861,7758,7759,7761,7763,7765],{"class":2863,"line":3084},[2861,7760,4025],{"class":2979},[2861,7762,2983],{"class":2973},[2861,7764,4030],{"class":2986},[2861,7766,2990],{"class":2973},[2861,7768,7769,7771,7773,7775],{"class":2863,"line":3095},[2861,7770,4037],{"class":2979},[2861,7772,2983],{"class":2973},[2861,7774,4318],{"class":3941},[2861,7776,2990],{"class":2973},[2861,7778,7779],{"class":2863,"line":3111},[2861,7780,3041],{"class":2973},[2861,7782,7783,7785,7787,7789,7791,7793,7795,7797,7799,7801,7803,7805,7807,7809,7811],{"class":2863,"line":3122},[2861,7784,7744],{"class":2969},[2861,7786,5157],{"class":2969},[2861,7788,4056],{"class":2973},[2861,7790,4523],{"class":2979},[2861,7792,2983],{"class":2973},[2861,7794,5166],{"class":3941},[2861,7796,3105],{"class":2973},[2861,7798,4069],{"class":2979},[2861,7800,2983],{"class":2973},[2861,7802,5175],{"class":3941},[2861,7804,3105],{"class":2973},[2861,7806,4079],{"class":2979},[2861,7808,2983],{"class":2973},[2861,7810,5184],{"class":2986},[2861,7812,4087],{"class":2973},[2861,7814,7815],{"class":2863,"line":3441},[2861,7816,3047],{"emptyLinePlaceholder":3046},[2861,7818,7819,7822],{"class":2863,"line":3459},[2861,7820,7821],{"class":2969},".vd-invalid-always",[2861,7823,6878],{"class":2973},[2861,7825,7826,7829],{"class":2863,"line":3483},[2861,7827,7828],{"class":2969},".vd-user-invalid",[2861,7830,6878],{"class":2973},[2861,7832,7833,7836],{"class":2863,"line":3492},[2861,7834,7835],{"class":2969},".vd-range-input",[2861,7837,2974],{"class":2973},[2861,7839,7840,7842,7844,7846,7848],{"class":2863,"line":3507},[2861,7841,3936],{"class":2979},[2861,7843,2983],{"class":2973},[2861,7845,4129],{"class":3941},[2861,7847,4208],{"class":3941},[2861,7849,2990],{"class":2973},[2861,7851,7852,7854,7856,7858,7860,7862],{"class":2863,"line":3525},[2861,7853,2995],{"class":2979},[2861,7855,2983],{"class":2973},[2861,7857,5215],{"class":3941},[2861,7859,4222],{"class":2986},[2861,7861,5220],{"class":2986},[2861,7863,2990],{"class":2973},[2861,7865,7866,7868,7870,7872],{"class":2863,"line":3553},[2861,7867,4190],{"class":2979},[2861,7869,2983],{"class":2973},[2861,7871,5231],{"class":3941},[2861,7873,2990],{"class":2973},[2861,7875,7876,7878,7880,7882],{"class":2863,"line":3562},[2861,7877,3977],{"class":2979},[2861,7879,2983],{"class":2973},[2861,7881,5242],{"class":3941},[2861,7883,2990],{"class":2973},[2861,7885,7886,7888,7890,7892],{"class":2863,"line":3572},[2861,7887,3960],{"class":2979},[2861,7889,2983],{"class":2973},[2861,7891,3034],{"class":2986},[2861,7893,2990],{"class":2973},[2861,7895,7896,7898,7900,7902],{"class":2863,"line":3588},[2861,7897,3098],{"class":2979},[2861,7899,2983],{"class":2973},[2861,7901,2987],{"class":2986},[2861,7903,2990],{"class":2973},[2861,7905,7906,7908,7910,7912],{"class":2863,"line":3604},[2861,7907,3006],{"class":2979},[2861,7909,2983],{"class":2973},[2861,7911,4183],{"class":2986},[2861,7913,2990],{"class":2973},[2861,7915,7916,7918,7920,7922,7924,7926,7928],{"class":2863,"line":3622},[2861,7917,5289],{"class":2979},[2861,7919,5292],{"class":2973},[2861,7921,5295],{"class":3941},[2861,7923,2826],{"class":2973},[2861,7925,5529],{"class":5528},[2861,7927,5532],{"class":3941},[2861,7929,2990],{"class":2973},[2861,7931,7932],{"class":2863,"line":3639},[2861,7933,3041],{"class":2973},[2861,7935,7936],{"class":2863,"line":3663},[2861,7937,3047],{"emptyLinePlaceholder":3046},[2861,7939,7940,7943,7945,7947,7949,7951,7953,7955,7957,7959],{"class":2863,"line":3685},[2861,7941,7942],{"class":2969},".vd-msg",[2861,7944,4056],{"class":2973},[2861,7946,4523],{"class":2979},[2861,7948,2983],{"class":2973},[2861,7950,4042],{"class":3941},[2861,7952,3105],{"class":2973},[2861,7954,4358],{"class":2979},[2861,7956,2983],{"class":2973},[2861,7958,2987],{"class":2986},[2861,7960,4087],{"class":2973},[2861,7962,7963,7966,7968,7970,7972,7975],{"class":2863,"line":3694},[2861,7964,7965],{"class":2969},".vd-msg--err",[2861,7967,4056],{"class":2973},[2861,7969,4079],{"class":2979},[2861,7971,2983],{"class":2973},[2861,7973,7974],{"class":2986},"#ef4444",[2861,7976,4087],{"class":2973},[2861,7978,7979,7982,7985,7987,7989,7991],{"class":2863,"line":3710},[2861,7980,7981],{"class":2969},".vd-msg--ok",[2861,7983,7984],{"class":2973},"  { ",[2861,7986,4079],{"class":2979},[2861,7988,2983],{"class":2973},[2861,7990,4594],{"class":2986},[2861,7992,4087],{"class":2973},[2861,7994,7995],{"class":2863,"line":3728},[2861,7996,3047],{"emptyLinePlaceholder":3046},[2861,7998,7999],{"class":2863,"line":3745},[2861,8000,8001],{"class":2963},"/* :invalid — одразу, незалежно від взаємодії */\n",[2861,8003,8004,8007],{"class":2863,"line":3769},[2861,8005,8006],{"class":2969},".vd-invalid-always:invalid",[2861,8008,2974],{"class":2973},[2861,8010,8011,8013,8015,8017],{"class":2863,"line":3790},[2861,8012,5327],{"class":2979},[2861,8014,2983],{"class":2973},[2861,8016,7974],{"class":2986},[2861,8018,2990],{"class":2973},[2861,8020,8021,8023,8025,8028],{"class":2863,"line":3799},[2861,8022,3006],{"class":2979},[2861,8024,2983],{"class":2973},[2861,8026,8027],{"class":2986},"#fff5f5",[2861,8029,2990],{"class":2973},[2861,8031,8032],{"class":2863,"line":3815},[2861,8033,3041],{"class":2973},[2861,8035,8036,8038,8041,8043,8045,8047,8049,8052],{"class":2863,"line":3833},[2861,8037,8006],{"class":2969},[2861,8039,8040],{"class":2973}," ~ ",[2861,8042,7965],{"class":2969},[2861,8044,4056],{"class":2973},[2861,8046,4358],{"class":2979},[2861,8048,2983],{"class":2973},[2861,8050,8051],{"class":2986},"block",[2861,8053,4087],{"class":2973},[2861,8055,8056,8059,8061,8063,8065,8067,8069,8071,8073,8076],{"class":2863,"line":3850},[2861,8057,8058],{"class":2969},".vd-invalid-always:valid",[2861,8060,4056],{"class":2973},[2861,8062,6951],{"class":2979},[2861,8064,2983],{"class":2973},[2861,8066,4594],{"class":2986},[2861,8068,3105],{"class":2973},[2861,8070,5529],{"class":2979},[2861,8072,2983],{"class":2973},[2861,8074,8075],{"class":2986},"#f0fdf4",[2861,8077,4087],{"class":2973},[2861,8079,8080,8082,8084,8086,8089,8091,8093,8095],{"class":2863,"line":3874},[2861,8081,8058],{"class":2969},[2861,8083,8040],{"class":2973},[2861,8085,7981],{"class":2969},[2861,8087,8088],{"class":2973},"   { ",[2861,8090,4358],{"class":2979},[2861,8092,2983],{"class":2973},[2861,8094,8051],{"class":2986},[2861,8096,4087],{"class":2973},[2861,8098,8099],{"class":2863,"line":3895},[2861,8100,3047],{"emptyLinePlaceholder":3046},[2861,8102,8103],{"class":2863,"line":3904},[2861,8104,8105],{"class":2963},"/* :user-invalid — тільки після взаємодії */\n",[2861,8107,8108,8110,8112,8115],{"class":2863,"line":3913},[2861,8109,7828],{"class":2969},[2861,8111,6806],{"class":2973},[2861,8113,8114],{"class":3185},"user-invalid",[2861,8116,2974],{"class":2973},[2861,8118,8119,8121,8123,8125],{"class":2863,"line":4549},[2861,8120,5327],{"class":2979},[2861,8122,2983],{"class":2973},[2861,8124,7974],{"class":2986},[2861,8126,2990],{"class":2973},[2861,8128,8129,8131,8133,8135],{"class":2863,"line":4566},[2861,8130,3006],{"class":2979},[2861,8132,2983],{"class":2973},[2861,8134,8027],{"class":2986},[2861,8136,2990],{"class":2973},[2861,8138,8139],{"class":2863,"line":4582},[2861,8140,3041],{"class":2973},[2861,8142,8143,8145,8147,8149,8151,8153,8155,8157,8159,8161],{"class":2863,"line":4599},[2861,8144,7828],{"class":2969},[2861,8146,6806],{"class":2973},[2861,8148,8114],{"class":3185},[2861,8150,8040],{"class":2973},[2861,8152,7965],{"class":2969},[2861,8154,4056],{"class":2973},[2861,8156,4358],{"class":2979},[2861,8158,2983],{"class":2973},[2861,8160,8051],{"class":2986},[2861,8162,4087],{"class":2973},[2861,8164,8165,8167,8169,8172,8174,8176,8178,8180,8182,8184,8186,8188],{"class":2863,"line":5548},[2861,8166,7828],{"class":2969},[2861,8168,6806],{"class":2973},[2861,8170,8171],{"class":3185},"user-valid",[2861,8173,4056],{"class":2973},[2861,8175,6951],{"class":2979},[2861,8177,2983],{"class":2973},[2861,8179,4594],{"class":2986},[2861,8181,3105],{"class":2973},[2861,8183,5529],{"class":2979},[2861,8185,2983],{"class":2973},[2861,8187,8075],{"class":2986},[2861,8189,4087],{"class":2973},[2861,8191,8192,8195,8197,8199,8201,8203,8205,8207,8209,8211],{"class":2863,"line":5559},[2861,8193,8194],{"class":2969},".vd-user-valid",[2861,8196,6806],{"class":2973},[2861,8198,8171],{"class":3185},[2861,8200,8040],{"class":2973},[2861,8202,7981],{"class":2969},[2861,8204,4056],{"class":2973},[2861,8206,4358],{"class":2979},[2861,8208,2983],{"class":2973},[2861,8210,8051],{"class":2986},[2861,8212,4087],{"class":2973},[2861,8214,8215],{"class":2863,"line":5571},[2861,8216,3047],{"emptyLinePlaceholder":3046},[2861,8218,8219],{"class":2863,"line":5576},[2861,8220,8221],{"class":2963},"/* :in-range / :out-of-range */\n",[2861,8223,8224,8227,8229,8231,8233,8235,8237,8239,8241,8243],{"class":2863,"line":5585},[2861,8225,8226],{"class":2969},".vd-range-input:in-range",[2861,8228,4056],{"class":2973},[2861,8230,6951],{"class":2979},[2861,8232,2983],{"class":2973},[2861,8234,4594],{"class":2986},[2861,8236,3105],{"class":2973},[2861,8238,5529],{"class":2979},[2861,8240,2983],{"class":2973},[2861,8242,8075],{"class":2986},[2861,8244,4087],{"class":2973},[2861,8246,8247,8249,8251,8253,8255,8257,8259,8261],{"class":2863,"line":5596},[2861,8248,8226],{"class":2969},[2861,8250,8040],{"class":2973},[2861,8252,7981],{"class":2969},[2861,8254,7984],{"class":2973},[2861,8256,4358],{"class":2979},[2861,8258,2983],{"class":2973},[2861,8260,8051],{"class":2986},[2861,8262,4087],{"class":2973},[2861,8264,8265,8268,8270,8272,8274,8276,8278,8280,8282,8284],{"class":2863,"line":5601},[2861,8266,8267],{"class":2969},".vd-range-input:out-of-range",[2861,8269,4056],{"class":2973},[2861,8271,6951],{"class":2979},[2861,8273,2983],{"class":2973},[2861,8275,7974],{"class":2986},[2861,8277,3105],{"class":2973},[2861,8279,5529],{"class":2979},[2861,8281,2983],{"class":2973},[2861,8283,8027],{"class":2986},[2861,8285,4087],{"class":2973},[2861,8287,8288,8290,8292,8294,8296,8298,8300,8302],{"class":2863,"line":5621},[2861,8289,8267],{"class":2969},[2861,8291,8040],{"class":2973},[2861,8293,7965],{"class":2969},[2861,8295,4056],{"class":2973},[2861,8297,4358],{"class":2979},[2861,8299,2983],{"class":2973},[2861,8301,8051],{"class":2986},[2861,8303,4087],{"class":2973},[2923,8305],{},[2794,8307,8309,8311],{"id":8308},"has-для-розумних-форм",[2808,8310,2844],{}," для розумних форм",[2799,8313,8314,8316,8317,8319],{},[2808,8315,2844],{}," відкриває нову еру реактивних форм без JavaScript. Батьківський елемент може реагувати на ",[2803,8318,4625],{}," дочірнього.",[3168,8321,8322,8613],{},[2853,8323,8325],{"className":3172,"code":8324,"language":3174,"meta":2857,"style":2857},"\u003Cform class=\"has-form\">\n  \u003Cdiv class=\"hf-group\">\n    \u003Clabel class=\"hf-label\">Email\u003C/label>\n    \u003Cinput type=\"email\" required placeholder=\"your@email.com\" class=\"hf-input\">\n  \u003C/div>\n  \u003Cdiv class=\"hf-group\">\n    \u003Clabel class=\"hf-label\">Пароль\u003C/label>\n    \u003Cinput type=\"password\" minlength=\"8\" required placeholder=\"Мінімум 8 символів\" class=\"hf-input\">\n  \u003C/div>\n  \u003Cdiv class=\"hf-group\">\n    \u003Clabel class=\"hf-label\">\n      \u003Cinput type=\"checkbox\" required class=\"hf-cb\">\n      Я погоджуюся з умовами\n    \u003C/label>\n  \u003C/div>\n  \u003Cbutton type=\"submit\" class=\"hf-submit\">Зареєструватися\u003C/button>\n\u003C/form>\n",[2808,8326,8327,8342,8357,8381,8411,8419,8433,8456,8494,8502,8516,8530,8553,8558,8566,8574,8605],{"__ignoreMap":2857},[2861,8328,8329,8331,8333,8335,8337,8340],{"class":2863,"line":2864},[2861,8330,3182],{"class":3181},[2861,8332,7256],{"class":3185},[2861,8334,3188],{"class":2979},[2861,8336,3191],{"class":2973},[2861,8338,8339],{"class":3194},"\"has-form\"",[2861,8341,3198],{"class":3181},[2861,8343,8344,8346,8348,8350,8352,8355],{"class":2863,"line":2870},[2861,8345,3203],{"class":3181},[2861,8347,2821],{"class":3185},[2861,8349,3188],{"class":2979},[2861,8351,3191],{"class":2973},[2861,8353,8354],{"class":3194},"\"hf-group\"",[2861,8356,3198],{"class":3181},[2861,8358,8359,8361,8363,8365,8367,8370,8372,8375,8377,8379],{"class":2863,"line":2876},[2861,8360,3245],{"class":3181},[2861,8362,3248],{"class":3185},[2861,8364,3188],{"class":2979},[2861,8366,3191],{"class":2973},[2861,8368,8369],{"class":3194},"\"hf-label\"",[2861,8371,3215],{"class":3181},[2861,8373,8374],{"class":2973},"Email",[2861,8376,3221],{"class":3181},[2861,8378,3248],{"class":3185},[2861,8380,3198],{"class":3181},[2861,8382,8383,8385,8387,8389,8391,8393,8395,8397,8399,8402,8404,8406,8409],{"class":2863,"line":2882},[2861,8384,3245],{"class":3181},[2861,8386,3058],{"class":3185},[2861,8388,3267],{"class":2979},[2861,8390,3191],{"class":2973},[2861,8392,7320],{"class":3194},[2861,8394,7323],{"class":2979},[2861,8396,4810],{"class":2979},[2861,8398,3191],{"class":2973},[2861,8400,8401],{"class":3194},"\"your@email.com\"",[2861,8403,3188],{"class":2979},[2861,8405,3191],{"class":2973},[2861,8407,8408],{"class":3194},"\"hf-input\"",[2861,8410,3198],{"class":3181},[2861,8412,8413,8415,8417],{"class":2863,"line":2888},[2861,8414,3565],{"class":3181},[2861,8416,2821],{"class":3185},[2861,8418,3198],{"class":3181},[2861,8420,8421,8423,8425,8427,8429,8431],{"class":2863,"line":2894},[2861,8422,3203],{"class":3181},[2861,8424,2821],{"class":3185},[2861,8426,3188],{"class":2979},[2861,8428,3191],{"class":2973},[2861,8430,8354],{"class":3194},[2861,8432,3198],{"class":3181},[2861,8434,8435,8437,8439,8441,8443,8445,8447,8450,8452,8454],{"class":2863,"line":2900},[2861,8436,3245],{"class":3181},[2861,8438,3248],{"class":3185},[2861,8440,3188],{"class":2979},[2861,8442,3191],{"class":2973},[2861,8444,8369],{"class":3194},[2861,8446,3215],{"class":3181},[2861,8448,8449],{"class":2973},"Пароль",[2861,8451,3221],{"class":3181},[2861,8453,3248],{"class":3185},[2861,8455,3198],{"class":3181},[2861,8457,8458,8460,8462,8464,8466,8469,8472,8474,8477,8479,8481,8483,8486,8488,8490,8492],{"class":2863,"line":2906},[2861,8459,3245],{"class":3181},[2861,8461,3058],{"class":3185},[2861,8463,3267],{"class":2979},[2861,8465,3191],{"class":2973},[2861,8467,8468],{"class":3194},"\"password\"",[2861,8470,8471],{"class":2979}," minlength",[2861,8473,3191],{"class":2973},[2861,8475,8476],{"class":3194},"\"8\"",[2861,8478,7323],{"class":2979},[2861,8480,4810],{"class":2979},[2861,8482,3191],{"class":2973},[2861,8484,8485],{"class":3194},"\"Мінімум 8 символів\"",[2861,8487,3188],{"class":2979},[2861,8489,3191],{"class":2973},[2861,8491,8408],{"class":3194},[2861,8493,3198],{"class":3181},[2861,8495,8496,8498,8500],{"class":2863,"line":2912},[2861,8497,3565],{"class":3181},[2861,8499,2821],{"class":3185},[2861,8501,3198],{"class":3181},[2861,8503,8504,8506,8508,8510,8512,8514],{"class":2863,"line":2918},[2861,8505,3203],{"class":3181},[2861,8507,2821],{"class":3185},[2861,8509,3188],{"class":2979},[2861,8511,3191],{"class":2973},[2861,8513,8354],{"class":3194},[2861,8515,3198],{"class":3181},[2861,8517,8518,8520,8522,8524,8526,8528],{"class":2863,"line":3055},[2861,8519,3245],{"class":3181},[2861,8521,3248],{"class":3185},[2861,8523,3188],{"class":2979},[2861,8525,3191],{"class":2973},[2861,8527,8369],{"class":3194},[2861,8529,3198],{"class":3181},[2861,8531,8532,8534,8536,8538,8540,8542,8544,8546,8548,8551],{"class":2863,"line":3073},[2861,8533,3262],{"class":3181},[2861,8535,3058],{"class":3185},[2861,8537,3267],{"class":2979},[2861,8539,3191],{"class":2973},[2861,8541,3272],{"class":3194},[2861,8543,7323],{"class":2979},[2861,8545,3188],{"class":2979},[2861,8547,3191],{"class":2973},[2861,8549,8550],{"class":3194},"\"hf-cb\"",[2861,8552,3198],{"class":3181},[2861,8554,8555],{"class":2863,"line":3084},[2861,8556,8557],{"class":2973},"      Я погоджуюся з умовами\n",[2861,8559,8560,8562,8564],{"class":2863,"line":3095},[2861,8561,3285],{"class":3181},[2861,8563,3248],{"class":3185},[2861,8565,3198],{"class":3181},[2861,8567,8568,8570,8572],{"class":2863,"line":3111},[2861,8569,3565],{"class":3181},[2861,8571,2821],{"class":3185},[2861,8573,3198],{"class":3181},[2861,8575,8576,8578,8580,8582,8584,8587,8589,8591,8594,8596,8599,8601,8603],{"class":2863,"line":3122},[2861,8577,3203],{"class":3181},[2861,8579,2970],{"class":3185},[2861,8581,3267],{"class":2979},[2861,8583,3191],{"class":2973},[2861,8585,8586],{"class":3194},"\"submit\"",[2861,8588,3188],{"class":2979},[2861,8590,3191],{"class":2973},[2861,8592,8593],{"class":3194},"\"hf-submit\"",[2861,8595,3215],{"class":3181},[2861,8597,8598],{"class":2973},"Зареєструватися",[2861,8600,3221],{"class":3181},[2861,8602,2970],{"class":3185},[2861,8604,3198],{"class":3181},[2861,8606,8607,8609,8611],{"class":2863,"line":3441},[2861,8608,3221],{"class":3181},[2861,8610,7256],{"class":3185},[2861,8612,3198],{"class":3181},[2853,8614,8616],{"className":2954,"code":8615,"language":2956,"meta":2857,"style":2857},".has-form {\n  padding: 1.25rem;\n  background: white;\n  border-radius: 12px;\n  border: 1.5px solid #e2e8f0;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  max-width: 360px;\n  margin: 0 auto;\n\n  /* Форма підсвічується червоним якщо є :user-invalid поля */\n  &:has(input:user-invalid) {\n    border-color: #fca5a5;\n    background: #fff8f8;\n  }\n\n  /* Форма стає зеленою коли всі поля валідні */\n  &:has(input:valid):not(:has(input:invalid)) {\n    border-color: #86efac;\n    background: #f0fdf4;\n  }\n}\n\n.hf-group { display: flex; flex-direction: column; gap: 0.3rem; }\n\n.hf-label {\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: #374151;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  transition: color 0.15s;\n\n  /* Label підсвічується коли вкладений input у фокусі */\n  &:has(input:focus),\n  &:has(+ .hf-input:focus) {\n    color: #6366f1;\n  }\n}\n\n.hf-input {\n  padding: 0.5rem 0.75rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 7px;\n  font-size: 0.875rem;\n  font-family: inherit;\n  outline: none;\n  background: white;\n  transition: all 0.15s;\n\n  &:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }\n  &:user-valid   { border-color: #10b981; background: #f0fdf4; }\n  &:user-invalid { border-color: #ef4444; background: #fff5f5; }\n}\n\n.hf-cb { accent-color: #6366f1; width: 1rem; height: 1rem; }\n\n.hf-submit {\n  padding: 0.6rem;\n  background: #6366f1;\n  color: white;\n  border: none;\n  border-radius: 8px;\n  font-size: 0.9rem;\n  font-weight: 600;\n  cursor: pointer;\n  font-family: inherit;\n  transition: all 0.15s;\n  margin-top: 0.25rem;\n\n  &:hover { background: #4f46e5; }\n}\n",[2808,8617,8618,8625,8635,8645,8656,8670,8684,8694,8704,8714,8724,8734,8746,8760,8764,8769,8774,8786,8798,8803,8807,8812,8843,8854,8864,8868,8872,8876,8907,8911,8918,8929,8939,8949,8959,8969,8979,8991,8995,9000,9005,9010,9021,9025,9029,9033,9040,9052,9066,9076,9086,9096,9106,9116,9128,9132,9176,9201,9225,9229,9233,9264,9268,9275,9285,9295,9305,9315,9325,9335,9345,9355,9365,9377,9388,9392,9406],{"__ignoreMap":2857},[2861,8619,8620,8623],{"class":2863,"line":2864},[2861,8621,8622],{"class":2969},".has-form",[2861,8624,2974],{"class":2973},[2861,8626,8627,8629,8631,8633],{"class":2863,"line":2870},[2861,8628,3936],{"class":2979},[2861,8630,2983],{"class":2973},[2861,8632,6573],{"class":3941},[2861,8634,2990],{"class":2973},[2861,8636,8637,8639,8641,8643],{"class":2863,"line":2876},[2861,8638,3006],{"class":2979},[2861,8640,2983],{"class":2973},[2861,8642,4183],{"class":2986},[2861,8644,2990],{"class":2973},[2861,8646,8647,8649,8651,8654],{"class":2863,"line":2882},[2861,8648,4190],{"class":2979},[2861,8650,2983],{"class":2973},[2861,8652,8653],{"class":3941},"12px",[2861,8655,2990],{"class":2973},[2861,8657,8658,8660,8662,8664,8666,8668],{"class":2863,"line":2888},[2861,8659,2995],{"class":2979},[2861,8661,2983],{"class":2973},[2861,8663,5215],{"class":3941},[2861,8665,4222],{"class":2986},[2861,8667,4225],{"class":2986},[2861,8669,2990],{"class":2973},[2861,8671,8672,8674,8676,8678,8680,8682],{"class":2863,"line":2894},[2861,8673,3960],{"class":2979},[2861,8675,2983],{"class":2973},[2861,8677,3965],{"class":2986},[2861,8679,2826],{"class":2973},[2861,8681,3970],{"class":2986},[2861,8683,2990],{"class":2973},[2861,8685,8686,8688,8690,8692],{"class":2863,"line":2900},[2861,8687,3977],{"class":2979},[2861,8689,2983],{"class":2973},[2861,8691,3982],{"class":3941},[2861,8693,2990],{"class":2973},[2861,8695,8696,8698,8700,8702],{"class":2863,"line":2906},[2861,8697,3989],{"class":2979},[2861,8699,2983],{"class":2973},[2861,8701,3994],{"class":2986},[2861,8703,2990],{"class":2973},[2861,8705,8706,8708,8710,8712],{"class":2863,"line":2912},[2861,8707,4013],{"class":2979},[2861,8709,2983],{"class":2973},[2861,8711,4018],{"class":2986},[2861,8713,2990],{"class":2973},[2861,8715,8716,8718,8720,8722],{"class":2863,"line":2918},[2861,8717,4025],{"class":2979},[2861,8719,2983],{"class":2973},[2861,8721,4030],{"class":2986},[2861,8723,2990],{"class":2973},[2861,8725,8726,8728,8730,8732],{"class":2863,"line":3055},[2861,8727,4037],{"class":2979},[2861,8729,2983],{"class":2973},[2861,8731,4042],{"class":3941},[2861,8733,2990],{"class":2973},[2861,8735,8736,8739,8741,8744],{"class":2863,"line":3073},[2861,8737,8738],{"class":2979},"  max-width",[2861,8740,2983],{"class":2973},[2861,8742,8743],{"class":3941},"360px",[2861,8745,2990],{"class":2973},[2861,8747,8748,8751,8753,8755,8758],{"class":2863,"line":3084},[2861,8749,8750],{"class":2979},"  margin",[2861,8752,2983],{"class":2973},[2861,8754,4064],{"class":3941},[2861,8756,8757],{"class":2986}," auto",[2861,8759,2990],{"class":2973},[2861,8761,8762],{"class":2863,"line":3095},[2861,8763,3047],{"emptyLinePlaceholder":3046},[2861,8765,8766],{"class":2863,"line":3111},[2861,8767,8768],{"class":2963},"  /* Форма підсвічується червоним якщо є :user-invalid поля */\n",[2861,8770,8771],{"class":2863,"line":3122},[2861,8772,8773],{"class":2973},"  &:has(input:user-invalid) {\n",[2861,8775,8776,8779,8781,8784],{"class":2863,"line":3441},[2861,8777,8778],{"class":2979},"    border-color",[2861,8780,2983],{"class":2973},[2861,8782,8783],{"class":2986},"#fca5a5",[2861,8785,2990],{"class":2973},[2861,8787,8788,8791,8793,8796],{"class":2863,"line":3459},[2861,8789,8790],{"class":2979},"    background",[2861,8792,2983],{"class":2973},[2861,8794,8795],{"class":2986},"#fff8f8",[2861,8797,2990],{"class":2973},[2861,8799,8800],{"class":2863,"line":3483},[2861,8801,8802],{"class":2973},"  }\n",[2861,8804,8805],{"class":2863,"line":3492},[2861,8806,3047],{"emptyLinePlaceholder":3046},[2861,8808,8809],{"class":2863,"line":3507},[2861,8810,8811],{"class":2963},"  /* Форма стає зеленою коли всі поля валідні */\n",[2861,8813,8814,8817,8820,8822,8825,8828,8831,8833,8835,8837,8840],{"class":2863,"line":3525},[2861,8815,8816],{"class":2973},"  &",[2861,8818,8819],{"class":2969},":has",[2861,8821,5356],{"class":2973},[2861,8823,8824],{"class":2969},"input:valid",[2861,8826,8827],{"class":2973},")",[2861,8829,8830],{"class":2969},":not",[2861,8832,5356],{"class":2973},[2861,8834,8819],{"class":2969},[2861,8836,5356],{"class":2973},[2861,8838,8839],{"class":2969},"input:invalid",[2861,8841,8842],{"class":2973},")) {\n",[2861,8844,8845,8847,8849,8852],{"class":2863,"line":3553},[2861,8846,8778],{"class":2979},[2861,8848,2983],{"class":2973},[2861,8850,8851],{"class":2986},"#86efac",[2861,8853,2990],{"class":2973},[2861,8855,8856,8858,8860,8862],{"class":2863,"line":3562},[2861,8857,8790],{"class":2979},[2861,8859,2983],{"class":2973},[2861,8861,8075],{"class":2986},[2861,8863,2990],{"class":2973},[2861,8865,8866],{"class":2863,"line":3572},[2861,8867,8802],{"class":2973},[2861,8869,8870],{"class":2863,"line":3588},[2861,8871,3041],{"class":2973},[2861,8873,8874],{"class":2863,"line":3604},[2861,8875,3047],{"emptyLinePlaceholder":3046},[2861,8877,8878,8881,8883,8885,8887,8889,8891,8893,8895,8897,8899,8901,8903,8905],{"class":2863,"line":3622},[2861,8879,8880],{"class":2969},".hf-group",[2861,8882,4056],{"class":2973},[2861,8884,4358],{"class":2979},[2861,8886,2983],{"class":2973},[2861,8888,4018],{"class":2986},[2861,8890,3105],{"class":2973},[2861,8892,4294],{"class":2979},[2861,8894,2983],{"class":2973},[2861,8896,4030],{"class":2986},[2861,8898,3105],{"class":2973},[2861,8900,4313],{"class":2979},[2861,8902,2983],{"class":2973},[2861,8904,5144],{"class":3941},[2861,8906,4087],{"class":2973},[2861,8908,8909],{"class":2863,"line":3639},[2861,8910,3047],{"emptyLinePlaceholder":3046},[2861,8912,8913,8916],{"class":2863,"line":3663},[2861,8914,8915],{"class":2969},".hf-label",[2861,8917,2974],{"class":2973},[2861,8919,8920,8922,8924,8927],{"class":2863,"line":3685},[2861,8921,3977],{"class":2979},[2861,8923,2983],{"class":2973},[2861,8925,8926],{"class":3941},"0.8rem",[2861,8928,2990],{"class":2973},[2861,8930,8931,8933,8935,8937],{"class":2863,"line":3694},[2861,8932,6930],{"class":2979},[2861,8934,2983],{"class":2973},[2861,8936,5175],{"class":3941},[2861,8938,2990],{"class":2973},[2861,8940,8941,8943,8945,8947],{"class":2863,"line":3710},[2861,8942,3989],{"class":2979},[2861,8944,2983],{"class":2973},[2861,8946,5184],{"class":2986},[2861,8948,2990],{"class":2973},[2861,8950,8951,8953,8955,8957],{"class":2863,"line":3728},[2861,8952,4013],{"class":2979},[2861,8954,2983],{"class":2973},[2861,8956,4018],{"class":2986},[2861,8958,2990],{"class":2973},[2861,8960,8961,8963,8965,8967],{"class":2863,"line":3745},[2861,8962,4157],{"class":2979},[2861,8964,2983],{"class":2973},[2861,8966,4162],{"class":2986},[2861,8968,2990],{"class":2973},[2861,8970,8971,8973,8975,8977],{"class":2863,"line":3769},[2861,8972,4037],{"class":2979},[2861,8974,2983],{"class":2973},[2861,8976,4129],{"class":3941},[2861,8978,2990],{"class":2973},[2861,8980,8981,8983,8985,8987,8989],{"class":2863,"line":3790},[2861,8982,5289],{"class":2979},[2861,8984,2983],{"class":2973},[2861,8986,4079],{"class":2986},[2861,8988,5532],{"class":3941},[2861,8990,2990],{"class":2973},[2861,8992,8993],{"class":2863,"line":3799},[2861,8994,3047],{"emptyLinePlaceholder":3046},[2861,8996,8997],{"class":2863,"line":3815},[2861,8998,8999],{"class":2963},"  /* Label підсвічується коли вкладений input у фокусі */\n",[2861,9001,9002],{"class":2863,"line":3833},[2861,9003,9004],{"class":2973},"  &:has(input:focus),\n",[2861,9006,9007],{"class":2863,"line":3850},[2861,9008,9009],{"class":2973},"  &:has(+ .hf-input:focus) {\n",[2861,9011,9012,9015,9017,9019],{"class":2863,"line":3874},[2861,9013,9014],{"class":2979},"    color",[2861,9016,2983],{"class":2973},[2861,9018,4006],{"class":2986},[2861,9020,2990],{"class":2973},[2861,9022,9023],{"class":2863,"line":3895},[2861,9024,8802],{"class":2973},[2861,9026,9027],{"class":2863,"line":3904},[2861,9028,3041],{"class":2973},[2861,9030,9031],{"class":2863,"line":3913},[2861,9032,3047],{"emptyLinePlaceholder":3046},[2861,9034,9035,9038],{"class":2863,"line":4549},[2861,9036,9037],{"class":2969},".hf-input",[2861,9039,2974],{"class":2973},[2861,9041,9042,9044,9046,9048,9050],{"class":2863,"line":4566},[2861,9043,3936],{"class":2979},[2861,9045,2983],{"class":2973},[2861,9047,4129],{"class":3941},[2861,9049,4208],{"class":3941},[2861,9051,2990],{"class":2973},[2861,9053,9054,9056,9058,9060,9062,9064],{"class":2863,"line":4582},[2861,9055,2995],{"class":2979},[2861,9057,2983],{"class":2973},[2861,9059,5215],{"class":3941},[2861,9061,4222],{"class":2986},[2861,9063,5220],{"class":2986},[2861,9065,2990],{"class":2973},[2861,9067,9068,9070,9072,9074],{"class":2863,"line":4599},[2861,9069,4190],{"class":2979},[2861,9071,2983],{"class":2973},[2861,9073,5231],{"class":3941},[2861,9075,2990],{"class":2973},[2861,9077,9078,9080,9082,9084],{"class":2863,"line":5548},[2861,9079,3977],{"class":2979},[2861,9081,2983],{"class":2973},[2861,9083,3982],{"class":3941},[2861,9085,2990],{"class":2973},[2861,9087,9088,9090,9092,9094],{"class":2863,"line":5559},[2861,9089,3960],{"class":2979},[2861,9091,2983],{"class":2973},[2861,9093,3034],{"class":2986},[2861,9095,2990],{"class":2973},[2861,9097,9098,9100,9102,9104],{"class":2863,"line":5571},[2861,9099,3098],{"class":2979},[2861,9101,2983],{"class":2973},[2861,9103,2987],{"class":2986},[2861,9105,2990],{"class":2973},[2861,9107,9108,9110,9112,9114],{"class":2863,"line":5576},[2861,9109,3006],{"class":2979},[2861,9111,2983],{"class":2973},[2861,9113,4183],{"class":2986},[2861,9115,2990],{"class":2973},[2861,9117,9118,9120,9122,9124,9126],{"class":2863,"line":5585},[2861,9119,5289],{"class":2979},[2861,9121,2983],{"class":2973},[2861,9123,6765],{"class":2986},[2861,9125,5532],{"class":3941},[2861,9127,2990],{"class":2973},[2861,9129,9130],{"class":2863,"line":5596},[2861,9131,3047],{"emptyLinePlaceholder":3046},[2861,9133,9134,9137,9139,9141,9144,9146,9148,9150,9152,9154,9156,9158,9160,9162,9164,9166,9168,9170,9173],{"class":2863,"line":5601},[2861,9135,9136],{"class":2973},"  &:focus { border-color: ",[2861,9138,4006],{"class":2986},[2861,9140,3105],{"class":2973},[2861,9142,9143],{"class":2979},"box-shadow",[2861,9145,2983],{"class":2973},[2861,9147,4064],{"class":3941},[2861,9149,5055],{"class":3941},[2861,9151,5055],{"class":3941},[2861,9153,5349],{"class":3941},[2861,9155,5353],{"class":5352},[2861,9157,5356],{"class":2973},[2861,9159,5359],{"class":3941},[2861,9161,6411],{"class":2973},[2861,9163,5364],{"class":3941},[2861,9165,6411],{"class":2973},[2861,9167,5369],{"class":3941},[2861,9169,6411],{"class":2973},[2861,9171,9172],{"class":3941},"0.15",[2861,9174,9175],{"class":2973},"); }\n",[2861,9177,9178,9181,9183,9185,9187,9189,9191,9193,9195,9197,9199],{"class":2863,"line":5621},[2861,9179,9180],{"class":2973},"  &:",[2861,9182,8171],{"class":3185},[2861,9184,8088],{"class":2973},[2861,9186,6951],{"class":2979},[2861,9188,2983],{"class":2973},[2861,9190,4594],{"class":2986},[2861,9192,3105],{"class":2973},[2861,9194,5529],{"class":2979},[2861,9196,2983],{"class":2973},[2861,9198,8075],{"class":2986},[2861,9200,4087],{"class":2973},[2861,9202,9203,9205,9207,9209,9211,9213,9215,9217,9219,9221,9223],{"class":2863,"line":5630},[2861,9204,9180],{"class":2973},[2861,9206,8114],{"class":3185},[2861,9208,4056],{"class":2973},[2861,9210,6951],{"class":2979},[2861,9212,2983],{"class":2973},[2861,9214,7974],{"class":2986},[2861,9216,3105],{"class":2973},[2861,9218,5529],{"class":2979},[2861,9220,2983],{"class":2973},[2861,9222,8027],{"class":2986},[2861,9224,4087],{"class":2973},[2861,9226,9227],{"class":2863,"line":5641},[2861,9228,3041],{"class":2973},[2861,9230,9231],{"class":2863,"line":5654},[2861,9232,3047],{"emptyLinePlaceholder":3046},[2861,9234,9235,9238,9240,9242,9244,9246,9248,9250,9252,9254,9256,9258,9260,9262],{"class":2863,"line":5666},[2861,9236,9237],{"class":2969},".hf-cb",[2861,9239,4056],{"class":2973},[2861,9241,2825],{"class":2979},[2861,9243,2983],{"class":2973},[2861,9245,4006],{"class":2986},[2861,9247,3105],{"class":2973},[2861,9249,4253],{"class":2979},[2861,9251,2983],{"class":2973},[2861,9253,3942],{"class":3941},[2861,9255,3105],{"class":2973},[2861,9257,4262],{"class":2979},[2861,9259,2983],{"class":2973},[2861,9261,3942],{"class":3941},[2861,9263,4087],{"class":2973},[2861,9265,9266],{"class":2863,"line":5678},[2861,9267,3047],{"emptyLinePlaceholder":3046},[2861,9269,9270,9273],{"class":2863,"line":6758},[2861,9271,9272],{"class":2969},".hf-submit",[2861,9274,2974],{"class":2973},[2861,9276,9277,9279,9281,9283],{"class":2863,"line":6775},[2861,9278,3936],{"class":2979},[2861,9280,2983],{"class":2973},[2861,9282,4456],{"class":3941},[2861,9284,2990],{"class":2973},[2861,9286,9287,9289,9291,9293],{"class":2863,"line":6790},[2861,9288,3006],{"class":2979},[2861,9290,2983],{"class":2973},[2861,9292,4006],{"class":2986},[2861,9294,2990],{"class":2973},[2861,9296,9297,9299,9301,9303],{"class":2863,"line":6795},[2861,9298,3989],{"class":2979},[2861,9300,2983],{"class":2973},[2861,9302,4183],{"class":2986},[2861,9304,2990],{"class":2973},[2861,9306,9307,9309,9311,9313],{"class":2863,"line":6801},[2861,9308,2995],{"class":2979},[2861,9310,2983],{"class":2973},[2861,9312,2987],{"class":2986},[2861,9314,2990],{"class":2973},[2861,9316,9317,9319,9321,9323],{"class":2863,"line":6818},[2861,9318,4190],{"class":2979},[2861,9320,2983],{"class":2973},[2861,9322,4431],{"class":3941},[2861,9324,2990],{"class":2973},[2861,9326,9327,9329,9331,9333],{"class":2863,"line":6829},[2861,9328,3977],{"class":2979},[2861,9330,2983],{"class":2973},[2861,9332,5242],{"class":3941},[2861,9334,2990],{"class":2973},[2861,9336,9337,9339,9341,9343],{"class":2863,"line":6840},[2861,9338,6930],{"class":2979},[2861,9340,2983],{"class":2973},[2861,9342,5175],{"class":3941},[2861,9344,2990],{"class":2973},[2861,9346,9347,9349,9351,9353],{"class":2863,"line":6851},[2861,9348,3017],{"class":2979},[2861,9350,2983],{"class":2973},[2861,9352,3022],{"class":2986},[2861,9354,2990],{"class":2973},[2861,9356,9357,9359,9361,9363],{"class":2863,"line":6856},[2861,9358,3960],{"class":2979},[2861,9360,2983],{"class":2973},[2861,9362,3034],{"class":2986},[2861,9364,2990],{"class":2973},[2861,9366,9367,9369,9371,9373,9375],{"class":2863,"line":6862},[2861,9368,5289],{"class":2979},[2861,9370,2983],{"class":2973},[2861,9372,6765],{"class":2986},[2861,9374,5532],{"class":3941},[2861,9376,2990],{"class":2973},[2861,9378,9379,9382,9384,9386],{"class":2863,"line":6881},[2861,9380,9381],{"class":2979},"  margin-top",[2861,9383,2983],{"class":2973},[2861,9385,4318],{"class":3941},[2861,9387,2990],{"class":2973},[2861,9389,9390],{"class":2863,"line":6893},[2861,9391,3047],{"emptyLinePlaceholder":3046},[2861,9393,9394,9397,9399,9401,9404],{"class":2863,"line":6904},[2861,9395,9396],{"class":2973},"  &:hover { ",[2861,9398,5529],{"class":5528},[2861,9400,2983],{"class":2973},[2861,9402,9403],{"class":2986},"#4f46e5",[2861,9405,4087],{"class":2973},[2861,9407,9408],{"class":2863,"line":6916},[2861,9409,3041],{"class":2973},[2923,9411],{},[2794,9413,9415],{"id":9414},"кастомний-checkbox-та-radio","Кастомний Checkbox та Radio",[2799,9417,9418,6447,9420,2837,9423,6447,9426,9428],{},[2808,9419,2940],{},[2808,9421,9422],{},"::before",[2808,9424,9425],{},"::after",[2808,9427,5687],{}," — класична техніка для повністю кастомних форм-елементів.",[3168,9430,9431,10453],{},[2853,9432,9434],{"className":3172,"code":9433,"language":3174,"meta":2857,"style":2857},"\u003Cdiv class=\"custom-inputs-demo\">\n  \u003Cp class=\"cid-title\">Кастомні Checkbox та Radio без бібліотек\u003C/p>\n  \u003Cdiv class=\"cid-grid\">\n    \u003Cfieldset class=\"cid-group\">\n      \u003Clegend>Checkbox варіанти\u003C/legend>\n      \u003Clabel class=\"custom-cb-label\">\n        \u003Cinput type=\"checkbox\" class=\"custom-cb\" checked>\n        \u003Cspan class=\"custom-cb-box\">\u003C/span>\n        Стандартний стиль\n      \u003C/label>\n      \u003Clabel class=\"custom-cb-label style-2\">\n        \u003Cinput type=\"checkbox\" class=\"custom-cb\">\n        \u003Cspan class=\"custom-cb-box\">\u003C/span>\n        Округлий\n      \u003C/label>\n      \u003Clabel class=\"custom-cb-label style-3\">\n        \u003Cinput type=\"checkbox\" class=\"custom-cb\" checked>\n        \u003Cspan class=\"custom-cb-box\">\u003C/span>\n        Filled style\n      \u003C/label>\n    \u003C/fieldset>\n    \u003Cfieldset class=\"cid-group\">\n      \u003Clegend>Radio варіанти\u003C/legend>\n      \u003Clabel class=\"custom-radio-label\">\n        \u003Cinput type=\"radio\" name=\"demo\" class=\"custom-radio\" checked>\n        \u003Cspan class=\"custom-radio-dot\">\u003C/span>\n        Опція A\n      \u003C/label>\n      \u003Clabel class=\"custom-radio-label\">\n        \u003Cinput type=\"radio\" name=\"demo\" class=\"custom-radio\">\n        \u003Cspan class=\"custom-radio-dot\">\u003C/span>\n        Опція B\n      \u003C/label>\n      \u003Clabel class=\"custom-radio-label\">\n        \u003Cinput type=\"radio\" name=\"demo\" class=\"custom-radio\">\n        \u003Cspan class=\"custom-radio-dot\">\u003C/span>\n        Опція C\n      \u003C/label>\n    \u003C/fieldset>\n  \u003C/div>\n  \u003Cdiv class=\"card-radio-group\">\n    \u003Cp class=\"crd-label\">Card-style radio:\u003C/p>\n    \u003Cdiv class=\"card-radios\">\n      \u003Clabel class=\"card-radio\">\n        \u003Cinput type=\"radio\" name=\"plan\" checked>\n        \u003Cdiv class=\"cr-content\">\n          \u003Cspan class=\"cr-icon\">🌱\u003C/span>\n          \u003Cstrong>Free\u003C/strong>\n          \u003Cspan>$0/mo\u003C/span>\n        \u003C/div>\n      \u003C/label>\n      \u003Clabel class=\"card-radio\">\n        \u003Cinput type=\"radio\" name=\"plan\">\n        \u003Cdiv class=\"cr-content\">\n          \u003Cspan class=\"cr-icon\">⚡\u003C/span>\n          \u003Cstrong>Pro\u003C/strong>\n          \u003Cspan>$12/mo\u003C/span>\n        \u003C/div>\n      \u003C/label>\n      \u003Clabel class=\"card-radio\">\n        \u003Cinput type=\"radio\" name=\"plan\">\n        \u003Cdiv class=\"cr-content\">\n          \u003Cspan class=\"cr-icon\">🚀\u003C/span>\n          \u003Cstrong>Team\u003C/strong>\n          \u003Cspan>$49/mo\u003C/span>\n        \u003C/div>\n      \u003C/label>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2808,9435,9436,9451,9475,9490,9506,9524,9539,9563,9582,9587,9596,9611,9631,9649,9654,9662,9677,9699,9717,9722,9730,9738,9752,9769,9784,9814,9833,9838,9846,9860,9886,9904,9909,9917,9931,9957,9975,9980,9988,9996,10004,10019,10043,10058,10073,10096,10111,10136,10153,10170,10179,10187,10201,10221,10235,10258,10275,10292,10300,10308,10322,10342,10356,10379,10396,10413,10421,10429,10437,10445],{"__ignoreMap":2857},[2861,9437,9438,9440,9442,9444,9446,9449],{"class":2863,"line":2864},[2861,9439,3182],{"class":3181},[2861,9441,2821],{"class":3185},[2861,9443,3188],{"class":2979},[2861,9445,3191],{"class":2973},[2861,9447,9448],{"class":3194},"\"custom-inputs-demo\"",[2861,9450,3198],{"class":3181},[2861,9452,9453,9455,9457,9459,9461,9464,9466,9469,9471,9473],{"class":2863,"line":2870},[2861,9454,3203],{"class":3181},[2861,9456,2799],{"class":3185},[2861,9458,3188],{"class":2979},[2861,9460,3191],{"class":2973},[2861,9462,9463],{"class":3194},"\"cid-title\"",[2861,9465,3215],{"class":3181},[2861,9467,9468],{"class":2973},"Кастомні Checkbox та Radio без бібліотек",[2861,9470,3221],{"class":3181},[2861,9472,2799],{"class":3185},[2861,9474,3198],{"class":3181},[2861,9476,9477,9479,9481,9483,9485,9488],{"class":2863,"line":2876},[2861,9478,3203],{"class":3181},[2861,9480,2821],{"class":3185},[2861,9482,3188],{"class":2979},[2861,9484,3191],{"class":2973},[2861,9486,9487],{"class":3194},"\"cid-grid\"",[2861,9489,3198],{"class":3181},[2861,9491,9492,9494,9497,9499,9501,9504],{"class":2863,"line":2882},[2861,9493,3245],{"class":3181},[2861,9495,9496],{"class":3185},"fieldset",[2861,9498,3188],{"class":2979},[2861,9500,3191],{"class":2973},[2861,9502,9503],{"class":3194},"\"cid-group\"",[2861,9505,3198],{"class":3181},[2861,9507,9508,9510,9513,9515,9518,9520,9522],{"class":2863,"line":2888},[2861,9509,3262],{"class":3181},[2861,9511,9512],{"class":3185},"legend",[2861,9514,3215],{"class":3181},[2861,9516,9517],{"class":2973},"Checkbox варіанти",[2861,9519,3221],{"class":3181},[2861,9521,9512],{"class":3185},[2861,9523,3198],{"class":3181},[2861,9525,9526,9528,9530,9532,9534,9537],{"class":2863,"line":2894},[2861,9527,3262],{"class":3181},[2861,9529,3248],{"class":3185},[2861,9531,3188],{"class":2979},[2861,9533,3191],{"class":2973},[2861,9535,9536],{"class":3194},"\"custom-cb-label\"",[2861,9538,3198],{"class":3181},[2861,9540,9541,9544,9546,9548,9550,9552,9554,9556,9559,9561],{"class":2863,"line":2900},[2861,9542,9543],{"class":3181},"        \u003C",[2861,9545,3058],{"class":3185},[2861,9547,3267],{"class":2979},[2861,9549,3191],{"class":2973},[2861,9551,3272],{"class":3194},[2861,9553,3188],{"class":2979},[2861,9555,3191],{"class":2973},[2861,9557,9558],{"class":3194},"\"custom-cb\"",[2861,9560,3275],{"class":2979},[2861,9562,3198],{"class":3181},[2861,9564,9565,9567,9569,9571,9573,9576,9578,9580],{"class":2863,"line":2906},[2861,9566,9543],{"class":3181},[2861,9568,2861],{"class":3185},[2861,9570,3188],{"class":2979},[2861,9572,3191],{"class":2973},[2861,9574,9575],{"class":3194},"\"custom-cb-box\"",[2861,9577,3546],{"class":3181},[2861,9579,2861],{"class":3185},[2861,9581,3198],{"class":3181},[2861,9583,9584],{"class":2863,"line":2912},[2861,9585,9586],{"class":2973},"        Стандартний стиль\n",[2861,9588,9589,9592,9594],{"class":2863,"line":2918},[2861,9590,9591],{"class":3181},"      \u003C/",[2861,9593,3248],{"class":3185},[2861,9595,3198],{"class":3181},[2861,9597,9598,9600,9602,9604,9606,9609],{"class":2863,"line":3055},[2861,9599,3262],{"class":3181},[2861,9601,3248],{"class":3185},[2861,9603,3188],{"class":2979},[2861,9605,3191],{"class":2973},[2861,9607,9608],{"class":3194},"\"custom-cb-label style-2\"",[2861,9610,3198],{"class":3181},[2861,9612,9613,9615,9617,9619,9621,9623,9625,9627,9629],{"class":2863,"line":3073},[2861,9614,9543],{"class":3181},[2861,9616,3058],{"class":3185},[2861,9618,3267],{"class":2979},[2861,9620,3191],{"class":2973},[2861,9622,3272],{"class":3194},[2861,9624,3188],{"class":2979},[2861,9626,3191],{"class":2973},[2861,9628,9558],{"class":3194},[2861,9630,3198],{"class":3181},[2861,9632,9633,9635,9637,9639,9641,9643,9645,9647],{"class":2863,"line":3084},[2861,9634,9543],{"class":3181},[2861,9636,2861],{"class":3185},[2861,9638,3188],{"class":2979},[2861,9640,3191],{"class":2973},[2861,9642,9575],{"class":3194},[2861,9644,3546],{"class":3181},[2861,9646,2861],{"class":3185},[2861,9648,3198],{"class":3181},[2861,9650,9651],{"class":2863,"line":3095},[2861,9652,9653],{"class":2973},"        Округлий\n",[2861,9655,9656,9658,9660],{"class":2863,"line":3111},[2861,9657,9591],{"class":3181},[2861,9659,3248],{"class":3185},[2861,9661,3198],{"class":3181},[2861,9663,9664,9666,9668,9670,9672,9675],{"class":2863,"line":3122},[2861,9665,3262],{"class":3181},[2861,9667,3248],{"class":3185},[2861,9669,3188],{"class":2979},[2861,9671,3191],{"class":2973},[2861,9673,9674],{"class":3194},"\"custom-cb-label style-3\"",[2861,9676,3198],{"class":3181},[2861,9678,9679,9681,9683,9685,9687,9689,9691,9693,9695,9697],{"class":2863,"line":3441},[2861,9680,9543],{"class":3181},[2861,9682,3058],{"class":3185},[2861,9684,3267],{"class":2979},[2861,9686,3191],{"class":2973},[2861,9688,3272],{"class":3194},[2861,9690,3188],{"class":2979},[2861,9692,3191],{"class":2973},[2861,9694,9558],{"class":3194},[2861,9696,3275],{"class":2979},[2861,9698,3198],{"class":3181},[2861,9700,9701,9703,9705,9707,9709,9711,9713,9715],{"class":2863,"line":3459},[2861,9702,9543],{"class":3181},[2861,9704,2861],{"class":3185},[2861,9706,3188],{"class":2979},[2861,9708,3191],{"class":2973},[2861,9710,9575],{"class":3194},[2861,9712,3546],{"class":3181},[2861,9714,2861],{"class":3185},[2861,9716,3198],{"class":3181},[2861,9718,9719],{"class":2863,"line":3483},[2861,9720,9721],{"class":2973},"        Filled style\n",[2861,9723,9724,9726,9728],{"class":2863,"line":3492},[2861,9725,9591],{"class":3181},[2861,9727,3248],{"class":3185},[2861,9729,3198],{"class":3181},[2861,9731,9732,9734,9736],{"class":2863,"line":3507},[2861,9733,3285],{"class":3181},[2861,9735,9496],{"class":3185},[2861,9737,3198],{"class":3181},[2861,9739,9740,9742,9744,9746,9748,9750],{"class":2863,"line":3525},[2861,9741,3245],{"class":3181},[2861,9743,9496],{"class":3185},[2861,9745,3188],{"class":2979},[2861,9747,3191],{"class":2973},[2861,9749,9503],{"class":3194},[2861,9751,3198],{"class":3181},[2861,9753,9754,9756,9758,9760,9763,9765,9767],{"class":2863,"line":3553},[2861,9755,3262],{"class":3181},[2861,9757,9512],{"class":3185},[2861,9759,3215],{"class":3181},[2861,9761,9762],{"class":2973},"Radio варіанти",[2861,9764,3221],{"class":3181},[2861,9766,9512],{"class":3185},[2861,9768,3198],{"class":3181},[2861,9770,9771,9773,9775,9777,9779,9782],{"class":2863,"line":3562},[2861,9772,3262],{"class":3181},[2861,9774,3248],{"class":3185},[2861,9776,3188],{"class":2979},[2861,9778,3191],{"class":2973},[2861,9780,9781],{"class":3194},"\"custom-radio-label\"",[2861,9783,3198],{"class":3181},[2861,9785,9786,9788,9790,9792,9794,9796,9798,9800,9803,9805,9807,9810,9812],{"class":2863,"line":3572},[2861,9787,9543],{"class":3181},[2861,9789,3058],{"class":3185},[2861,9791,3267],{"class":2979},[2861,9793,3191],{"class":2973},[2861,9795,3355],{"class":3194},[2861,9797,3358],{"class":2979},[2861,9799,3191],{"class":2973},[2861,9801,9802],{"class":3194},"\"demo\"",[2861,9804,3188],{"class":2979},[2861,9806,3191],{"class":2973},[2861,9808,9809],{"class":3194},"\"custom-radio\"",[2861,9811,3275],{"class":2979},[2861,9813,3198],{"class":3181},[2861,9815,9816,9818,9820,9822,9824,9827,9829,9831],{"class":2863,"line":3588},[2861,9817,9543],{"class":3181},[2861,9819,2861],{"class":3185},[2861,9821,3188],{"class":2979},[2861,9823,3191],{"class":2973},[2861,9825,9826],{"class":3194},"\"custom-radio-dot\"",[2861,9828,3546],{"class":3181},[2861,9830,2861],{"class":3185},[2861,9832,3198],{"class":3181},[2861,9834,9835],{"class":2863,"line":3604},[2861,9836,9837],{"class":2973},"        Опція A\n",[2861,9839,9840,9842,9844],{"class":2863,"line":3622},[2861,9841,9591],{"class":3181},[2861,9843,3248],{"class":3185},[2861,9845,3198],{"class":3181},[2861,9847,9848,9850,9852,9854,9856,9858],{"class":2863,"line":3639},[2861,9849,3262],{"class":3181},[2861,9851,3248],{"class":3185},[2861,9853,3188],{"class":2979},[2861,9855,3191],{"class":2973},[2861,9857,9781],{"class":3194},[2861,9859,3198],{"class":3181},[2861,9861,9862,9864,9866,9868,9870,9872,9874,9876,9878,9880,9882,9884],{"class":2863,"line":3663},[2861,9863,9543],{"class":3181},[2861,9865,3058],{"class":3185},[2861,9867,3267],{"class":2979},[2861,9869,3191],{"class":2973},[2861,9871,3355],{"class":3194},[2861,9873,3358],{"class":2979},[2861,9875,3191],{"class":2973},[2861,9877,9802],{"class":3194},[2861,9879,3188],{"class":2979},[2861,9881,3191],{"class":2973},[2861,9883,9809],{"class":3194},[2861,9885,3198],{"class":3181},[2861,9887,9888,9890,9892,9894,9896,9898,9900,9902],{"class":2863,"line":3685},[2861,9889,9543],{"class":3181},[2861,9891,2861],{"class":3185},[2861,9893,3188],{"class":2979},[2861,9895,3191],{"class":2973},[2861,9897,9826],{"class":3194},[2861,9899,3546],{"class":3181},[2861,9901,2861],{"class":3185},[2861,9903,3198],{"class":3181},[2861,9905,9906],{"class":2863,"line":3694},[2861,9907,9908],{"class":2973},"        Опція B\n",[2861,9910,9911,9913,9915],{"class":2863,"line":3710},[2861,9912,9591],{"class":3181},[2861,9914,3248],{"class":3185},[2861,9916,3198],{"class":3181},[2861,9918,9919,9921,9923,9925,9927,9929],{"class":2863,"line":3728},[2861,9920,3262],{"class":3181},[2861,9922,3248],{"class":3185},[2861,9924,3188],{"class":2979},[2861,9926,3191],{"class":2973},[2861,9928,9781],{"class":3194},[2861,9930,3198],{"class":3181},[2861,9932,9933,9935,9937,9939,9941,9943,9945,9947,9949,9951,9953,9955],{"class":2863,"line":3745},[2861,9934,9543],{"class":3181},[2861,9936,3058],{"class":3185},[2861,9938,3267],{"class":2979},[2861,9940,3191],{"class":2973},[2861,9942,3355],{"class":3194},[2861,9944,3358],{"class":2979},[2861,9946,3191],{"class":2973},[2861,9948,9802],{"class":3194},[2861,9950,3188],{"class":2979},[2861,9952,3191],{"class":2973},[2861,9954,9809],{"class":3194},[2861,9956,3198],{"class":3181},[2861,9958,9959,9961,9963,9965,9967,9969,9971,9973],{"class":2863,"line":3769},[2861,9960,9543],{"class":3181},[2861,9962,2861],{"class":3185},[2861,9964,3188],{"class":2979},[2861,9966,3191],{"class":2973},[2861,9968,9826],{"class":3194},[2861,9970,3546],{"class":3181},[2861,9972,2861],{"class":3185},[2861,9974,3198],{"class":3181},[2861,9976,9977],{"class":2863,"line":3790},[2861,9978,9979],{"class":2973},"        Опція C\n",[2861,9981,9982,9984,9986],{"class":2863,"line":3799},[2861,9983,9591],{"class":3181},[2861,9985,3248],{"class":3185},[2861,9987,3198],{"class":3181},[2861,9989,9990,9992,9994],{"class":2863,"line":3815},[2861,9991,3285],{"class":3181},[2861,9993,9496],{"class":3185},[2861,9995,3198],{"class":3181},[2861,9997,9998,10000,10002],{"class":2863,"line":3833},[2861,9999,3565],{"class":3181},[2861,10001,2821],{"class":3185},[2861,10003,3198],{"class":3181},[2861,10005,10006,10008,10010,10012,10014,10017],{"class":2863,"line":3850},[2861,10007,3203],{"class":3181},[2861,10009,2821],{"class":3185},[2861,10011,3188],{"class":2979},[2861,10013,3191],{"class":2973},[2861,10015,10016],{"class":3194},"\"card-radio-group\"",[2861,10018,3198],{"class":3181},[2861,10020,10021,10023,10025,10027,10029,10032,10034,10037,10039,10041],{"class":2863,"line":3874},[2861,10022,3245],{"class":3181},[2861,10024,2799],{"class":3185},[2861,10026,3188],{"class":2979},[2861,10028,3191],{"class":2973},[2861,10030,10031],{"class":3194},"\"crd-label\"",[2861,10033,3215],{"class":3181},[2861,10035,10036],{"class":2973},"Card-style radio:",[2861,10038,3221],{"class":3181},[2861,10040,2799],{"class":3185},[2861,10042,3198],{"class":3181},[2861,10044,10045,10047,10049,10051,10053,10056],{"class":2863,"line":3895},[2861,10046,3245],{"class":3181},[2861,10048,2821],{"class":3185},[2861,10050,3188],{"class":2979},[2861,10052,3191],{"class":2973},[2861,10054,10055],{"class":3194},"\"card-radios\"",[2861,10057,3198],{"class":3181},[2861,10059,10060,10062,10064,10066,10068,10071],{"class":2863,"line":3904},[2861,10061,3262],{"class":3181},[2861,10063,3248],{"class":3185},[2861,10065,3188],{"class":2979},[2861,10067,3191],{"class":2973},[2861,10069,10070],{"class":3194},"\"card-radio\"",[2861,10072,3198],{"class":3181},[2861,10074,10075,10077,10079,10081,10083,10085,10087,10089,10092,10094],{"class":2863,"line":3913},[2861,10076,9543],{"class":3181},[2861,10078,3058],{"class":3185},[2861,10080,3267],{"class":2979},[2861,10082,3191],{"class":2973},[2861,10084,3355],{"class":3194},[2861,10086,3358],{"class":2979},[2861,10088,3191],{"class":2973},[2861,10090,10091],{"class":3194},"\"plan\"",[2861,10093,3275],{"class":2979},[2861,10095,3198],{"class":3181},[2861,10097,10098,10100,10102,10104,10106,10109],{"class":2863,"line":4549},[2861,10099,9543],{"class":3181},[2861,10101,2821],{"class":3185},[2861,10103,3188],{"class":2979},[2861,10105,3191],{"class":2973},[2861,10107,10108],{"class":3194},"\"cr-content\"",[2861,10110,3198],{"class":3181},[2861,10112,10113,10116,10118,10120,10122,10125,10127,10130,10132,10134],{"class":2863,"line":4566},[2861,10114,10115],{"class":3181},"          \u003C",[2861,10117,2861],{"class":3185},[2861,10119,3188],{"class":2979},[2861,10121,3191],{"class":2973},[2861,10123,10124],{"class":3194},"\"cr-icon\"",[2861,10126,3215],{"class":3181},[2861,10128,10129],{"class":2973},"🌱",[2861,10131,3221],{"class":3181},[2861,10133,2861],{"class":3185},[2861,10135,3198],{"class":3181},[2861,10137,10138,10140,10142,10144,10147,10149,10151],{"class":2863,"line":4582},[2861,10139,10115],{"class":3181},[2861,10141,2803],{"class":3185},[2861,10143,3215],{"class":3181},[2861,10145,10146],{"class":2973},"Free",[2861,10148,3221],{"class":3181},[2861,10150,2803],{"class":3185},[2861,10152,3198],{"class":3181},[2861,10154,10155,10157,10159,10161,10164,10166,10168],{"class":2863,"line":4599},[2861,10156,10115],{"class":3181},[2861,10158,2861],{"class":3185},[2861,10160,3215],{"class":3181},[2861,10162,10163],{"class":2973},"$0/mo",[2861,10165,3221],{"class":3181},[2861,10167,2861],{"class":3185},[2861,10169,3198],{"class":3181},[2861,10171,10172,10175,10177],{"class":2863,"line":5548},[2861,10173,10174],{"class":3181},"        \u003C/",[2861,10176,2821],{"class":3185},[2861,10178,3198],{"class":3181},[2861,10180,10181,10183,10185],{"class":2863,"line":5559},[2861,10182,9591],{"class":3181},[2861,10184,3248],{"class":3185},[2861,10186,3198],{"class":3181},[2861,10188,10189,10191,10193,10195,10197,10199],{"class":2863,"line":5571},[2861,10190,3262],{"class":3181},[2861,10192,3248],{"class":3185},[2861,10194,3188],{"class":2979},[2861,10196,3191],{"class":2973},[2861,10198,10070],{"class":3194},[2861,10200,3198],{"class":3181},[2861,10202,10203,10205,10207,10209,10211,10213,10215,10217,10219],{"class":2863,"line":5576},[2861,10204,9543],{"class":3181},[2861,10206,3058],{"class":3185},[2861,10208,3267],{"class":2979},[2861,10210,3191],{"class":2973},[2861,10212,3355],{"class":3194},[2861,10214,3358],{"class":2979},[2861,10216,3191],{"class":2973},[2861,10218,10091],{"class":3194},[2861,10220,3198],{"class":3181},[2861,10222,10223,10225,10227,10229,10231,10233],{"class":2863,"line":5585},[2861,10224,9543],{"class":3181},[2861,10226,2821],{"class":3185},[2861,10228,3188],{"class":2979},[2861,10230,3191],{"class":2973},[2861,10232,10108],{"class":3194},[2861,10234,3198],{"class":3181},[2861,10236,10237,10239,10241,10243,10245,10247,10249,10252,10254,10256],{"class":2863,"line":5596},[2861,10238,10115],{"class":3181},[2861,10240,2861],{"class":3185},[2861,10242,3188],{"class":2979},[2861,10244,3191],{"class":2973},[2861,10246,10124],{"class":3194},[2861,10248,3215],{"class":3181},[2861,10250,10251],{"class":2973},"⚡",[2861,10253,3221],{"class":3181},[2861,10255,2861],{"class":3185},[2861,10257,3198],{"class":3181},[2861,10259,10260,10262,10264,10266,10269,10271,10273],{"class":2863,"line":5601},[2861,10261,10115],{"class":3181},[2861,10263,2803],{"class":3185},[2861,10265,3215],{"class":3181},[2861,10267,10268],{"class":2973},"Pro",[2861,10270,3221],{"class":3181},[2861,10272,2803],{"class":3185},[2861,10274,3198],{"class":3181},[2861,10276,10277,10279,10281,10283,10286,10288,10290],{"class":2863,"line":5621},[2861,10278,10115],{"class":3181},[2861,10280,2861],{"class":3185},[2861,10282,3215],{"class":3181},[2861,10284,10285],{"class":2973},"$12/mo",[2861,10287,3221],{"class":3181},[2861,10289,2861],{"class":3185},[2861,10291,3198],{"class":3181},[2861,10293,10294,10296,10298],{"class":2863,"line":5630},[2861,10295,10174],{"class":3181},[2861,10297,2821],{"class":3185},[2861,10299,3198],{"class":3181},[2861,10301,10302,10304,10306],{"class":2863,"line":5641},[2861,10303,9591],{"class":3181},[2861,10305,3248],{"class":3185},[2861,10307,3198],{"class":3181},[2861,10309,10310,10312,10314,10316,10318,10320],{"class":2863,"line":5654},[2861,10311,3262],{"class":3181},[2861,10313,3248],{"class":3185},[2861,10315,3188],{"class":2979},[2861,10317,3191],{"class":2973},[2861,10319,10070],{"class":3194},[2861,10321,3198],{"class":3181},[2861,10323,10324,10326,10328,10330,10332,10334,10336,10338,10340],{"class":2863,"line":5666},[2861,10325,9543],{"class":3181},[2861,10327,3058],{"class":3185},[2861,10329,3267],{"class":2979},[2861,10331,3191],{"class":2973},[2861,10333,3355],{"class":3194},[2861,10335,3358],{"class":2979},[2861,10337,3191],{"class":2973},[2861,10339,10091],{"class":3194},[2861,10341,3198],{"class":3181},[2861,10343,10344,10346,10348,10350,10352,10354],{"class":2863,"line":5678},[2861,10345,9543],{"class":3181},[2861,10347,2821],{"class":3185},[2861,10349,3188],{"class":2979},[2861,10351,3191],{"class":2973},[2861,10353,10108],{"class":3194},[2861,10355,3198],{"class":3181},[2861,10357,10358,10360,10362,10364,10366,10368,10370,10373,10375,10377],{"class":2863,"line":6758},[2861,10359,10115],{"class":3181},[2861,10361,2861],{"class":3185},[2861,10363,3188],{"class":2979},[2861,10365,3191],{"class":2973},[2861,10367,10124],{"class":3194},[2861,10369,3215],{"class":3181},[2861,10371,10372],{"class":2973},"🚀",[2861,10374,3221],{"class":3181},[2861,10376,2861],{"class":3185},[2861,10378,3198],{"class":3181},[2861,10380,10381,10383,10385,10387,10390,10392,10394],{"class":2863,"line":6775},[2861,10382,10115],{"class":3181},[2861,10384,2803],{"class":3185},[2861,10386,3215],{"class":3181},[2861,10388,10389],{"class":2973},"Team",[2861,10391,3221],{"class":3181},[2861,10393,2803],{"class":3185},[2861,10395,3198],{"class":3181},[2861,10397,10398,10400,10402,10404,10407,10409,10411],{"class":2863,"line":6790},[2861,10399,10115],{"class":3181},[2861,10401,2861],{"class":3185},[2861,10403,3215],{"class":3181},[2861,10405,10406],{"class":2973},"$49/mo",[2861,10408,3221],{"class":3181},[2861,10410,2861],{"class":3185},[2861,10412,3198],{"class":3181},[2861,10414,10415,10417,10419],{"class":2863,"line":6795},[2861,10416,10174],{"class":3181},[2861,10418,2821],{"class":3185},[2861,10420,3198],{"class":3181},[2861,10422,10423,10425,10427],{"class":2863,"line":6801},[2861,10424,9591],{"class":3181},[2861,10426,3248],{"class":3185},[2861,10428,3198],{"class":3181},[2861,10430,10431,10433,10435],{"class":2863,"line":6818},[2861,10432,3285],{"class":3181},[2861,10434,2821],{"class":3185},[2861,10436,3198],{"class":3181},[2861,10438,10439,10441,10443],{"class":2863,"line":6829},[2861,10440,3565],{"class":3181},[2861,10442,2821],{"class":3185},[2861,10444,3198],{"class":3181},[2861,10446,10447,10449,10451],{"class":2863,"line":6840},[2861,10448,3221],{"class":3181},[2861,10450,2821],{"class":3185},[2861,10452,3198],{"class":3181},[2853,10454,10456],{"className":2954,"code":10455,"language":2956,"meta":2857,"style":2857},".custom-inputs-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.cid-title { margin: 0; font-weight: 700; color: #64748b; }\n.cid-grid { display: flex; gap: 0.75rem; flex-wrap: wrap; }\n.cid-group {\n  flex: 1; min-width: 150px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  background: white;\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.cid-group legend { font-size: 0.75rem; font-weight: 700; color: #64748b; padding: 0 0.25rem; }\n\n/* Кастомний Checkbox */\n.custom-cb-label {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  cursor: pointer;\n  font-size: 0.85rem;\n  user-select: none;\n}\n.custom-cb { display: none; }\n.custom-cb-box {\n  width: 18px;\n  height: 18px;\n  border: 2px solid #d1d5db;\n  border-radius: 4px;\n  background: white;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s;\n  position: relative;\n}\n.custom-cb-box::after {\n  content: '';\n  width: 6px;\n  height: 10px;\n  border: 2px solid white;\n  border-top: none;\n  border-left: none;\n  transform: rotate(45deg) scale(0);\n  transition: transform 0.15s;\n  position: absolute;\n  top: 1px;\n}\n.custom-cb:checked + .custom-cb-box {\n  background: #6366f1;\n  border-color: #6366f1;\n}\n.custom-cb:checked + .custom-cb-box::after {\n  transform: rotate(45deg) scale(1);\n}\n\n/* Варіант 2: rounded */\n.style-2 .custom-cb-box { border-radius: 50%; }\n.style-2 .custom-cb:checked + .custom-cb-box { background: #10b981; border-color: #10b981; }\n\n/* Варіант 3: filled */\n.style-3 .custom-cb-box { background: #f1f5f9; border-color: #94a3b8; }\n.style-3 .custom-cb:checked + .custom-cb-box { background: #ec4899; border-color: #ec4899; }\n\n/* Кастомний Radio */\n.custom-radio-label {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  cursor: pointer;\n  font-size: 0.85rem;\n  user-select: none;\n}\n.custom-radio { display: none; }\n.custom-radio-dot {\n  width: 18px;\n  height: 18px;\n  border: 2px solid #d1d5db;\n  border-radius: 50%;\n  background: white;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s;\n}\n.custom-radio-dot::after {\n  content: '';\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: white;\n  transform: scale(0);\n  transition: transform 0.15s;\n}\n.custom-radio:checked + .custom-radio-dot {\n  border-color: #6366f1;\n  background: #6366f1;\n}\n.custom-radio:checked + .custom-radio-dot::after {\n  transform: scale(1);\n}\n\n/* Card-style radio */\n.card-radio-group { display: flex; flex-direction: column; gap: 0.4rem; }\n.crd-label { margin: 0; font-size: 0.78rem; font-weight: 700; color: #64748b; }\n.card-radios { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.card-radio {\n  flex: 1;\n  min-width: 80px;\n  cursor: pointer;\n}\n.card-radio input { display: none; }\n.cr-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.2rem;\n  padding: 0.75rem 0.5rem;\n  border: 2px solid #e2e8f0;\n  border-radius: 8px;\n  text-align: center;\n  transition: all 0.15s;\n  background: white;\n}\n.cr-content .cr-icon { font-size: 1.2rem; }\n.cr-content strong { font-size: 0.85rem; color: #1e293b; }\n.cr-content span { font-size: 0.75rem; color: #64748b; }\n.card-radio input:checked + .cr-content {\n  border-color: #6366f1;\n  background: #ede9fe;\n  box-shadow: 0 0 0 3px rgba(99,102,241,0.15);\n}\n.card-radio input:checked + .cr-content strong { color: #6366f1; }\n",[2808,10457,10458,10465,10475,10485,10499,10509,10519,10529,10539,10549,10553,10584,10615,10622,10642,10656,10666,10676,10686,10696,10706,10716,10720,10765,10769,10774,10781,10791,10801,10811,10821,10831,10842,10846,10861,10868,10878,10889,10904,10915,10925,10935,10945,10955,10966,10978,10988,10992,10999,11012,11022,11033,11048,11059,11070,11096,11106,11116,11126,11130,11141,11151,11161,11165,11175,11197,11201,11205,11210,11229,11258,11262,11267,11292,11320,11324,11329,11336,11346,11356,11366,11376,11386,11396,11400,11415,11422,11432,11442,11456,11466,11476,11486,11496,11506,11516,11528,11532,11539,11549,11559,11569,11579,11589,11603,11613,11618,11630,11641,11652,11657,11668,11683,11688,11693,11699,11731,11771,11803,11811,11822,11834,11845,11850,11867,11875,11886,11897,11908,11920,11934,11949,11960,11972,11985,11996,12001,12020,12046,12072,12086,12097,12109,12144,12149],{"__ignoreMap":2857},[2861,10459,10460,10463],{"class":2863,"line":2864},[2861,10461,10462],{"class":2969},".custom-inputs-demo",[2861,10464,2974],{"class":2973},[2861,10466,10467,10469,10471,10473],{"class":2863,"line":2870},[2861,10468,3936],{"class":2979},[2861,10470,2983],{"class":2973},[2861,10472,3942],{"class":3941},[2861,10474,2990],{"class":2973},[2861,10476,10477,10479,10481,10483],{"class":2863,"line":2876},[2861,10478,3006],{"class":2979},[2861,10480,2983],{"class":2973},[2861,10482,3953],{"class":2986},[2861,10484,2990],{"class":2973},[2861,10486,10487,10489,10491,10493,10495,10497],{"class":2863,"line":2882},[2861,10488,3960],{"class":2979},[2861,10490,2983],{"class":2973},[2861,10492,3965],{"class":2986},[2861,10494,2826],{"class":2973},[2861,10496,3970],{"class":2986},[2861,10498,2990],{"class":2973},[2861,10500,10501,10503,10505,10507],{"class":2863,"line":2888},[2861,10502,3977],{"class":2979},[2861,10504,2983],{"class":2973},[2861,10506,3982],{"class":3941},[2861,10508,2990],{"class":2973},[2861,10510,10511,10513,10515,10517],{"class":2863,"line":2894},[2861,10512,3989],{"class":2979},[2861,10514,2983],{"class":2973},[2861,10516,3994],{"class":2986},[2861,10518,2990],{"class":2973},[2861,10520,10521,10523,10525,10527],{"class":2863,"line":2900},[2861,10522,4013],{"class":2979},[2861,10524,2983],{"class":2973},[2861,10526,4018],{"class":2986},[2861,10528,2990],{"class":2973},[2861,10530,10531,10533,10535,10537],{"class":2863,"line":2906},[2861,10532,4025],{"class":2979},[2861,10534,2983],{"class":2973},[2861,10536,4030],{"class":2986},[2861,10538,2990],{"class":2973},[2861,10540,10541,10543,10545,10547],{"class":2863,"line":2912},[2861,10542,4037],{"class":2979},[2861,10544,2983],{"class":2973},[2861,10546,4042],{"class":3941},[2861,10548,2990],{"class":2973},[2861,10550,10551],{"class":2863,"line":2918},[2861,10552,3041],{"class":2973},[2861,10554,10555,10558,10560,10562,10564,10566,10568,10570,10572,10574,10576,10578,10580,10582],{"class":2863,"line":3055},[2861,10556,10557],{"class":2969},".cid-title",[2861,10559,4056],{"class":2973},[2861,10561,4059],{"class":2979},[2861,10563,2983],{"class":2973},[2861,10565,4064],{"class":3941},[2861,10567,3105],{"class":2973},[2861,10569,4069],{"class":2979},[2861,10571,2983],{"class":2973},[2861,10573,4074],{"class":3941},[2861,10575,3105],{"class":2973},[2861,10577,4079],{"class":2979},[2861,10579,2983],{"class":2973},[2861,10581,4084],{"class":2986},[2861,10583,4087],{"class":2973},[2861,10585,10586,10589,10591,10593,10595,10597,10599,10601,10603,10605,10607,10609,10611,10613],{"class":2863,"line":3073},[2861,10587,10588],{"class":2969},".cid-grid",[2861,10590,4056],{"class":2973},[2861,10592,4358],{"class":2979},[2861,10594,2983],{"class":2973},[2861,10596,4018],{"class":2986},[2861,10598,3105],{"class":2973},[2861,10600,4313],{"class":2979},[2861,10602,2983],{"class":2973},[2861,10604,4042],{"class":3941},[2861,10606,3105],{"class":2973},[2861,10608,4375],{"class":2979},[2861,10610,2983],{"class":2973},[2861,10612,4380],{"class":2986},[2861,10614,4087],{"class":2973},[2861,10616,10617,10620],{"class":2863,"line":3084},[2861,10618,10619],{"class":2969},".cid-group",[2861,10621,2974],{"class":2973},[2861,10623,10624,10626,10628,10630,10632,10635,10637,10640],{"class":2863,"line":3095},[2861,10625,4394],{"class":2979},[2861,10627,2983],{"class":2973},[2861,10629,4283],{"class":3941},[2861,10631,3105],{"class":2973},[2861,10633,10634],{"class":2979},"min-width",[2861,10636,2983],{"class":2973},[2861,10638,10639],{"class":3941},"150px",[2861,10641,2990],{"class":2973},[2861,10643,10644,10646,10648,10650,10652,10654],{"class":2863,"line":3111},[2861,10645,2995],{"class":2979},[2861,10647,2983],{"class":2973},[2861,10649,4219],{"class":3941},[2861,10651,4222],{"class":2986},[2861,10653,4225],{"class":2986},[2861,10655,2990],{"class":2973},[2861,10657,10658,10660,10662,10664],{"class":2863,"line":3122},[2861,10659,4190],{"class":2979},[2861,10661,2983],{"class":2973},[2861,10663,4431],{"class":3941},[2861,10665,2990],{"class":2973},[2861,10667,10668,10670,10672,10674],{"class":2863,"line":3441},[2861,10669,3006],{"class":2979},[2861,10671,2983],{"class":2973},[2861,10673,4183],{"class":2986},[2861,10675,2990],{"class":2973},[2861,10677,10678,10680,10682,10684],{"class":2863,"line":3459},[2861,10679,3936],{"class":2979},[2861,10681,2983],{"class":2973},[2861,10683,4042],{"class":3941},[2861,10685,2990],{"class":2973},[2861,10687,10688,10690,10692,10694],{"class":2863,"line":3483},[2861,10689,4013],{"class":2979},[2861,10691,2983],{"class":2973},[2861,10693,4018],{"class":2986},[2861,10695,2990],{"class":2973},[2861,10697,10698,10700,10702,10704],{"class":2863,"line":3492},[2861,10699,4025],{"class":2979},[2861,10701,2983],{"class":2973},[2861,10703,4030],{"class":2986},[2861,10705,2990],{"class":2973},[2861,10707,10708,10710,10712,10714],{"class":2863,"line":3507},[2861,10709,4037],{"class":2979},[2861,10711,2983],{"class":2973},[2861,10713,4129],{"class":3941},[2861,10715,2990],{"class":2973},[2861,10717,10718],{"class":2863,"line":3525},[2861,10719,3041],{"class":2973},[2861,10721,10722,10724,10727,10729,10731,10733,10735,10737,10739,10741,10743,10745,10747,10749,10751,10753,10756,10758,10760,10763],{"class":2863,"line":3553},[2861,10723,10619],{"class":2969},[2861,10725,10726],{"class":2969}," legend",[2861,10728,4056],{"class":2973},[2861,10730,4523],{"class":2979},[2861,10732,2983],{"class":2973},[2861,10734,4042],{"class":3941},[2861,10736,3105],{"class":2973},[2861,10738,4069],{"class":2979},[2861,10740,2983],{"class":2973},[2861,10742,4074],{"class":3941},[2861,10744,3105],{"class":2973},[2861,10746,4079],{"class":2979},[2861,10748,2983],{"class":2973},[2861,10750,4084],{"class":2986},[2861,10752,3105],{"class":2973},[2861,10754,10755],{"class":2979},"padding",[2861,10757,2983],{"class":2973},[2861,10759,4064],{"class":3941},[2861,10761,10762],{"class":3941}," 0.25rem",[2861,10764,4087],{"class":2973},[2861,10766,10767],{"class":2863,"line":3562},[2861,10768,3047],{"emptyLinePlaceholder":3046},[2861,10770,10771],{"class":2863,"line":3572},[2861,10772,10773],{"class":2963},"/* Кастомний Checkbox */\n",[2861,10775,10776,10779],{"class":2863,"line":3588},[2861,10777,10778],{"class":2969},".custom-cb-label",[2861,10780,2974],{"class":2973},[2861,10782,10783,10785,10787,10789],{"class":2863,"line":3604},[2861,10784,4013],{"class":2979},[2861,10786,2983],{"class":2973},[2861,10788,4018],{"class":2986},[2861,10790,2990],{"class":2973},[2861,10792,10793,10795,10797,10799],{"class":2863,"line":3622},[2861,10794,4157],{"class":2979},[2861,10796,2983],{"class":2973},[2861,10798,4162],{"class":2986},[2861,10800,2990],{"class":2973},[2861,10802,10803,10805,10807,10809],{"class":2863,"line":3639},[2861,10804,4037],{"class":2979},[2861,10806,2983],{"class":2973},[2861,10808,4456],{"class":3941},[2861,10810,2990],{"class":2973},[2861,10812,10813,10815,10817,10819],{"class":2863,"line":3663},[2861,10814,3017],{"class":2979},[2861,10816,2983],{"class":2973},[2861,10818,3022],{"class":2986},[2861,10820,2990],{"class":2973},[2861,10822,10823,10825,10827,10829],{"class":2863,"line":3685},[2861,10824,3977],{"class":2979},[2861,10826,2983],{"class":2973},[2861,10828,5023],{"class":3941},[2861,10830,2990],{"class":2973},[2861,10832,10833,10836,10838,10840],{"class":2863,"line":3694},[2861,10834,10835],{"class":2979},"  user-select",[2861,10837,2983],{"class":2973},[2861,10839,2987],{"class":2986},[2861,10841,2990],{"class":2973},[2861,10843,10844],{"class":2863,"line":3710},[2861,10845,3041],{"class":2973},[2861,10847,10848,10851,10853,10855,10857,10859],{"class":2863,"line":3728},[2861,10849,10850],{"class":2969},".custom-cb",[2861,10852,4056],{"class":2973},[2861,10854,4358],{"class":2979},[2861,10856,2983],{"class":2973},[2861,10858,2987],{"class":2986},[2861,10860,4087],{"class":2973},[2861,10862,10863,10866],{"class":2863,"line":3745},[2861,10864,10865],{"class":2969},".custom-cb-box",[2861,10867,2974],{"class":2973},[2861,10869,10870,10872,10874,10876],{"class":2863,"line":3769},[2861,10871,5669],{"class":2979},[2861,10873,2983],{"class":2973},[2861,10875,6358],{"class":3941},[2861,10877,2990],{"class":2973},[2861,10879,10880,10883,10885,10887],{"class":2863,"line":3790},[2861,10881,10882],{"class":2979},"  height",[2861,10884,2983],{"class":2973},[2861,10886,6358],{"class":3941},[2861,10888,2990],{"class":2973},[2861,10890,10891,10893,10895,10898,10900,10902],{"class":2863,"line":3799},[2861,10892,2995],{"class":2979},[2861,10894,2983],{"class":2973},[2861,10896,10897],{"class":3941},"2px",[2861,10899,4222],{"class":2986},[2861,10901,5220],{"class":2986},[2861,10903,2990],{"class":2973},[2861,10905,10906,10908,10910,10913],{"class":2863,"line":3815},[2861,10907,4190],{"class":2979},[2861,10909,2983],{"class":2973},[2861,10911,10912],{"class":3941},"4px",[2861,10914,2990],{"class":2973},[2861,10916,10917,10919,10921,10923],{"class":2863,"line":3833},[2861,10918,3006],{"class":2979},[2861,10920,2983],{"class":2973},[2861,10922,4183],{"class":2986},[2861,10924,2990],{"class":2973},[2861,10926,10927,10929,10931,10933],{"class":2863,"line":3850},[2861,10928,6300],{"class":2979},[2861,10930,2983],{"class":2973},[2861,10932,4064],{"class":3941},[2861,10934,2990],{"class":2973},[2861,10936,10937,10939,10941,10943],{"class":2863,"line":3874},[2861,10938,4013],{"class":2979},[2861,10940,2983],{"class":2973},[2861,10942,4018],{"class":2986},[2861,10944,2990],{"class":2973},[2861,10946,10947,10949,10951,10953],{"class":2863,"line":3895},[2861,10948,4157],{"class":2979},[2861,10950,2983],{"class":2973},[2861,10952,4162],{"class":2986},[2861,10954,2990],{"class":2973},[2861,10956,10957,10960,10962,10964],{"class":2863,"line":3904},[2861,10958,10959],{"class":2979},"  justify-content",[2861,10961,2983],{"class":2973},[2861,10963,4162],{"class":2986},[2861,10965,2990],{"class":2973},[2861,10967,10968,10970,10972,10974,10976],{"class":2863,"line":3913},[2861,10969,5289],{"class":2979},[2861,10971,2983],{"class":2973},[2861,10973,6765],{"class":2986},[2861,10975,5532],{"class":3941},[2861,10977,2990],{"class":2973},[2861,10979,10980,10982,10984,10986],{"class":2863,"line":4549},[2861,10981,6275],{"class":2979},[2861,10983,2983],{"class":2973},[2861,10985,6280],{"class":2986},[2861,10987,2990],{"class":2973},[2861,10989,10990],{"class":2863,"line":4566},[2861,10991,3041],{"class":2973},[2861,10993,10994,10997],{"class":2863,"line":4582},[2861,10995,10996],{"class":2969},".custom-cb-box::after",[2861,10998,2974],{"class":2973},[2861,11000,11001,11004,11006,11010],{"class":2863,"line":4599},[2861,11002,11003],{"class":2979},"  content",[2861,11005,2983],{"class":2973},[2861,11007,11009],{"class":11008},"sbdoH","''",[2861,11011,2990],{"class":2973},[2861,11013,11014,11016,11018,11020],{"class":2863,"line":5548},[2861,11015,5669],{"class":2979},[2861,11017,2983],{"class":2973},[2861,11019,4195],{"class":3941},[2861,11021,2990],{"class":2973},[2861,11023,11024,11026,11028,11031],{"class":2863,"line":5559},[2861,11025,10882],{"class":2979},[2861,11027,2983],{"class":2973},[2861,11029,11030],{"class":3941},"10px",[2861,11032,2990],{"class":2973},[2861,11034,11035,11037,11039,11041,11043,11046],{"class":2863,"line":5571},[2861,11036,2995],{"class":2979},[2861,11038,2983],{"class":2973},[2861,11040,10897],{"class":3941},[2861,11042,4222],{"class":2986},[2861,11044,11045],{"class":2986}," white",[2861,11047,2990],{"class":2973},[2861,11049,11050,11053,11055,11057],{"class":2863,"line":5576},[2861,11051,11052],{"class":2979},"  border-top",[2861,11054,2983],{"class":2973},[2861,11056,2987],{"class":2986},[2861,11058,2990],{"class":2973},[2861,11060,11061,11064,11066,11068],{"class":2863,"line":5585},[2861,11062,11063],{"class":2979},"  border-left",[2861,11065,2983],{"class":2973},[2861,11067,2987],{"class":2986},[2861,11069,2990],{"class":2973},[2861,11071,11072,11074,11076,11079,11081,11084,11087,11090,11092,11094],{"class":2863,"line":5596},[2861,11073,6483],{"class":2979},[2861,11075,2983],{"class":2973},[2861,11077,11078],{"class":5352},"rotate",[2861,11080,5356],{"class":2973},[2861,11082,11083],{"class":3941},"45deg",[2861,11085,11086],{"class":2973},") ",[2861,11088,11089],{"class":5352},"scale",[2861,11091,5356],{"class":2973},[2861,11093,4064],{"class":3941},[2861,11095,5377],{"class":2973},[2861,11097,11098,11100,11102,11104],{"class":2863,"line":5601},[2861,11099,5289],{"class":2979},[2861,11101,6430],{"class":2973},[2861,11103,5295],{"class":3941},[2861,11105,2990],{"class":2973},[2861,11107,11108,11110,11112,11114],{"class":2863,"line":5621},[2861,11109,6275],{"class":2979},[2861,11111,2983],{"class":2973},[2861,11113,6326],{"class":2986},[2861,11115,2990],{"class":2973},[2861,11117,11118,11120,11122,11124],{"class":2863,"line":5630},[2861,11119,6333],{"class":2979},[2861,11121,2983],{"class":2973},[2861,11123,4219],{"class":3941},[2861,11125,2990],{"class":2973},[2861,11127,11128],{"class":2863,"line":5641},[2861,11129,3041],{"class":2973},[2861,11131,11132,11135,11137,11139],{"class":2863,"line":5654},[2861,11133,11134],{"class":2969},".custom-cb:checked",[2861,11136,6447],{"class":2973},[2861,11138,10865],{"class":2969},[2861,11140,2974],{"class":2973},[2861,11142,11143,11145,11147,11149],{"class":2863,"line":5666},[2861,11144,3006],{"class":2979},[2861,11146,2983],{"class":2973},[2861,11148,4006],{"class":2986},[2861,11150,2990],{"class":2973},[2861,11152,11153,11155,11157,11159],{"class":2863,"line":5678},[2861,11154,5327],{"class":2979},[2861,11156,2983],{"class":2973},[2861,11158,4006],{"class":2986},[2861,11160,2990],{"class":2973},[2861,11162,11163],{"class":2863,"line":6758},[2861,11164,3041],{"class":2973},[2861,11166,11167,11169,11171,11173],{"class":2863,"line":6775},[2861,11168,11134],{"class":2969},[2861,11170,6447],{"class":2973},[2861,11172,10996],{"class":2969},[2861,11174,2974],{"class":2973},[2861,11176,11177,11179,11181,11183,11185,11187,11189,11191,11193,11195],{"class":2863,"line":6790},[2861,11178,6483],{"class":2979},[2861,11180,2983],{"class":2973},[2861,11182,11078],{"class":5352},[2861,11184,5356],{"class":2973},[2861,11186,11083],{"class":3941},[2861,11188,11086],{"class":2973},[2861,11190,11089],{"class":5352},[2861,11192,5356],{"class":2973},[2861,11194,4283],{"class":3941},[2861,11196,5377],{"class":2973},[2861,11198,11199],{"class":2863,"line":6795},[2861,11200,3041],{"class":2973},[2861,11202,11203],{"class":2863,"line":6801},[2861,11204,3047],{"emptyLinePlaceholder":3046},[2861,11206,11207],{"class":2863,"line":6818},[2861,11208,11209],{"class":2963},"/* Варіант 2: rounded */\n",[2861,11211,11212,11215,11218,11220,11223,11225,11227],{"class":2863,"line":6829},[2861,11213,11214],{"class":2969},".style-2",[2861,11216,11217],{"class":2969}," .custom-cb-box",[2861,11219,4056],{"class":2973},[2861,11221,11222],{"class":2979},"border-radius",[2861,11224,2983],{"class":2973},[2861,11226,6377],{"class":3941},[2861,11228,4087],{"class":2973},[2861,11230,11231,11233,11236,11238,11240,11242,11244,11246,11248,11250,11252,11254,11256],{"class":2863,"line":6840},[2861,11232,11214],{"class":2969},[2861,11234,11235],{"class":2969}," .custom-cb:checked",[2861,11237,6447],{"class":2973},[2861,11239,10865],{"class":2969},[2861,11241,4056],{"class":2973},[2861,11243,5529],{"class":2979},[2861,11245,2983],{"class":2973},[2861,11247,4594],{"class":2986},[2861,11249,3105],{"class":2973},[2861,11251,6951],{"class":2979},[2861,11253,2983],{"class":2973},[2861,11255,4594],{"class":2986},[2861,11257,4087],{"class":2973},[2861,11259,11260],{"class":2863,"line":6851},[2861,11261,3047],{"emptyLinePlaceholder":3046},[2861,11263,11264],{"class":2863,"line":6856},[2861,11265,11266],{"class":2963},"/* Варіант 3: filled */\n",[2861,11268,11269,11272,11274,11276,11278,11280,11282,11284,11286,11288,11290],{"class":2863,"line":6862},[2861,11270,11271],{"class":2969},".style-3",[2861,11273,11217],{"class":2969},[2861,11275,4056],{"class":2973},[2861,11277,5529],{"class":2979},[2861,11279,2983],{"class":2973},[2861,11281,7152],{"class":2986},[2861,11283,3105],{"class":2973},[2861,11285,6951],{"class":2979},[2861,11287,2983],{"class":2973},[2861,11289,7118],{"class":2986},[2861,11291,4087],{"class":2973},[2861,11293,11294,11296,11298,11300,11302,11304,11306,11308,11310,11312,11314,11316,11318],{"class":2863,"line":6881},[2861,11295,11271],{"class":2969},[2861,11297,11235],{"class":2969},[2861,11299,6447],{"class":2973},[2861,11301,10865],{"class":2969},[2861,11303,4056],{"class":2973},[2861,11305,5529],{"class":2979},[2861,11307,2983],{"class":2973},[2861,11309,4611],{"class":2986},[2861,11311,3105],{"class":2973},[2861,11313,6951],{"class":2979},[2861,11315,2983],{"class":2973},[2861,11317,4611],{"class":2986},[2861,11319,4087],{"class":2973},[2861,11321,11322],{"class":2863,"line":6893},[2861,11323,3047],{"emptyLinePlaceholder":3046},[2861,11325,11326],{"class":2863,"line":6904},[2861,11327,11328],{"class":2963},"/* Кастомний Radio */\n",[2861,11330,11331,11334],{"class":2863,"line":6916},[2861,11332,11333],{"class":2969},".custom-radio-label",[2861,11335,2974],{"class":2973},[2861,11337,11338,11340,11342,11344],{"class":2863,"line":6927},[2861,11339,4013],{"class":2979},[2861,11341,2983],{"class":2973},[2861,11343,4018],{"class":2986},[2861,11345,2990],{"class":2973},[2861,11347,11348,11350,11352,11354],{"class":2863,"line":6939},[2861,11349,4157],{"class":2979},[2861,11351,2983],{"class":2973},[2861,11353,4162],{"class":2986},[2861,11355,2990],{"class":2973},[2861,11357,11358,11360,11362,11364],{"class":2863,"line":6944},[2861,11359,4037],{"class":2979},[2861,11361,2983],{"class":2973},[2861,11363,4456],{"class":3941},[2861,11365,2990],{"class":2973},[2861,11367,11368,11370,11372,11374],{"class":2863,"line":6960},[2861,11369,3017],{"class":2979},[2861,11371,2983],{"class":2973},[2861,11373,3022],{"class":2986},[2861,11375,2990],{"class":2973},[2861,11377,11378,11380,11382,11384],{"class":2863,"line":6965},[2861,11379,3977],{"class":2979},[2861,11381,2983],{"class":2973},[2861,11383,5023],{"class":3941},[2861,11385,2990],{"class":2973},[2861,11387,11388,11390,11392,11394],{"class":2863,"line":6971},[2861,11389,10835],{"class":2979},[2861,11391,2983],{"class":2973},[2861,11393,2987],{"class":2986},[2861,11395,2990],{"class":2973},[2861,11397,11398],{"class":2863,"line":6984},[2861,11399,3041],{"class":2973},[2861,11401,11402,11405,11407,11409,11411,11413],{"class":2863,"line":6997},[2861,11403,11404],{"class":2969},".custom-radio",[2861,11406,4056],{"class":2973},[2861,11408,4358],{"class":2979},[2861,11410,2983],{"class":2973},[2861,11412,2987],{"class":2986},[2861,11414,4087],{"class":2973},[2861,11416,11417,11420],{"class":2863,"line":7010},[2861,11418,11419],{"class":2969},".custom-radio-dot",[2861,11421,2974],{"class":2973},[2861,11423,11424,11426,11428,11430],{"class":2863,"line":7021},[2861,11425,5669],{"class":2979},[2861,11427,2983],{"class":2973},[2861,11429,6358],{"class":3941},[2861,11431,2990],{"class":2973},[2861,11433,11434,11436,11438,11440],{"class":2863,"line":7032},[2861,11435,10882],{"class":2979},[2861,11437,2983],{"class":2973},[2861,11439,6358],{"class":3941},[2861,11441,2990],{"class":2973},[2861,11443,11444,11446,11448,11450,11452,11454],{"class":2863,"line":7043},[2861,11445,2995],{"class":2979},[2861,11447,2983],{"class":2973},[2861,11449,10897],{"class":3941},[2861,11451,4222],{"class":2986},[2861,11453,5220],{"class":2986},[2861,11455,2990],{"class":2973},[2861,11457,11458,11460,11462,11464],{"class":2863,"line":7054},[2861,11459,4190],{"class":2979},[2861,11461,2983],{"class":2973},[2861,11463,6377],{"class":3941},[2861,11465,2990],{"class":2973},[2861,11467,11468,11470,11472,11474],{"class":2863,"line":7065},[2861,11469,3006],{"class":2979},[2861,11471,2983],{"class":2973},[2861,11473,4183],{"class":2986},[2861,11475,2990],{"class":2973},[2861,11477,11478,11480,11482,11484],{"class":2863,"line":7076},[2861,11479,6300],{"class":2979},[2861,11481,2983],{"class":2973},[2861,11483,4064],{"class":3941},[2861,11485,2990],{"class":2973},[2861,11487,11488,11490,11492,11494],{"class":2863,"line":7081},[2861,11489,4013],{"class":2979},[2861,11491,2983],{"class":2973},[2861,11493,4018],{"class":2986},[2861,11495,2990],{"class":2973},[2861,11497,11498,11500,11502,11504],{"class":2863,"line":7088},[2861,11499,4157],{"class":2979},[2861,11501,2983],{"class":2973},[2861,11503,4162],{"class":2986},[2861,11505,2990],{"class":2973},[2861,11507,11508,11510,11512,11514],{"class":2863,"line":7100},[2861,11509,10959],{"class":2979},[2861,11511,2983],{"class":2973},[2861,11513,4162],{"class":2986},[2861,11515,2990],{"class":2973},[2861,11517,11518,11520,11522,11524,11526],{"class":2863,"line":7111},[2861,11519,5289],{"class":2979},[2861,11521,2983],{"class":2973},[2861,11523,6765],{"class":2986},[2861,11525,5532],{"class":3941},[2861,11527,2990],{"class":2973},[2861,11529,11530],{"class":2863,"line":7123},[2861,11531,3041],{"class":2973},[2861,11533,11534,11537],{"class":2863,"line":7135},[2861,11535,11536],{"class":2969},".custom-radio-dot::after",[2861,11538,2974],{"class":2973},[2861,11540,11541,11543,11545,11547],{"class":2863,"line":7140},[2861,11542,11003],{"class":2979},[2861,11544,2983],{"class":2973},[2861,11546,11009],{"class":11008},[2861,11548,2990],{"class":2973},[2861,11550,11551,11553,11555,11557],{"class":2863,"line":7157},[2861,11552,5669],{"class":2979},[2861,11554,2983],{"class":2973},[2861,11556,4431],{"class":3941},[2861,11558,2990],{"class":2973},[2861,11560,11561,11563,11565,11567],{"class":2863,"line":7164},[2861,11562,10882],{"class":2979},[2861,11564,2983],{"class":2973},[2861,11566,4431],{"class":3941},[2861,11568,2990],{"class":2973},[2861,11570,11571,11573,11575,11577],{"class":2863,"line":7175},[2861,11572,4190],{"class":2979},[2861,11574,2983],{"class":2973},[2861,11576,6377],{"class":3941},[2861,11578,2990],{"class":2973},[2861,11580,11581,11583,11585,11587],{"class":2863,"line":7186},[2861,11582,3006],{"class":2979},[2861,11584,2983],{"class":2973},[2861,11586,4183],{"class":2986},[2861,11588,2990],{"class":2973},[2861,11590,11591,11593,11595,11597,11599,11601],{"class":2863,"line":7197},[2861,11592,6483],{"class":2979},[2861,11594,2983],{"class":2973},[2861,11596,11089],{"class":5352},[2861,11598,5356],{"class":2973},[2861,11600,4064],{"class":3941},[2861,11602,5377],{"class":2973},[2861,11604,11605,11607,11609,11611],{"class":2863,"line":7202},[2861,11606,5289],{"class":2979},[2861,11608,6430],{"class":2973},[2861,11610,5295],{"class":3941},[2861,11612,2990],{"class":2973},[2861,11614,11616],{"class":2863,"line":11615},106,[2861,11617,3041],{"class":2973},[2861,11619,11621,11624,11626,11628],{"class":2863,"line":11620},107,[2861,11622,11623],{"class":2969},".custom-radio:checked",[2861,11625,6447],{"class":2973},[2861,11627,11419],{"class":2969},[2861,11629,2974],{"class":2973},[2861,11631,11633,11635,11637,11639],{"class":2863,"line":11632},108,[2861,11634,5327],{"class":2979},[2861,11636,2983],{"class":2973},[2861,11638,4006],{"class":2986},[2861,11640,2990],{"class":2973},[2861,11642,11644,11646,11648,11650],{"class":2863,"line":11643},109,[2861,11645,3006],{"class":2979},[2861,11647,2983],{"class":2973},[2861,11649,4006],{"class":2986},[2861,11651,2990],{"class":2973},[2861,11653,11655],{"class":2863,"line":11654},110,[2861,11656,3041],{"class":2973},[2861,11658,11660,11662,11664,11666],{"class":2863,"line":11659},111,[2861,11661,11623],{"class":2969},[2861,11663,6447],{"class":2973},[2861,11665,11536],{"class":2969},[2861,11667,2974],{"class":2973},[2861,11669,11671,11673,11675,11677,11679,11681],{"class":2863,"line":11670},112,[2861,11672,6483],{"class":2979},[2861,11674,2983],{"class":2973},[2861,11676,11089],{"class":5352},[2861,11678,5356],{"class":2973},[2861,11680,4283],{"class":3941},[2861,11682,5377],{"class":2973},[2861,11684,11686],{"class":2863,"line":11685},113,[2861,11687,3041],{"class":2973},[2861,11689,11691],{"class":2863,"line":11690},114,[2861,11692,3047],{"emptyLinePlaceholder":3046},[2861,11694,11696],{"class":2863,"line":11695},115,[2861,11697,11698],{"class":2963},"/* Card-style radio */\n",[2861,11700,11702,11705,11707,11709,11711,11713,11715,11717,11719,11721,11723,11725,11727,11729],{"class":2863,"line":11701},116,[2861,11703,11704],{"class":2969},".card-radio-group",[2861,11706,4056],{"class":2973},[2861,11708,4358],{"class":2979},[2861,11710,2983],{"class":2973},[2861,11712,4018],{"class":2986},[2861,11714,3105],{"class":2973},[2861,11716,4294],{"class":2979},[2861,11718,2983],{"class":2973},[2861,11720,4030],{"class":2986},[2861,11722,3105],{"class":2973},[2861,11724,4313],{"class":2979},[2861,11726,2983],{"class":2973},[2861,11728,4487],{"class":3941},[2861,11730,4087],{"class":2973},[2861,11732,11734,11737,11739,11741,11743,11745,11747,11749,11751,11753,11755,11757,11759,11761,11763,11765,11767,11769],{"class":2863,"line":11733},117,[2861,11735,11736],{"class":2969},".crd-label",[2861,11738,4056],{"class":2973},[2861,11740,4059],{"class":2979},[2861,11742,2983],{"class":2973},[2861,11744,4064],{"class":3941},[2861,11746,3105],{"class":2973},[2861,11748,4523],{"class":2979},[2861,11750,2983],{"class":2973},[2861,11752,5166],{"class":3941},[2861,11754,3105],{"class":2973},[2861,11756,4069],{"class":2979},[2861,11758,2983],{"class":2973},[2861,11760,4074],{"class":3941},[2861,11762,3105],{"class":2973},[2861,11764,4079],{"class":2979},[2861,11766,2983],{"class":2973},[2861,11768,4084],{"class":2986},[2861,11770,4087],{"class":2973},[2861,11772,11774,11777,11779,11781,11783,11785,11787,11789,11791,11793,11795,11797,11799,11801],{"class":2863,"line":11773},118,[2861,11775,11776],{"class":2969},".card-radios",[2861,11778,4056],{"class":2973},[2861,11780,4358],{"class":2979},[2861,11782,2983],{"class":2973},[2861,11784,4018],{"class":2986},[2861,11786,3105],{"class":2973},[2861,11788,4313],{"class":2979},[2861,11790,2983],{"class":2973},[2861,11792,4129],{"class":3941},[2861,11794,3105],{"class":2973},[2861,11796,4375],{"class":2979},[2861,11798,2983],{"class":2973},[2861,11800,4380],{"class":2986},[2861,11802,4087],{"class":2973},[2861,11804,11806,11809],{"class":2863,"line":11805},119,[2861,11807,11808],{"class":2969},".card-radio",[2861,11810,2974],{"class":2973},[2861,11812,11814,11816,11818,11820],{"class":2863,"line":11813},120,[2861,11815,4394],{"class":2979},[2861,11817,2983],{"class":2973},[2861,11819,4283],{"class":3941},[2861,11821,2990],{"class":2973},[2861,11823,11825,11827,11829,11832],{"class":2863,"line":11824},121,[2861,11826,4405],{"class":2979},[2861,11828,2983],{"class":2973},[2861,11830,11831],{"class":3941},"80px",[2861,11833,2990],{"class":2973},[2861,11835,11837,11839,11841,11843],{"class":2863,"line":11836},122,[2861,11838,3017],{"class":2979},[2861,11840,2983],{"class":2973},[2861,11842,3022],{"class":2986},[2861,11844,2990],{"class":2973},[2861,11846,11848],{"class":2863,"line":11847},123,[2861,11849,3041],{"class":2973},[2861,11851,11853,11855,11857,11859,11861,11863,11865],{"class":2863,"line":11852},124,[2861,11854,11808],{"class":2969},[2861,11856,4248],{"class":2969},[2861,11858,4056],{"class":2973},[2861,11860,4358],{"class":2979},[2861,11862,2983],{"class":2973},[2861,11864,2987],{"class":2986},[2861,11866,4087],{"class":2973},[2861,11868,11870,11873],{"class":2863,"line":11869},125,[2861,11871,11872],{"class":2969},".cr-content",[2861,11874,2974],{"class":2973},[2861,11876,11878,11880,11882,11884],{"class":2863,"line":11877},126,[2861,11879,4013],{"class":2979},[2861,11881,2983],{"class":2973},[2861,11883,4018],{"class":2986},[2861,11885,2990],{"class":2973},[2861,11887,11889,11891,11893,11895],{"class":2863,"line":11888},127,[2861,11890,4025],{"class":2979},[2861,11892,2983],{"class":2973},[2861,11894,4030],{"class":2986},[2861,11896,2990],{"class":2973},[2861,11898,11900,11902,11904,11906],{"class":2863,"line":11899},128,[2861,11901,4157],{"class":2979},[2861,11903,2983],{"class":2973},[2861,11905,4162],{"class":2986},[2861,11907,2990],{"class":2973},[2861,11909,11911,11913,11915,11918],{"class":2863,"line":11910},129,[2861,11912,4037],{"class":2979},[2861,11914,2983],{"class":2973},[2861,11916,11917],{"class":3941},"0.2rem",[2861,11919,2990],{"class":2973},[2861,11921,11923,11925,11927,11929,11932],{"class":2863,"line":11922},130,[2861,11924,3936],{"class":2979},[2861,11926,2983],{"class":2973},[2861,11928,4042],{"class":3941},[2861,11930,11931],{"class":3941}," 0.5rem",[2861,11933,2990],{"class":2973},[2861,11935,11937,11939,11941,11943,11945,11947],{"class":2863,"line":11936},131,[2861,11938,2995],{"class":2979},[2861,11940,2983],{"class":2973},[2861,11942,10897],{"class":3941},[2861,11944,4222],{"class":2986},[2861,11946,4225],{"class":2986},[2861,11948,2990],{"class":2973},[2861,11950,11952,11954,11956,11958],{"class":2863,"line":11951},132,[2861,11953,4190],{"class":2979},[2861,11955,2983],{"class":2973},[2861,11957,4431],{"class":3941},[2861,11959,2990],{"class":2973},[2861,11961,11963,11966,11968,11970],{"class":2863,"line":11962},133,[2861,11964,11965],{"class":2979},"  text-align",[2861,11967,2983],{"class":2973},[2861,11969,4162],{"class":2986},[2861,11971,2990],{"class":2973},[2861,11973,11975,11977,11979,11981,11983],{"class":2863,"line":11974},134,[2861,11976,5289],{"class":2979},[2861,11978,2983],{"class":2973},[2861,11980,6765],{"class":2986},[2861,11982,5532],{"class":3941},[2861,11984,2990],{"class":2973},[2861,11986,11988,11990,11992,11994],{"class":2863,"line":11987},135,[2861,11989,3006],{"class":2979},[2861,11991,2983],{"class":2973},[2861,11993,4183],{"class":2986},[2861,11995,2990],{"class":2973},[2861,11997,11999],{"class":2863,"line":11998},136,[2861,12000,3041],{"class":2973},[2861,12002,12004,12006,12009,12011,12013,12015,12018],{"class":2863,"line":12003},137,[2861,12005,11872],{"class":2969},[2861,12007,12008],{"class":2969}," .cr-icon",[2861,12010,4056],{"class":2973},[2861,12012,4523],{"class":2979},[2861,12014,2983],{"class":2973},[2861,12016,12017],{"class":3941},"1.2rem",[2861,12019,4087],{"class":2973},[2861,12021,12023,12025,12028,12030,12032,12034,12036,12038,12040,12042,12044],{"class":2863,"line":12022},138,[2861,12024,11872],{"class":2969},[2861,12026,12027],{"class":2969}," strong",[2861,12029,4056],{"class":2973},[2861,12031,4523],{"class":2979},[2861,12033,2983],{"class":2973},[2861,12035,5023],{"class":3941},[2861,12037,3105],{"class":2973},[2861,12039,4079],{"class":2979},[2861,12041,2983],{"class":2973},[2861,12043,3994],{"class":2986},[2861,12045,4087],{"class":2973},[2861,12047,12049,12051,12054,12056,12058,12060,12062,12064,12066,12068,12070],{"class":2863,"line":12048},139,[2861,12050,11872],{"class":2969},[2861,12052,12053],{"class":2969}," span",[2861,12055,4056],{"class":2973},[2861,12057,4523],{"class":2979},[2861,12059,2983],{"class":2973},[2861,12061,4042],{"class":3941},[2861,12063,3105],{"class":2973},[2861,12065,4079],{"class":2979},[2861,12067,2983],{"class":2973},[2861,12069,4084],{"class":2986},[2861,12071,4087],{"class":2973},[2861,12073,12075,12077,12080,12082,12084],{"class":2863,"line":12074},140,[2861,12076,11808],{"class":2969},[2861,12078,12079],{"class":2969}," input:checked",[2861,12081,6447],{"class":2973},[2861,12083,11872],{"class":2969},[2861,12085,2974],{"class":2973},[2861,12087,12089,12091,12093,12095],{"class":2863,"line":12088},141,[2861,12090,5327],{"class":2979},[2861,12092,2983],{"class":2973},[2861,12094,4006],{"class":2986},[2861,12096,2990],{"class":2973},[2861,12098,12100,12102,12104,12107],{"class":2863,"line":12099},142,[2861,12101,3006],{"class":2979},[2861,12103,2983],{"class":2973},[2861,12105,12106],{"class":2986},"#ede9fe",[2861,12108,2990],{"class":2973},[2861,12110,12112,12114,12116,12118,12120,12122,12124,12126,12128,12130,12132,12134,12136,12138,12140,12142],{"class":2863,"line":12111},143,[2861,12113,5338],{"class":2979},[2861,12115,2983],{"class":2973},[2861,12117,4064],{"class":3941},[2861,12119,5055],{"class":3941},[2861,12121,5055],{"class":3941},[2861,12123,5349],{"class":3941},[2861,12125,5353],{"class":5352},[2861,12127,5356],{"class":2973},[2861,12129,5359],{"class":3941},[2861,12131,6411],{"class":2973},[2861,12133,5364],{"class":3941},[2861,12135,6411],{"class":2973},[2861,12137,5369],{"class":3941},[2861,12139,6411],{"class":2973},[2861,12141,9172],{"class":3941},[2861,12143,5377],{"class":2973},[2861,12145,12147],{"class":2863,"line":12146},144,[2861,12148,3041],{"class":2973},[2861,12150,12152,12154,12156,12158,12160,12162,12164,12166,12168,12170],{"class":2863,"line":12151},145,[2861,12153,11808],{"class":2969},[2861,12155,12079],{"class":2969},[2861,12157,6447],{"class":2973},[2861,12159,11872],{"class":2969},[2861,12161,12027],{"class":2969},[2861,12163,4056],{"class":2973},[2861,12165,4079],{"class":2979},[2861,12167,2983],{"class":2973},[2861,12169,4006],{"class":2986},[2861,12171,4087],{"class":2973},[2923,12173],{},[2794,12175,12177],{"id":12176},"кастомний-select","Кастомний Select",[2799,12179,12180,12182,12183,12185,12186,3166],{},[2808,12181,2810],{}," — один із найскладніших елементів для стилізації. ",[2808,12184,2940],{}," прибирає нативну стрілку, дозволяючи додати кастомну через ",[2808,12187,12188],{},"background-image",[3168,12190,12191,12621],{},[2853,12192,12194],{"className":3172,"code":12193,"language":3174,"meta":2857,"style":2857},"\u003Cdiv class=\"select-demo\">\n  \u003Cp class=\"sd-label\">Кастомні select-елементи:\u003C/p>\n  \u003Cdiv class=\"selects-row\">\n    \u003Cdiv class=\"custom-select-wrap\">\n      \u003Cselect class=\"custom-select cs-primary\">\n        \u003Coption>Оберіть країну\u003C/option>\n        \u003Coption>Україна 🇺🇦\u003C/option>\n        \u003Coption>Польща 🇵🇱\u003C/option>\n        \u003Coption>Німеччина 🇩🇪\u003C/option>\n      \u003C/select>\n    \u003C/div>\n    \u003Cdiv class=\"custom-select-wrap cs-dark-wrap\">\n      \u003Cselect class=\"custom-select cs-dark\">\n        \u003Coption>Тема оформлення\u003C/option>\n        \u003Coption>Темна 🌙\u003C/option>\n        \u003Coption>Світла ☀️\u003C/option>\n        \u003Coption>Авто 💻\u003C/option>\n      \u003C/select>\n    \u003C/div>\n    \u003Cdiv class=\"custom-select-wrap\">\n      \u003Cselect class=\"custom-select cs-outlined\" multiple size=\"3\">\n        \u003Coption>React\u003C/option>\n        \u003Coption>Vue\u003C/option>\n        \u003Coption selected>Svelte\u003C/option>\n        \u003Coption>Angular\u003C/option>\n      \u003C/select>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2808,12195,12196,12211,12235,12250,12265,12280,12298,12315,12332,12349,12357,12365,12380,12395,12412,12429,12446,12463,12471,12479,12493,12519,12535,12552,12572,12589,12597,12605,12613],{"__ignoreMap":2857},[2861,12197,12198,12200,12202,12204,12206,12209],{"class":2863,"line":2864},[2861,12199,3182],{"class":3181},[2861,12201,2821],{"class":3185},[2861,12203,3188],{"class":2979},[2861,12205,3191],{"class":2973},[2861,12207,12208],{"class":3194},"\"select-demo\"",[2861,12210,3198],{"class":3181},[2861,12212,12213,12215,12217,12219,12221,12224,12226,12229,12231,12233],{"class":2863,"line":2870},[2861,12214,3203],{"class":3181},[2861,12216,2799],{"class":3185},[2861,12218,3188],{"class":2979},[2861,12220,3191],{"class":2973},[2861,12222,12223],{"class":3194},"\"sd-label\"",[2861,12225,3215],{"class":3181},[2861,12227,12228],{"class":2973},"Кастомні select-елементи:",[2861,12230,3221],{"class":3181},[2861,12232,2799],{"class":3185},[2861,12234,3198],{"class":3181},[2861,12236,12237,12239,12241,12243,12245,12248],{"class":2863,"line":2876},[2861,12238,3203],{"class":3181},[2861,12240,2821],{"class":3185},[2861,12242,3188],{"class":2979},[2861,12244,3191],{"class":2973},[2861,12246,12247],{"class":3194},"\"selects-row\"",[2861,12249,3198],{"class":3181},[2861,12251,12252,12254,12256,12258,12260,12263],{"class":2863,"line":2882},[2861,12253,3245],{"class":3181},[2861,12255,2821],{"class":3185},[2861,12257,3188],{"class":2979},[2861,12259,3191],{"class":2973},[2861,12261,12262],{"class":3194},"\"custom-select-wrap\"",[2861,12264,3198],{"class":3181},[2861,12266,12267,12269,12271,12273,12275,12278],{"class":2863,"line":2888},[2861,12268,3262],{"class":3181},[2861,12270,3068],{"class":3185},[2861,12272,3188],{"class":2979},[2861,12274,3191],{"class":2973},[2861,12276,12277],{"class":3194},"\"custom-select cs-primary\"",[2861,12279,3198],{"class":3181},[2861,12281,12282,12284,12287,12289,12292,12294,12296],{"class":2863,"line":2894},[2861,12283,9543],{"class":3181},[2861,12285,12286],{"class":3185},"option",[2861,12288,3215],{"class":3181},[2861,12290,12291],{"class":2973},"Оберіть країну",[2861,12293,3221],{"class":3181},[2861,12295,12286],{"class":3185},[2861,12297,3198],{"class":3181},[2861,12299,12300,12302,12304,12306,12309,12311,12313],{"class":2863,"line":2900},[2861,12301,9543],{"class":3181},[2861,12303,12286],{"class":3185},[2861,12305,3215],{"class":3181},[2861,12307,12308],{"class":2973},"Україна 🇺🇦",[2861,12310,3221],{"class":3181},[2861,12312,12286],{"class":3185},[2861,12314,3198],{"class":3181},[2861,12316,12317,12319,12321,12323,12326,12328,12330],{"class":2863,"line":2906},[2861,12318,9543],{"class":3181},[2861,12320,12286],{"class":3185},[2861,12322,3215],{"class":3181},[2861,12324,12325],{"class":2973},"Польща 🇵🇱",[2861,12327,3221],{"class":3181},[2861,12329,12286],{"class":3185},[2861,12331,3198],{"class":3181},[2861,12333,12334,12336,12338,12340,12343,12345,12347],{"class":2863,"line":2912},[2861,12335,9543],{"class":3181},[2861,12337,12286],{"class":3185},[2861,12339,3215],{"class":3181},[2861,12341,12342],{"class":2973},"Німеччина 🇩🇪",[2861,12344,3221],{"class":3181},[2861,12346,12286],{"class":3185},[2861,12348,3198],{"class":3181},[2861,12350,12351,12353,12355],{"class":2863,"line":2918},[2861,12352,9591],{"class":3181},[2861,12354,3068],{"class":3185},[2861,12356,3198],{"class":3181},[2861,12358,12359,12361,12363],{"class":2863,"line":3055},[2861,12360,3285],{"class":3181},[2861,12362,2821],{"class":3185},[2861,12364,3198],{"class":3181},[2861,12366,12367,12369,12371,12373,12375,12378],{"class":2863,"line":3073},[2861,12368,3245],{"class":3181},[2861,12370,2821],{"class":3185},[2861,12372,3188],{"class":2979},[2861,12374,3191],{"class":2973},[2861,12376,12377],{"class":3194},"\"custom-select-wrap cs-dark-wrap\"",[2861,12379,3198],{"class":3181},[2861,12381,12382,12384,12386,12388,12390,12393],{"class":2863,"line":3084},[2861,12383,3262],{"class":3181},[2861,12385,3068],{"class":3185},[2861,12387,3188],{"class":2979},[2861,12389,3191],{"class":2973},[2861,12391,12392],{"class":3194},"\"custom-select cs-dark\"",[2861,12394,3198],{"class":3181},[2861,12396,12397,12399,12401,12403,12406,12408,12410],{"class":2863,"line":3095},[2861,12398,9543],{"class":3181},[2861,12400,12286],{"class":3185},[2861,12402,3215],{"class":3181},[2861,12404,12405],{"class":2973},"Тема оформлення",[2861,12407,3221],{"class":3181},[2861,12409,12286],{"class":3185},[2861,12411,3198],{"class":3181},[2861,12413,12414,12416,12418,12420,12423,12425,12427],{"class":2863,"line":3111},[2861,12415,9543],{"class":3181},[2861,12417,12286],{"class":3185},[2861,12419,3215],{"class":3181},[2861,12421,12422],{"class":2973},"Темна 🌙",[2861,12424,3221],{"class":3181},[2861,12426,12286],{"class":3185},[2861,12428,3198],{"class":3181},[2861,12430,12431,12433,12435,12437,12440,12442,12444],{"class":2863,"line":3122},[2861,12432,9543],{"class":3181},[2861,12434,12286],{"class":3185},[2861,12436,3215],{"class":3181},[2861,12438,12439],{"class":2973},"Світла ☀️",[2861,12441,3221],{"class":3181},[2861,12443,12286],{"class":3185},[2861,12445,3198],{"class":3181},[2861,12447,12448,12450,12452,12454,12457,12459,12461],{"class":2863,"line":3441},[2861,12449,9543],{"class":3181},[2861,12451,12286],{"class":3185},[2861,12453,3215],{"class":3181},[2861,12455,12456],{"class":2973},"Авто 💻",[2861,12458,3221],{"class":3181},[2861,12460,12286],{"class":3185},[2861,12462,3198],{"class":3181},[2861,12464,12465,12467,12469],{"class":2863,"line":3459},[2861,12466,9591],{"class":3181},[2861,12468,3068],{"class":3185},[2861,12470,3198],{"class":3181},[2861,12472,12473,12475,12477],{"class":2863,"line":3483},[2861,12474,3285],{"class":3181},[2861,12476,2821],{"class":3185},[2861,12478,3198],{"class":3181},[2861,12480,12481,12483,12485,12487,12489,12491],{"class":2863,"line":3492},[2861,12482,3245],{"class":3181},[2861,12484,2821],{"class":3185},[2861,12486,3188],{"class":2979},[2861,12488,3191],{"class":2973},[2861,12490,12262],{"class":3194},[2861,12492,3198],{"class":3181},[2861,12494,12495,12497,12499,12501,12503,12506,12509,12512,12514,12517],{"class":2863,"line":3507},[2861,12496,3262],{"class":3181},[2861,12498,3068],{"class":3185},[2861,12500,3188],{"class":2979},[2861,12502,3191],{"class":2973},[2861,12504,12505],{"class":3194},"\"custom-select cs-outlined\"",[2861,12507,12508],{"class":2979}," multiple",[2861,12510,12511],{"class":2979}," size",[2861,12513,3191],{"class":2973},[2861,12515,12516],{"class":3194},"\"3\"",[2861,12518,3198],{"class":3181},[2861,12520,12521,12523,12525,12527,12529,12531,12533],{"class":2863,"line":3525},[2861,12522,9543],{"class":3181},[2861,12524,12286],{"class":3185},[2861,12526,3215],{"class":3181},[2861,12528,1830],{"class":2973},[2861,12530,3221],{"class":3181},[2861,12532,12286],{"class":3185},[2861,12534,3198],{"class":3181},[2861,12536,12537,12539,12541,12543,12546,12548,12550],{"class":2863,"line":3553},[2861,12538,9543],{"class":3181},[2861,12540,12286],{"class":3185},[2861,12542,3215],{"class":3181},[2861,12544,12545],{"class":2973},"Vue",[2861,12547,3221],{"class":3181},[2861,12549,12286],{"class":3185},[2861,12551,3198],{"class":3181},[2861,12553,12554,12556,12558,12561,12563,12566,12568,12570],{"class":2863,"line":3562},[2861,12555,9543],{"class":3181},[2861,12557,12286],{"class":3185},[2861,12559,12560],{"class":2979}," selected",[2861,12562,3215],{"class":3181},[2861,12564,12565],{"class":2973},"Svelte",[2861,12567,3221],{"class":3181},[2861,12569,12286],{"class":3185},[2861,12571,3198],{"class":3181},[2861,12573,12574,12576,12578,12580,12583,12585,12587],{"class":2863,"line":3572},[2861,12575,9543],{"class":3181},[2861,12577,12286],{"class":3185},[2861,12579,3215],{"class":3181},[2861,12581,12582],{"class":2973},"Angular",[2861,12584,3221],{"class":3181},[2861,12586,12286],{"class":3185},[2861,12588,3198],{"class":3181},[2861,12590,12591,12593,12595],{"class":2863,"line":3588},[2861,12592,9591],{"class":3181},[2861,12594,3068],{"class":3185},[2861,12596,3198],{"class":3181},[2861,12598,12599,12601,12603],{"class":2863,"line":3604},[2861,12600,3285],{"class":3181},[2861,12602,2821],{"class":3185},[2861,12604,3198],{"class":3181},[2861,12606,12607,12609,12611],{"class":2863,"line":3622},[2861,12608,3565],{"class":3181},[2861,12610,2821],{"class":3185},[2861,12612,3198],{"class":3181},[2861,12614,12615,12617,12619],{"class":2863,"line":3639},[2861,12616,3221],{"class":3181},[2861,12618,2821],{"class":3185},[2861,12620,3198],{"class":3181},[2853,12622,12624],{"className":2954,"code":12623,"language":2956,"meta":2857,"style":2857},".select-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n}\n.sd-label { margin: 0 0 0.75rem; font-weight: 700; color: #64748b; }\n.selects-row { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: flex-start; }\n\n.custom-select-wrap { position: relative; flex: 1; min-width: 140px; }\n\n/* Кастомна стрілка через ::after на обгортці */\n.custom-select-wrap:not(:has(select[multiple]))::after {\n  content: '';\n  position: absolute;\n  right: 0.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 6px solid currentColor;\n  pointer-events: none;\n}\n\n.custom-select {\n  appearance: none;\n  width: 100%;\n  padding: 0.55rem 2.5rem 0.55rem 0.75rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 7px;\n  font-size: 0.875rem;\n  font-family: inherit;\n  background: white;\n  color: #1e293b;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.15s, box-shadow 0.15s;\n\n  &:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }\n}\n\n.cs-dark-wrap::after { color: #e2e8f0; }\n.cs-dark {\n  background: #1e293b;\n  color: #e2e8f0;\n  border-color: #334155;\n\n  &:focus { border-color: #6366f1; }\n}\n\n.cs-outlined {\n  padding: 0.5rem;\n\n  & option { padding: 0.3rem 0.5rem; border-radius: 4px; }\n  & option:checked { background: #6366f1; color: white; }\n}\n",[2808,12625,12626,12633,12643,12653,12667,12677,12687,12691,12726,12765,12769,12801,12805,12810,12836,12846,12856,12867,12877,12893,12903,12913,12929,12944,12959,12969,12973,12977,12984,12994,13004,13023,13037,13047,13057,13067,13077,13087,13097,13107,13121,13125,13165,13169,13173,13188,13195,13205,13215,13226,13230,13238,13242,13246,13253,13263,13267,13290,13316],{"__ignoreMap":2857},[2861,12627,12628,12631],{"class":2863,"line":2864},[2861,12629,12630],{"class":2969},".select-demo",[2861,12632,2974],{"class":2973},[2861,12634,12635,12637,12639,12641],{"class":2863,"line":2870},[2861,12636,3936],{"class":2979},[2861,12638,2983],{"class":2973},[2861,12640,3942],{"class":3941},[2861,12642,2990],{"class":2973},[2861,12644,12645,12647,12649,12651],{"class":2863,"line":2876},[2861,12646,3006],{"class":2979},[2861,12648,2983],{"class":2973},[2861,12650,3953],{"class":2986},[2861,12652,2990],{"class":2973},[2861,12654,12655,12657,12659,12661,12663,12665],{"class":2863,"line":2882},[2861,12656,3960],{"class":2979},[2861,12658,2983],{"class":2973},[2861,12660,3965],{"class":2986},[2861,12662,2826],{"class":2973},[2861,12664,3970],{"class":2986},[2861,12666,2990],{"class":2973},[2861,12668,12669,12671,12673,12675],{"class":2863,"line":2888},[2861,12670,3977],{"class":2979},[2861,12672,2983],{"class":2973},[2861,12674,3982],{"class":3941},[2861,12676,2990],{"class":2973},[2861,12678,12679,12681,12683,12685],{"class":2863,"line":2894},[2861,12680,3989],{"class":2979},[2861,12682,2983],{"class":2973},[2861,12684,3994],{"class":2986},[2861,12686,2990],{"class":2973},[2861,12688,12689],{"class":2863,"line":2900},[2861,12690,3041],{"class":2973},[2861,12692,12693,12696,12698,12700,12702,12704,12706,12708,12710,12712,12714,12716,12718,12720,12722,12724],{"class":2863,"line":2906},[2861,12694,12695],{"class":2969},".sd-label",[2861,12697,4056],{"class":2973},[2861,12699,4059],{"class":2979},[2861,12701,2983],{"class":2973},[2861,12703,4064],{"class":3941},[2861,12705,5055],{"class":3941},[2861,12707,4208],{"class":3941},[2861,12709,3105],{"class":2973},[2861,12711,4069],{"class":2979},[2861,12713,2983],{"class":2973},[2861,12715,4074],{"class":3941},[2861,12717,3105],{"class":2973},[2861,12719,4079],{"class":2979},[2861,12721,2983],{"class":2973},[2861,12723,4084],{"class":2986},[2861,12725,4087],{"class":2973},[2861,12727,12728,12731,12733,12735,12737,12739,12741,12743,12745,12747,12749,12751,12753,12755,12757,12759,12761,12763],{"class":2863,"line":2912},[2861,12729,12730],{"class":2969},".selects-row",[2861,12732,4056],{"class":2973},[2861,12734,4358],{"class":2979},[2861,12736,2983],{"class":2973},[2861,12738,4018],{"class":2986},[2861,12740,3105],{"class":2973},[2861,12742,4313],{"class":2979},[2861,12744,2983],{"class":2973},[2861,12746,4042],{"class":3941},[2861,12748,3105],{"class":2973},[2861,12750,4375],{"class":2979},[2861,12752,2983],{"class":2973},[2861,12754,4380],{"class":2986},[2861,12756,3105],{"class":2973},[2861,12758,4303],{"class":2979},[2861,12760,2983],{"class":2973},[2861,12762,4308],{"class":2986},[2861,12764,4087],{"class":2973},[2861,12766,12767],{"class":2863,"line":2918},[2861,12768,3047],{"emptyLinePlaceholder":3046},[2861,12770,12771,12774,12776,12778,12780,12782,12784,12786,12788,12790,12792,12794,12796,12799],{"class":2863,"line":3055},[2861,12772,12773],{"class":2969},".custom-select-wrap",[2861,12775,4056],{"class":2973},[2861,12777,6541],{"class":2979},[2861,12779,2983],{"class":2973},[2861,12781,6280],{"class":2986},[2861,12783,3105],{"class":2973},[2861,12785,4018],{"class":2979},[2861,12787,2983],{"class":2973},[2861,12789,4283],{"class":3941},[2861,12791,3105],{"class":2973},[2861,12793,10634],{"class":2979},[2861,12795,2983],{"class":2973},[2861,12797,12798],{"class":3941},"140px",[2861,12800,4087],{"class":2973},[2861,12802,12803],{"class":2863,"line":3073},[2861,12804,3047],{"emptyLinePlaceholder":3046},[2861,12806,12807],{"class":2863,"line":3084},[2861,12808,12809],{"class":2963},"/* Кастомна стрілка через ::after на обгортці */\n",[2861,12811,12812,12815,12817,12819,12821,12823,12826,12829,12832,12834],{"class":2863,"line":3095},[2861,12813,12814],{"class":2969},".custom-select-wrap:not",[2861,12816,5356],{"class":2973},[2861,12818,8819],{"class":2969},[2861,12820,5356],{"class":2973},[2861,12822,3068],{"class":2969},[2861,12824,12825],{"class":2973},"[",[2861,12827,12828],{"class":2979},"multiple",[2861,12830,12831],{"class":2973},"]))",[2861,12833,9425],{"class":2969},[2861,12835,2974],{"class":2973},[2861,12837,12838,12840,12842,12844],{"class":2863,"line":3111},[2861,12839,11003],{"class":2979},[2861,12841,2983],{"class":2973},[2861,12843,11009],{"class":11008},[2861,12845,2990],{"class":2973},[2861,12847,12848,12850,12852,12854],{"class":2863,"line":3122},[2861,12849,6275],{"class":2979},[2861,12851,2983],{"class":2973},[2861,12853,6326],{"class":2986},[2861,12855,2990],{"class":2973},[2861,12857,12858,12861,12863,12865],{"class":2863,"line":3441},[2861,12859,12860],{"class":2979},"  right",[2861,12862,2983],{"class":2973},[2861,12864,4042],{"class":3941},[2861,12866,2990],{"class":2973},[2861,12868,12869,12871,12873,12875],{"class":2863,"line":3459},[2861,12870,6333],{"class":2979},[2861,12872,2983],{"class":2973},[2861,12874,6377],{"class":3941},[2861,12876,2990],{"class":2973},[2861,12878,12879,12881,12883,12886,12888,12891],{"class":2863,"line":3483},[2861,12880,6483],{"class":2979},[2861,12882,2983],{"class":2973},[2861,12884,12885],{"class":5352},"translateY",[2861,12887,5356],{"class":2973},[2861,12889,12890],{"class":3941},"-50%",[2861,12892,5377],{"class":2973},[2861,12894,12895,12897,12899,12901],{"class":2863,"line":3492},[2861,12896,5669],{"class":2979},[2861,12898,2983],{"class":2973},[2861,12900,4064],{"class":3941},[2861,12902,2990],{"class":2973},[2861,12904,12905,12907,12909,12911],{"class":2863,"line":3507},[2861,12906,10882],{"class":2979},[2861,12908,2983],{"class":2973},[2861,12910,4064],{"class":3941},[2861,12912,2990],{"class":2973},[2861,12914,12915,12917,12919,12922,12924,12927],{"class":2863,"line":3525},[2861,12916,11063],{"class":2979},[2861,12918,2983],{"class":2973},[2861,12920,12921],{"class":3941},"5px",[2861,12923,4222],{"class":2986},[2861,12925,12926],{"class":2986}," transparent",[2861,12928,2990],{"class":2973},[2861,12930,12931,12934,12936,12938,12940,12942],{"class":2863,"line":3553},[2861,12932,12933],{"class":2979},"  border-right",[2861,12935,2983],{"class":2973},[2861,12937,12921],{"class":3941},[2861,12939,4222],{"class":2986},[2861,12941,12926],{"class":2986},[2861,12943,2990],{"class":2973},[2861,12945,12946,12948,12950,12952,12954,12957],{"class":2863,"line":3562},[2861,12947,11052],{"class":2979},[2861,12949,2983],{"class":2973},[2861,12951,4195],{"class":3941},[2861,12953,4222],{"class":2986},[2861,12955,12956],{"class":2986}," currentColor",[2861,12958,2990],{"class":2973},[2861,12960,12961,12963,12965,12967],{"class":2863,"line":3572},[2861,12962,6749],{"class":2979},[2861,12964,2983],{"class":2973},[2861,12966,2987],{"class":2986},[2861,12968,2990],{"class":2973},[2861,12970,12971],{"class":2863,"line":3588},[2861,12972,3041],{"class":2973},[2861,12974,12975],{"class":2863,"line":3604},[2861,12976,3047],{"emptyLinePlaceholder":3046},[2861,12978,12979,12982],{"class":2863,"line":3622},[2861,12980,12981],{"class":2969},".custom-select",[2861,12983,2974],{"class":2973},[2861,12985,12986,12988,12990,12992],{"class":2863,"line":3639},[2861,12987,2980],{"class":2979},[2861,12989,2983],{"class":2973},[2861,12991,2987],{"class":2986},[2861,12993,2990],{"class":2973},[2861,12995,12996,12998,13000,13002],{"class":2863,"line":3663},[2861,12997,5669],{"class":2979},[2861,12999,2983],{"class":2973},[2861,13001,4342],{"class":3941},[2861,13003,2990],{"class":2973},[2861,13005,13006,13008,13010,13013,13016,13019,13021],{"class":2863,"line":3685},[2861,13007,3936],{"class":2979},[2861,13009,2983],{"class":2973},[2861,13011,13012],{"class":3941},"0.55rem",[2861,13014,13015],{"class":3941}," 2.5rem",[2861,13017,13018],{"class":3941}," 0.55rem",[2861,13020,4208],{"class":3941},[2861,13022,2990],{"class":2973},[2861,13024,13025,13027,13029,13031,13033,13035],{"class":2863,"line":3694},[2861,13026,2995],{"class":2979},[2861,13028,2983],{"class":2973},[2861,13030,5215],{"class":3941},[2861,13032,4222],{"class":2986},[2861,13034,5220],{"class":2986},[2861,13036,2990],{"class":2973},[2861,13038,13039,13041,13043,13045],{"class":2863,"line":3710},[2861,13040,4190],{"class":2979},[2861,13042,2983],{"class":2973},[2861,13044,5231],{"class":3941},[2861,13046,2990],{"class":2973},[2861,13048,13049,13051,13053,13055],{"class":2863,"line":3728},[2861,13050,3977],{"class":2979},[2861,13052,2983],{"class":2973},[2861,13054,3982],{"class":3941},[2861,13056,2990],{"class":2973},[2861,13058,13059,13061,13063,13065],{"class":2863,"line":3745},[2861,13060,3960],{"class":2979},[2861,13062,2983],{"class":2973},[2861,13064,3034],{"class":2986},[2861,13066,2990],{"class":2973},[2861,13068,13069,13071,13073,13075],{"class":2863,"line":3769},[2861,13070,3006],{"class":2979},[2861,13072,2983],{"class":2973},[2861,13074,4183],{"class":2986},[2861,13076,2990],{"class":2973},[2861,13078,13079,13081,13083,13085],{"class":2863,"line":3790},[2861,13080,3989],{"class":2979},[2861,13082,2983],{"class":2973},[2861,13084,3994],{"class":2986},[2861,13086,2990],{"class":2973},[2861,13088,13089,13091,13093,13095],{"class":2863,"line":3799},[2861,13090,3017],{"class":2979},[2861,13092,2983],{"class":2973},[2861,13094,3022],{"class":2986},[2861,13096,2990],{"class":2973},[2861,13098,13099,13101,13103,13105],{"class":2863,"line":3815},[2861,13100,3098],{"class":2979},[2861,13102,2983],{"class":2973},[2861,13104,2987],{"class":2986},[2861,13106,2990],{"class":2973},[2861,13108,13109,13111,13113,13115,13117,13119],{"class":2863,"line":3833},[2861,13110,5289],{"class":2979},[2861,13112,5292],{"class":2973},[2861,13114,5295],{"class":3941},[2861,13116,5298],{"class":2973},[2861,13118,5295],{"class":3941},[2861,13120,2990],{"class":2973},[2861,13122,13123],{"class":2863,"line":3850},[2861,13124,3047],{"emptyLinePlaceholder":3046},[2861,13126,13127,13129,13131,13133,13135,13137,13139,13141,13143,13145,13147,13149,13151,13153,13155,13157,13159,13161,13163],{"class":2863,"line":3874},[2861,13128,9136],{"class":2973},[2861,13130,4006],{"class":2986},[2861,13132,3105],{"class":2973},[2861,13134,9143],{"class":2979},[2861,13136,2983],{"class":2973},[2861,13138,4064],{"class":3941},[2861,13140,5055],{"class":3941},[2861,13142,5055],{"class":3941},[2861,13144,5349],{"class":3941},[2861,13146,5353],{"class":5352},[2861,13148,5356],{"class":2973},[2861,13150,5359],{"class":3941},[2861,13152,6411],{"class":2973},[2861,13154,5364],{"class":3941},[2861,13156,6411],{"class":2973},[2861,13158,5369],{"class":3941},[2861,13160,6411],{"class":2973},[2861,13162,9172],{"class":3941},[2861,13164,9175],{"class":2973},[2861,13166,13167],{"class":2863,"line":3895},[2861,13168,3041],{"class":2973},[2861,13170,13171],{"class":2863,"line":3904},[2861,13172,3047],{"emptyLinePlaceholder":3046},[2861,13174,13175,13178,13180,13182,13184,13186],{"class":2863,"line":3913},[2861,13176,13177],{"class":2969},".cs-dark-wrap::after",[2861,13179,4056],{"class":2973},[2861,13181,4079],{"class":2979},[2861,13183,2983],{"class":2973},[2861,13185,7095],{"class":2986},[2861,13187,4087],{"class":2973},[2861,13189,13190,13193],{"class":2863,"line":4549},[2861,13191,13192],{"class":2969},".cs-dark",[2861,13194,2974],{"class":2973},[2861,13196,13197,13199,13201,13203],{"class":2863,"line":4566},[2861,13198,3006],{"class":2979},[2861,13200,2983],{"class":2973},[2861,13202,3994],{"class":2986},[2861,13204,2990],{"class":2973},[2861,13206,13207,13209,13211,13213],{"class":2863,"line":4582},[2861,13208,3989],{"class":2979},[2861,13210,2983],{"class":2973},[2861,13212,7095],{"class":2986},[2861,13214,2990],{"class":2973},[2861,13216,13217,13219,13221,13224],{"class":2863,"line":4599},[2861,13218,5327],{"class":2979},[2861,13220,2983],{"class":2973},[2861,13222,13223],{"class":2986},"#334155",[2861,13225,2990],{"class":2973},[2861,13227,13228],{"class":2863,"line":5548},[2861,13229,3047],{"emptyLinePlaceholder":3046},[2861,13231,13232,13234,13236],{"class":2863,"line":5559},[2861,13233,9136],{"class":2973},[2861,13235,4006],{"class":2986},[2861,13237,4087],{"class":2973},[2861,13239,13240],{"class":2863,"line":5571},[2861,13241,3041],{"class":2973},[2861,13243,13244],{"class":2863,"line":5576},[2861,13245,3047],{"emptyLinePlaceholder":3046},[2861,13247,13248,13251],{"class":2863,"line":5585},[2861,13249,13250],{"class":2969},".cs-outlined",[2861,13252,2974],{"class":2973},[2861,13254,13255,13257,13259,13261],{"class":2863,"line":5596},[2861,13256,3936],{"class":2979},[2861,13258,2983],{"class":2973},[2861,13260,4129],{"class":3941},[2861,13262,2990],{"class":2973},[2861,13264,13265],{"class":2863,"line":5601},[2861,13266,3047],{"emptyLinePlaceholder":3046},[2861,13268,13269,13272,13274,13276,13278,13280,13282,13284,13286,13288],{"class":2863,"line":5621},[2861,13270,13271],{"class":2973},"  & option { ",[2861,13273,10755],{"class":2979},[2861,13275,2983],{"class":2973},[2861,13277,5144],{"class":3941},[2861,13279,11931],{"class":3941},[2861,13281,3105],{"class":2973},[2861,13283,11222],{"class":2979},[2861,13285,2983],{"class":2973},[2861,13287,10912],{"class":3941},[2861,13289,4087],{"class":2973},[2861,13291,13292,13295,13298,13300,13302,13304,13306,13308,13310,13312,13314],{"class":2863,"line":5630},[2861,13293,13294],{"class":2973},"  & ",[2861,13296,13297],{"class":2969},"option:checked",[2861,13299,4056],{"class":2973},[2861,13301,5529],{"class":2979},[2861,13303,2983],{"class":2973},[2861,13305,4006],{"class":2986},[2861,13307,3105],{"class":2973},[2861,13309,4079],{"class":2979},[2861,13311,2983],{"class":2973},[2861,13313,4183],{"class":2986},[2861,13315,4087],{"class":2973},[2861,13317,13318],{"class":2863,"line":5641},[2861,13319,3041],{"class":2973},[2923,13321],{},[2794,13323,13325],{"id":13324},"floating-label-патерн-css-only","Floating Label патерн (CSS-only)",[2799,13327,13328,13329,13332,13333,13335,13336,3166],{},"Floating Label — поле введення, де заповнювач «зависає» над полем при введенні тексту. Класичний патерн Material Design, реалізований ",[2803,13330,13331],{},"лише на CSS"," через ",[2808,13334,5690],{}," та ",[2808,13337,13338],{},":not(:placeholder-shown)",[3168,13340,13341,13701],{},[2853,13342,13344],{"className":3172,"code":13343,"language":3174,"meta":2857,"style":2857},"\u003Cform class=\"floating-form\">\n  \u003Ch3 class=\"ff-title\">Форма входу\u003C/h3>\n  \u003Cdiv class=\"ff-field\">\n    \u003Cinput id=\"ff-email\" type=\"email\" class=\"ff-input\" placeholder=\" \" autocomplete=\"email\">\n    \u003Clabel for=\"ff-email\" class=\"ff-label\">Email адреса\u003C/label>\n  \u003C/div>\n  \u003Cdiv class=\"ff-field\">\n    \u003Cinput id=\"ff-pass\" type=\"password\" class=\"ff-input\" placeholder=\" \" autocomplete=\"current-password\">\n    \u003Clabel for=\"ff-pass\" class=\"ff-label\">Пароль\u003C/label>\n  \u003C/div>\n  \u003Cdiv class=\"ff-field\">\n    \u003Ctextarea id=\"ff-bio\" class=\"ff-input ff-textarea\" placeholder=\" \" rows=\"3\">\u003C/textarea>\n    \u003Clabel for=\"ff-bio\" class=\"ff-label\">Про себе\u003C/label>\n  \u003C/div>\n  \u003Cbutton class=\"ff-btn\" type=\"button\">Увійти\u003C/button>\n\u003C/form>\n",[2808,13345,13346,13361,13385,13400,13443,13474,13482,13496,13536,13564,13572,13586,13625,13654,13662,13693],{"__ignoreMap":2857},[2861,13347,13348,13350,13352,13354,13356,13359],{"class":2863,"line":2864},[2861,13349,3182],{"class":3181},[2861,13351,7256],{"class":3185},[2861,13353,3188],{"class":2979},[2861,13355,3191],{"class":2973},[2861,13357,13358],{"class":3194},"\"floating-form\"",[2861,13360,3198],{"class":3181},[2861,13362,13363,13365,13367,13369,13371,13374,13376,13379,13381,13383],{"class":2863,"line":2870},[2861,13364,3203],{"class":3181},[2861,13366,2935],{"class":3185},[2861,13368,3188],{"class":2979},[2861,13370,3191],{"class":2973},[2861,13372,13373],{"class":3194},"\"ff-title\"",[2861,13375,3215],{"class":3181},[2861,13377,13378],{"class":2973},"Форма входу",[2861,13380,3221],{"class":3181},[2861,13382,2935],{"class":3185},[2861,13384,3198],{"class":3181},[2861,13386,13387,13389,13391,13393,13395,13398],{"class":2863,"line":2876},[2861,13388,3203],{"class":3181},[2861,13390,2821],{"class":3185},[2861,13392,3188],{"class":2979},[2861,13394,3191],{"class":2973},[2861,13396,13397],{"class":3194},"\"ff-field\"",[2861,13399,3198],{"class":3181},[2861,13401,13402,13404,13406,13409,13411,13414,13416,13418,13420,13422,13424,13427,13429,13431,13434,13437,13439,13441],{"class":2863,"line":2882},[2861,13403,3245],{"class":3181},[2861,13405,3058],{"class":3185},[2861,13407,13408],{"class":2979}," id",[2861,13410,3191],{"class":2973},[2861,13412,13413],{"class":3194},"\"ff-email\"",[2861,13415,3267],{"class":2979},[2861,13417,3191],{"class":2973},[2861,13419,7320],{"class":3194},[2861,13421,3188],{"class":2979},[2861,13423,3191],{"class":2973},[2861,13425,13426],{"class":3194},"\"ff-input\"",[2861,13428,4810],{"class":2979},[2861,13430,3191],{"class":2973},[2861,13432,13433],{"class":3194},"\" \"",[2861,13435,13436],{"class":2979}," autocomplete",[2861,13438,3191],{"class":2973},[2861,13440,7320],{"class":3194},[2861,13442,3198],{"class":3181},[2861,13444,13445,13447,13449,13452,13454,13456,13458,13460,13463,13465,13468,13470,13472],{"class":2863,"line":2888},[2861,13446,3245],{"class":3181},[2861,13448,3248],{"class":3185},[2861,13450,13451],{"class":2979}," for",[2861,13453,3191],{"class":2973},[2861,13455,13413],{"class":3194},[2861,13457,3188],{"class":2979},[2861,13459,3191],{"class":2973},[2861,13461,13462],{"class":3194},"\"ff-label\"",[2861,13464,3215],{"class":3181},[2861,13466,13467],{"class":2973},"Email адреса",[2861,13469,3221],{"class":3181},[2861,13471,3248],{"class":3185},[2861,13473,3198],{"class":3181},[2861,13475,13476,13478,13480],{"class":2863,"line":2894},[2861,13477,3565],{"class":3181},[2861,13479,2821],{"class":3185},[2861,13481,3198],{"class":3181},[2861,13483,13484,13486,13488,13490,13492,13494],{"class":2863,"line":2900},[2861,13485,3203],{"class":3181},[2861,13487,2821],{"class":3185},[2861,13489,3188],{"class":2979},[2861,13491,3191],{"class":2973},[2861,13493,13397],{"class":3194},[2861,13495,3198],{"class":3181},[2861,13497,13498,13500,13502,13504,13506,13509,13511,13513,13515,13517,13519,13521,13523,13525,13527,13529,13531,13534],{"class":2863,"line":2906},[2861,13499,3245],{"class":3181},[2861,13501,3058],{"class":3185},[2861,13503,13408],{"class":2979},[2861,13505,3191],{"class":2973},[2861,13507,13508],{"class":3194},"\"ff-pass\"",[2861,13510,3267],{"class":2979},[2861,13512,3191],{"class":2973},[2861,13514,8468],{"class":3194},[2861,13516,3188],{"class":2979},[2861,13518,3191],{"class":2973},[2861,13520,13426],{"class":3194},[2861,13522,4810],{"class":2979},[2861,13524,3191],{"class":2973},[2861,13526,13433],{"class":3194},[2861,13528,13436],{"class":2979},[2861,13530,3191],{"class":2973},[2861,13532,13533],{"class":3194},"\"current-password\"",[2861,13535,3198],{"class":3181},[2861,13537,13538,13540,13542,13544,13546,13548,13550,13552,13554,13556,13558,13560,13562],{"class":2863,"line":2912},[2861,13539,3245],{"class":3181},[2861,13541,3248],{"class":3185},[2861,13543,13451],{"class":2979},[2861,13545,3191],{"class":2973},[2861,13547,13508],{"class":3194},[2861,13549,3188],{"class":2979},[2861,13551,3191],{"class":2973},[2861,13553,13462],{"class":3194},[2861,13555,3215],{"class":3181},[2861,13557,8449],{"class":2973},[2861,13559,3221],{"class":3181},[2861,13561,3248],{"class":3185},[2861,13563,3198],{"class":3181},[2861,13565,13566,13568,13570],{"class":2863,"line":2918},[2861,13567,3565],{"class":3181},[2861,13569,2821],{"class":3185},[2861,13571,3198],{"class":3181},[2861,13573,13574,13576,13578,13580,13582,13584],{"class":2863,"line":3055},[2861,13575,3203],{"class":3181},[2861,13577,2821],{"class":3185},[2861,13579,3188],{"class":2979},[2861,13581,3191],{"class":2973},[2861,13583,13397],{"class":3194},[2861,13585,3198],{"class":3181},[2861,13587,13588,13590,13592,13594,13596,13599,13601,13603,13606,13608,13610,13612,13615,13617,13619,13621,13623],{"class":2863,"line":3073},[2861,13589,3245],{"class":3181},[2861,13591,3063],{"class":3185},[2861,13593,13408],{"class":2979},[2861,13595,3191],{"class":2973},[2861,13597,13598],{"class":3194},"\"ff-bio\"",[2861,13600,3188],{"class":2979},[2861,13602,3191],{"class":2973},[2861,13604,13605],{"class":3194},"\"ff-input ff-textarea\"",[2861,13607,4810],{"class":2979},[2861,13609,3191],{"class":2973},[2861,13611,13433],{"class":3194},[2861,13613,13614],{"class":2979}," rows",[2861,13616,3191],{"class":2973},[2861,13618,12516],{"class":3194},[2861,13620,3546],{"class":3181},[2861,13622,3063],{"class":3185},[2861,13624,3198],{"class":3181},[2861,13626,13627,13629,13631,13633,13635,13637,13639,13641,13643,13645,13648,13650,13652],{"class":2863,"line":3084},[2861,13628,3245],{"class":3181},[2861,13630,3248],{"class":3185},[2861,13632,13451],{"class":2979},[2861,13634,3191],{"class":2973},[2861,13636,13598],{"class":3194},[2861,13638,3188],{"class":2979},[2861,13640,3191],{"class":2973},[2861,13642,13462],{"class":3194},[2861,13644,3215],{"class":3181},[2861,13646,13647],{"class":2973},"Про себе",[2861,13649,3221],{"class":3181},[2861,13651,3248],{"class":3185},[2861,13653,3198],{"class":3181},[2861,13655,13656,13658,13660],{"class":2863,"line":3095},[2861,13657,3565],{"class":3181},[2861,13659,2821],{"class":3185},[2861,13661,3198],{"class":3181},[2861,13663,13664,13666,13668,13670,13672,13675,13677,13679,13682,13684,13687,13689,13691],{"class":2863,"line":3111},[2861,13665,3203],{"class":3181},[2861,13667,2970],{"class":3185},[2861,13669,3188],{"class":2979},[2861,13671,3191],{"class":2973},[2861,13673,13674],{"class":3194},"\"ff-btn\"",[2861,13676,3267],{"class":2979},[2861,13678,3191],{"class":2973},[2861,13680,13681],{"class":3194},"\"button\"",[2861,13683,3215],{"class":3181},[2861,13685,13686],{"class":2973},"Увійти",[2861,13688,3221],{"class":3181},[2861,13690,2970],{"class":3185},[2861,13692,3198],{"class":3181},[2861,13694,13695,13697,13699],{"class":2863,"line":3122},[2861,13696,3221],{"class":3181},[2861,13698,7256],{"class":3185},[2861,13700,3198],{"class":3181},[2853,13702,13704],{"className":2954,"code":13703,"language":2956,"meta":2857,"style":2857},".floating-form {\n  padding: 1.5rem;\n  background: white;\n  border-radius: 14px;\n  border: 1px solid #e2e8f0;\n  box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n  font-family: system-ui, sans-serif;\n  max-width: 360px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.ff-title { margin: 0 0 0.25rem; font-size: 1.25rem; color: #1e293b; }\n\n.ff-field {\n  position: relative;\n}\n\n.ff-input {\n  appearance: none;\n  width: 100%;\n  padding: 1.35rem 0.85rem 0.45rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 8px;\n  font-size: 0.925rem;\n  font-family: inherit;\n  color: #1e293b;\n  background: white;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 0.15s, box-shadow 0.15s;\n  resize: vertical;\n}\n\n.ff-input:focus {\n  border-color: #6366f1;\n  box-shadow: 0 0 0 3px rgba(99,102,241,0.12);\n}\n\n.ff-input:user-invalid {\n  border-color: #ef4444;\n  box-shadow: 0 0 0 3px rgba(239,68,68,0.12);\n}\n\n.ff-label {\n  position: absolute;\n  left: 0.85rem;\n  top: 0.85rem;\n  font-size: 0.925rem;\n  color: #9ca3af;\n  pointer-events: none;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  background: white;\n  padding: 0 0.15rem;\n  transform-origin: left top;\n}\n\n/* Коли поле НЕ пусте або у фокусі — label летить вгору */\n.ff-input:not(:placeholder-shown) + .ff-label,\n.ff-input:focus + .ff-label {\n  top: 0.3rem;\n  font-size: 0.7rem;\n  color: #6366f1;\n  font-weight: 600;\n}\n\n.ff-input:user-invalid + .ff-label {\n  color: #ef4444;\n}\n\n.ff-textarea { min-height: 80px; }\n\n.ff-btn {\n  padding: 0.75rem;\n  background: linear-gradient(135deg, #6366f1, #8b5cf6);\n  color: white;\n  border: none;\n  border-radius: 8px;\n  font-size: 0.925rem;\n  font-weight: 600;\n  font-family: inherit;\n  cursor: pointer;\n  transition: opacity 0.15s, transform 0.15s;\n  margin-top: 0.25rem;\n\n  &:hover { opacity: 0.9; transform: translateY(-1px); }\n  &:active { transform: translateY(0); }\n}\n",[2808,13705,13706,13713,13724,13734,13745,13759,13794,13808,13818,13830,13840,13850,13860,13864,13899,13903,13910,13920,13924,13928,13935,13945,13955,13972,13986,13996,14007,14017,14027,14037,14047,14057,14071,14083,14087,14091,14098,14108,14143,14147,14151,14161,14171,14207,14211,14215,14222,14232,14242,14252,14262,14272,14282,14315,14325,14338,14350,14354,14358,14363,14378,14388,14398,14409,14419,14429,14433,14437,14451,14461,14465,14469,14485,14489,14496,14506,14531,14541,14551,14561,14571,14581,14591,14601,14617,14627,14631,14655,14676],{"__ignoreMap":2857},[2861,13707,13708,13711],{"class":2863,"line":2864},[2861,13709,13710],{"class":2969},".floating-form",[2861,13712,2974],{"class":2973},[2861,13714,13715,13717,13719,13722],{"class":2863,"line":2870},[2861,13716,3936],{"class":2979},[2861,13718,2983],{"class":2973},[2861,13720,13721],{"class":3941},"1.5rem",[2861,13723,2990],{"class":2973},[2861,13725,13726,13728,13730,13732],{"class":2863,"line":2876},[2861,13727,3006],{"class":2979},[2861,13729,2983],{"class":2973},[2861,13731,4183],{"class":2986},[2861,13733,2990],{"class":2973},[2861,13735,13736,13738,13740,13743],{"class":2863,"line":2882},[2861,13737,4190],{"class":2979},[2861,13739,2983],{"class":2973},[2861,13741,13742],{"class":3941},"14px",[2861,13744,2990],{"class":2973},[2861,13746,13747,13749,13751,13753,13755,13757],{"class":2863,"line":2888},[2861,13748,2995],{"class":2979},[2861,13750,2983],{"class":2973},[2861,13752,4219],{"class":3941},[2861,13754,4222],{"class":2986},[2861,13756,4225],{"class":2986},[2861,13758,2990],{"class":2973},[2861,13760,13761,13763,13765,13767,13770,13773,13775,13777,13779,13781,13783,13785,13787,13789,13792],{"class":2863,"line":2894},[2861,13762,5338],{"class":2979},[2861,13764,2983],{"class":2973},[2861,13766,4064],{"class":3941},[2861,13768,13769],{"class":3941}," 4px",[2861,13771,13772],{"class":3941}," 24px",[2861,13774,5353],{"class":5352},[2861,13776,5356],{"class":2973},[2861,13778,4064],{"class":3941},[2861,13780,6411],{"class":2973},[2861,13782,4064],{"class":3941},[2861,13784,6411],{"class":2973},[2861,13786,4064],{"class":3941},[2861,13788,6411],{"class":2973},[2861,13790,13791],{"class":3941},"0.06",[2861,13793,5377],{"class":2973},[2861,13795,13796,13798,13800,13802,13804,13806],{"class":2863,"line":2900},[2861,13797,3960],{"class":2979},[2861,13799,2983],{"class":2973},[2861,13801,3965],{"class":2986},[2861,13803,2826],{"class":2973},[2861,13805,3970],{"class":2986},[2861,13807,2990],{"class":2973},[2861,13809,13810,13812,13814,13816],{"class":2863,"line":2906},[2861,13811,8738],{"class":2979},[2861,13813,2983],{"class":2973},[2861,13815,8743],{"class":3941},[2861,13817,2990],{"class":2973},[2861,13819,13820,13822,13824,13826,13828],{"class":2863,"line":2912},[2861,13821,8750],{"class":2979},[2861,13823,2983],{"class":2973},[2861,13825,4064],{"class":3941},[2861,13827,8757],{"class":2986},[2861,13829,2990],{"class":2973},[2861,13831,13832,13834,13836,13838],{"class":2863,"line":2918},[2861,13833,4013],{"class":2979},[2861,13835,2983],{"class":2973},[2861,13837,4018],{"class":2986},[2861,13839,2990],{"class":2973},[2861,13841,13842,13844,13846,13848],{"class":2863,"line":3055},[2861,13843,4025],{"class":2979},[2861,13845,2983],{"class":2973},[2861,13847,4030],{"class":2986},[2861,13849,2990],{"class":2973},[2861,13851,13852,13854,13856,13858],{"class":2863,"line":3073},[2861,13853,4037],{"class":2979},[2861,13855,2983],{"class":2973},[2861,13857,4042],{"class":3941},[2861,13859,2990],{"class":2973},[2861,13861,13862],{"class":2863,"line":3084},[2861,13863,3041],{"class":2973},[2861,13865,13866,13869,13871,13873,13875,13877,13879,13881,13883,13885,13887,13889,13891,13893,13895,13897],{"class":2863,"line":3095},[2861,13867,13868],{"class":2969},".ff-title",[2861,13870,4056],{"class":2973},[2861,13872,4059],{"class":2979},[2861,13874,2983],{"class":2973},[2861,13876,4064],{"class":3941},[2861,13878,5055],{"class":3941},[2861,13880,10762],{"class":3941},[2861,13882,3105],{"class":2973},[2861,13884,4523],{"class":2979},[2861,13886,2983],{"class":2973},[2861,13888,6573],{"class":3941},[2861,13890,3105],{"class":2973},[2861,13892,4079],{"class":2979},[2861,13894,2983],{"class":2973},[2861,13896,3994],{"class":2986},[2861,13898,4087],{"class":2973},[2861,13900,13901],{"class":2863,"line":3111},[2861,13902,3047],{"emptyLinePlaceholder":3046},[2861,13904,13905,13908],{"class":2863,"line":3122},[2861,13906,13907],{"class":2969},".ff-field",[2861,13909,2974],{"class":2973},[2861,13911,13912,13914,13916,13918],{"class":2863,"line":3441},[2861,13913,6275],{"class":2979},[2861,13915,2983],{"class":2973},[2861,13917,6280],{"class":2986},[2861,13919,2990],{"class":2973},[2861,13921,13922],{"class":2863,"line":3459},[2861,13923,3041],{"class":2973},[2861,13925,13926],{"class":2863,"line":3483},[2861,13927,3047],{"emptyLinePlaceholder":3046},[2861,13929,13930,13933],{"class":2863,"line":3492},[2861,13931,13932],{"class":2969},".ff-input",[2861,13934,2974],{"class":2973},[2861,13936,13937,13939,13941,13943],{"class":2863,"line":3507},[2861,13938,2980],{"class":2979},[2861,13940,2983],{"class":2973},[2861,13942,2987],{"class":2986},[2861,13944,2990],{"class":2973},[2861,13946,13947,13949,13951,13953],{"class":2863,"line":3525},[2861,13948,5669],{"class":2979},[2861,13950,2983],{"class":2973},[2861,13952,4342],{"class":3941},[2861,13954,2990],{"class":2973},[2861,13956,13957,13959,13961,13964,13967,13970],{"class":2863,"line":3553},[2861,13958,3936],{"class":2979},[2861,13960,2983],{"class":2973},[2861,13962,13963],{"class":3941},"1.35rem",[2861,13965,13966],{"class":3941}," 0.85rem",[2861,13968,13969],{"class":3941}," 0.45rem",[2861,13971,2990],{"class":2973},[2861,13973,13974,13976,13978,13980,13982,13984],{"class":2863,"line":3562},[2861,13975,2995],{"class":2979},[2861,13977,2983],{"class":2973},[2861,13979,5215],{"class":3941},[2861,13981,4222],{"class":2986},[2861,13983,5220],{"class":2986},[2861,13985,2990],{"class":2973},[2861,13987,13988,13990,13992,13994],{"class":2863,"line":3572},[2861,13989,4190],{"class":2979},[2861,13991,2983],{"class":2973},[2861,13993,4431],{"class":3941},[2861,13995,2990],{"class":2973},[2861,13997,13998,14000,14002,14005],{"class":2863,"line":3588},[2861,13999,3977],{"class":2979},[2861,14001,2983],{"class":2973},[2861,14003,14004],{"class":3941},"0.925rem",[2861,14006,2990],{"class":2973},[2861,14008,14009,14011,14013,14015],{"class":2863,"line":3604},[2861,14010,3960],{"class":2979},[2861,14012,2983],{"class":2973},[2861,14014,3034],{"class":2986},[2861,14016,2990],{"class":2973},[2861,14018,14019,14021,14023,14025],{"class":2863,"line":3622},[2861,14020,3989],{"class":2979},[2861,14022,2983],{"class":2973},[2861,14024,3994],{"class":2986},[2861,14026,2990],{"class":2973},[2861,14028,14029,14031,14033,14035],{"class":2863,"line":3639},[2861,14030,3006],{"class":2979},[2861,14032,2983],{"class":2973},[2861,14034,4183],{"class":2986},[2861,14036,2990],{"class":2973},[2861,14038,14039,14041,14043,14045],{"class":2863,"line":3663},[2861,14040,3098],{"class":2979},[2861,14042,2983],{"class":2973},[2861,14044,2987],{"class":2986},[2861,14046,2990],{"class":2973},[2861,14048,14049,14051,14053,14055],{"class":2863,"line":3685},[2861,14050,6649],{"class":2979},[2861,14052,2983],{"class":2973},[2861,14054,6654],{"class":2986},[2861,14056,2990],{"class":2973},[2861,14058,14059,14061,14063,14065,14067,14069],{"class":2863,"line":3694},[2861,14060,5289],{"class":2979},[2861,14062,5292],{"class":2973},[2861,14064,5295],{"class":3941},[2861,14066,5298],{"class":2973},[2861,14068,5295],{"class":3941},[2861,14070,2990],{"class":2973},[2861,14072,14073,14076,14078,14081],{"class":2863,"line":3710},[2861,14074,14075],{"class":2979},"  resize",[2861,14077,2983],{"class":2973},[2861,14079,14080],{"class":2986},"vertical",[2861,14082,2990],{"class":2973},[2861,14084,14085],{"class":2863,"line":3728},[2861,14086,3041],{"class":2973},[2861,14088,14089],{"class":2863,"line":3745},[2861,14090,3047],{"emptyLinePlaceholder":3046},[2861,14092,14093,14096],{"class":2863,"line":3769},[2861,14094,14095],{"class":2969},".ff-input:focus",[2861,14097,2974],{"class":2973},[2861,14099,14100,14102,14104,14106],{"class":2863,"line":3790},[2861,14101,5327],{"class":2979},[2861,14103,2983],{"class":2973},[2861,14105,4006],{"class":2986},[2861,14107,2990],{"class":2973},[2861,14109,14110,14112,14114,14116,14118,14120,14122,14124,14126,14128,14130,14132,14134,14136,14138,14141],{"class":2863,"line":3799},[2861,14111,5338],{"class":2979},[2861,14113,2983],{"class":2973},[2861,14115,4064],{"class":3941},[2861,14117,5055],{"class":3941},[2861,14119,5055],{"class":3941},[2861,14121,5349],{"class":3941},[2861,14123,5353],{"class":5352},[2861,14125,5356],{"class":2973},[2861,14127,5359],{"class":3941},[2861,14129,6411],{"class":2973},[2861,14131,5364],{"class":3941},[2861,14133,6411],{"class":2973},[2861,14135,5369],{"class":3941},[2861,14137,6411],{"class":2973},[2861,14139,14140],{"class":3941},"0.12",[2861,14142,5377],{"class":2973},[2861,14144,14145],{"class":2863,"line":3815},[2861,14146,3041],{"class":2973},[2861,14148,14149],{"class":2863,"line":3833},[2861,14150,3047],{"emptyLinePlaceholder":3046},[2861,14152,14153,14155,14157,14159],{"class":2863,"line":3850},[2861,14154,13932],{"class":2969},[2861,14156,6806],{"class":2973},[2861,14158,8114],{"class":3185},[2861,14160,2974],{"class":2973},[2861,14162,14163,14165,14167,14169],{"class":2863,"line":3874},[2861,14164,5327],{"class":2979},[2861,14166,2983],{"class":2973},[2861,14168,7974],{"class":2986},[2861,14170,2990],{"class":2973},[2861,14172,14173,14175,14177,14179,14181,14183,14185,14187,14189,14192,14194,14197,14199,14201,14203,14205],{"class":2863,"line":3895},[2861,14174,5338],{"class":2979},[2861,14176,2983],{"class":2973},[2861,14178,4064],{"class":3941},[2861,14180,5055],{"class":3941},[2861,14182,5055],{"class":3941},[2861,14184,5349],{"class":3941},[2861,14186,5353],{"class":5352},[2861,14188,5356],{"class":2973},[2861,14190,14191],{"class":3941},"239",[2861,14193,6411],{"class":2973},[2861,14195,14196],{"class":3941},"68",[2861,14198,6411],{"class":2973},[2861,14200,14196],{"class":3941},[2861,14202,6411],{"class":2973},[2861,14204,14140],{"class":3941},[2861,14206,5377],{"class":2973},[2861,14208,14209],{"class":2863,"line":3904},[2861,14210,3041],{"class":2973},[2861,14212,14213],{"class":2863,"line":3913},[2861,14214,3047],{"emptyLinePlaceholder":3046},[2861,14216,14217,14220],{"class":2863,"line":4549},[2861,14218,14219],{"class":2969},".ff-label",[2861,14221,2974],{"class":2973},[2861,14223,14224,14226,14228,14230],{"class":2863,"line":4566},[2861,14225,6275],{"class":2979},[2861,14227,2983],{"class":2973},[2861,14229,6326],{"class":2986},[2861,14231,2990],{"class":2973},[2861,14233,14234,14236,14238,14240],{"class":2863,"line":4582},[2861,14235,6707],{"class":2979},[2861,14237,2983],{"class":2973},[2861,14239,5023],{"class":3941},[2861,14241,2990],{"class":2973},[2861,14243,14244,14246,14248,14250],{"class":2863,"line":4599},[2861,14245,6333],{"class":2979},[2861,14247,2983],{"class":2973},[2861,14249,5023],{"class":3941},[2861,14251,2990],{"class":2973},[2861,14253,14254,14256,14258,14260],{"class":2863,"line":5548},[2861,14255,3977],{"class":2979},[2861,14257,2983],{"class":2973},[2861,14259,14004],{"class":3941},[2861,14261,2990],{"class":2973},[2861,14263,14264,14266,14268,14270],{"class":2863,"line":5559},[2861,14265,3989],{"class":2979},[2861,14267,2983],{"class":2973},[2861,14269,6742],{"class":2986},[2861,14271,2990],{"class":2973},[2861,14273,14274,14276,14278,14280],{"class":2863,"line":5571},[2861,14275,6749],{"class":2979},[2861,14277,2983],{"class":2973},[2861,14279,2987],{"class":2986},[2861,14281,2990],{"class":2973},[2861,14283,14284,14286,14288,14290,14293,14296,14298,14301,14303,14305,14307,14309,14311,14313],{"class":2863,"line":5576},[2861,14285,5289],{"class":2979},[2861,14287,2983],{"class":2973},[2861,14289,6765],{"class":2986},[2861,14291,14292],{"class":3941}," 0.2s",[2861,14294,14295],{"class":5352}," cubic-bezier",[2861,14297,5356],{"class":2973},[2861,14299,14300],{"class":3941},"0.4",[2861,14302,2826],{"class":2973},[2861,14304,4064],{"class":3941},[2861,14306,2826],{"class":2973},[2861,14308,5374],{"class":3941},[2861,14310,2826],{"class":2973},[2861,14312,4283],{"class":3941},[2861,14314,5377],{"class":2973},[2861,14316,14317,14319,14321,14323],{"class":2863,"line":5585},[2861,14318,3006],{"class":2979},[2861,14320,2983],{"class":2973},[2861,14322,4183],{"class":2986},[2861,14324,2990],{"class":2973},[2861,14326,14327,14329,14331,14333,14336],{"class":2863,"line":5596},[2861,14328,3936],{"class":2979},[2861,14330,2983],{"class":2973},[2861,14332,4064],{"class":3941},[2861,14334,14335],{"class":3941}," 0.15rem",[2861,14337,2990],{"class":2973},[2861,14339,14340,14342,14344,14346,14348],{"class":2863,"line":5601},[2861,14341,6778],{"class":2979},[2861,14343,2983],{"class":2973},[2861,14345,6343],{"class":2986},[2861,14347,6785],{"class":2986},[2861,14349,2990],{"class":2973},[2861,14351,14352],{"class":2863,"line":5621},[2861,14353,3041],{"class":2973},[2861,14355,14356],{"class":2863,"line":5630},[2861,14357,3047],{"emptyLinePlaceholder":3046},[2861,14359,14360],{"class":2863,"line":5641},[2861,14361,14362],{"class":2963},"/* Коли поле НЕ пусте або у фокусі — label летить вгору */\n",[2861,14364,14365,14368,14370,14372,14374,14376],{"class":2863,"line":5654},[2861,14366,14367],{"class":2969},".ff-input:not",[2861,14369,6868],{"class":2973},[2861,14371,6809],{"class":3185},[2861,14373,6873],{"class":2973},[2861,14375,14219],{"class":2969},[2861,14377,6878],{"class":2973},[2861,14379,14380,14382,14384,14386],{"class":2863,"line":5666},[2861,14381,14095],{"class":2969},[2861,14383,6447],{"class":2973},[2861,14385,14219],{"class":2969},[2861,14387,2974],{"class":2973},[2861,14389,14390,14392,14394,14396],{"class":2863,"line":5678},[2861,14391,6333],{"class":2979},[2861,14393,2983],{"class":2973},[2861,14395,5144],{"class":3941},[2861,14397,2990],{"class":2973},[2861,14399,14400,14402,14404,14407],{"class":2863,"line":6758},[2861,14401,3977],{"class":2979},[2861,14403,2983],{"class":2973},[2861,14405,14406],{"class":3941},"0.7rem",[2861,14408,2990],{"class":2973},[2861,14410,14411,14413,14415,14417],{"class":2863,"line":6775},[2861,14412,3989],{"class":2979},[2861,14414,2983],{"class":2973},[2861,14416,4006],{"class":2986},[2861,14418,2990],{"class":2973},[2861,14420,14421,14423,14425,14427],{"class":2863,"line":6790},[2861,14422,6930],{"class":2979},[2861,14424,2983],{"class":2973},[2861,14426,5175],{"class":3941},[2861,14428,2990],{"class":2973},[2861,14430,14431],{"class":2863,"line":6795},[2861,14432,3041],{"class":2973},[2861,14434,14435],{"class":2863,"line":6801},[2861,14436,3047],{"emptyLinePlaceholder":3046},[2861,14438,14439,14441,14443,14445,14447,14449],{"class":2863,"line":6818},[2861,14440,13932],{"class":2969},[2861,14442,6806],{"class":2973},[2861,14444,8114],{"class":3185},[2861,14446,6447],{"class":2973},[2861,14448,14219],{"class":2969},[2861,14450,2974],{"class":2973},[2861,14452,14453,14455,14457,14459],{"class":2863,"line":6829},[2861,14454,3989],{"class":2979},[2861,14456,2983],{"class":2973},[2861,14458,7974],{"class":2986},[2861,14460,2990],{"class":2973},[2861,14462,14463],{"class":2863,"line":6840},[2861,14464,3041],{"class":2973},[2861,14466,14467],{"class":2863,"line":6851},[2861,14468,3047],{"emptyLinePlaceholder":3046},[2861,14470,14471,14474,14476,14479,14481,14483],{"class":2863,"line":6856},[2861,14472,14473],{"class":2969},".ff-textarea",[2861,14475,4056],{"class":2973},[2861,14477,14478],{"class":2979},"min-height",[2861,14480,2983],{"class":2973},[2861,14482,11831],{"class":3941},[2861,14484,4087],{"class":2973},[2861,14486,14487],{"class":2863,"line":6862},[2861,14488,3047],{"emptyLinePlaceholder":3046},[2861,14490,14491,14494],{"class":2863,"line":6881},[2861,14492,14493],{"class":2969},".ff-btn",[2861,14495,2974],{"class":2973},[2861,14497,14498,14500,14502,14504],{"class":2863,"line":6893},[2861,14499,3936],{"class":2979},[2861,14501,2983],{"class":2973},[2861,14503,4042],{"class":3941},[2861,14505,2990],{"class":2973},[2861,14507,14508,14510,14512,14515,14517,14520,14522,14524,14526,14529],{"class":2863,"line":6904},[2861,14509,3006],{"class":2979},[2861,14511,2983],{"class":2973},[2861,14513,14514],{"class":5352},"linear-gradient",[2861,14516,5356],{"class":2973},[2861,14518,14519],{"class":3941},"135deg",[2861,14521,2826],{"class":2973},[2861,14523,4006],{"class":2986},[2861,14525,2826],{"class":2973},[2861,14527,14528],{"class":2986},"#8b5cf6",[2861,14530,5377],{"class":2973},[2861,14532,14533,14535,14537,14539],{"class":2863,"line":6916},[2861,14534,3989],{"class":2979},[2861,14536,2983],{"class":2973},[2861,14538,4183],{"class":2986},[2861,14540,2990],{"class":2973},[2861,14542,14543,14545,14547,14549],{"class":2863,"line":6927},[2861,14544,2995],{"class":2979},[2861,14546,2983],{"class":2973},[2861,14548,2987],{"class":2986},[2861,14550,2990],{"class":2973},[2861,14552,14553,14555,14557,14559],{"class":2863,"line":6939},[2861,14554,4190],{"class":2979},[2861,14556,2983],{"class":2973},[2861,14558,4431],{"class":3941},[2861,14560,2990],{"class":2973},[2861,14562,14563,14565,14567,14569],{"class":2863,"line":6944},[2861,14564,3977],{"class":2979},[2861,14566,2983],{"class":2973},[2861,14568,14004],{"class":3941},[2861,14570,2990],{"class":2973},[2861,14572,14573,14575,14577,14579],{"class":2863,"line":6960},[2861,14574,6930],{"class":2979},[2861,14576,2983],{"class":2973},[2861,14578,5175],{"class":3941},[2861,14580,2990],{"class":2973},[2861,14582,14583,14585,14587,14589],{"class":2863,"line":6965},[2861,14584,3960],{"class":2979},[2861,14586,2983],{"class":2973},[2861,14588,3034],{"class":2986},[2861,14590,2990],{"class":2973},[2861,14592,14593,14595,14597,14599],{"class":2863,"line":6971},[2861,14594,3017],{"class":2979},[2861,14596,2983],{"class":2973},[2861,14598,3022],{"class":2986},[2861,14600,2990],{"class":2973},[2861,14602,14603,14605,14608,14610,14613,14615],{"class":2863,"line":6984},[2861,14604,5289],{"class":2979},[2861,14606,14607],{"class":2973},": opacity ",[2861,14609,5295],{"class":3941},[2861,14611,14612],{"class":2973},", transform ",[2861,14614,5295],{"class":3941},[2861,14616,2990],{"class":2973},[2861,14618,14619,14621,14623,14625],{"class":2863,"line":6997},[2861,14620,9381],{"class":2979},[2861,14622,2983],{"class":2973},[2861,14624,4318],{"class":3941},[2861,14626,2990],{"class":2973},[2861,14628,14629],{"class":2863,"line":7010},[2861,14630,3047],{"emptyLinePlaceholder":3046},[2861,14632,14633,14636,14639,14641,14644,14646,14648,14650,14653],{"class":2863,"line":7021},[2861,14634,14635],{"class":2973},"  &:hover { opacity: ",[2861,14637,14638],{"class":3941},"0.9",[2861,14640,3105],{"class":2973},[2861,14642,14643],{"class":2979},"transform",[2861,14645,2983],{"class":2973},[2861,14647,12885],{"class":5352},[2861,14649,5356],{"class":2973},[2861,14651,14652],{"class":3941},"-1px",[2861,14654,9175],{"class":2973},[2861,14656,14657,14659,14662,14664,14666,14668,14670,14672,14674],{"class":2863,"line":7032},[2861,14658,8816],{"class":2973},[2861,14660,14661],{"class":2969},":active",[2861,14663,4056],{"class":2973},[2861,14665,14643],{"class":2979},[2861,14667,2983],{"class":2973},[2861,14669,12885],{"class":5352},[2861,14671,5356],{"class":2973},[2861,14673,4064],{"class":3941},[2861,14675,9175],{"class":2973},[2861,14677,14678],{"class":2863,"line":7043},[2861,14679,3041],{"class":2973},[2923,14681],{},[2794,14683,14685],{"id":14684},"кастомний-range-slider","Кастомний Range Slider",[3168,14687,14688,15183],{},[2853,14689,14691],{"className":3172,"code":14690,"language":3174,"meta":2857,"style":2857},"\u003Cdiv class=\"range-demo\">\n  \u003Cp class=\"rd-title\">Кастомні range sliders\u003C/p>\n  \u003Cdiv class=\"range-group\">\n    \u003Clabel class=\"range-label\">Гучність: \u003Cspan id=\"vol-val\">65\u003C/span>%\u003C/label>\n    \u003Cinput type=\"range\" class=\"custom-range cr-purple\" min=\"0\" max=\"100\" value=\"65\"\n      oninput=\"document.getElementById('vol-val').textContent=this.value\">\n  \u003C/div>\n  \u003Cdiv class=\"range-group\">\n    \u003Clabel class=\"range-label\">Яскравість: \u003Cspan id=\"bright-val\">40\u003C/span>%\u003C/label>\n    \u003Cinput type=\"range\" class=\"custom-range cr-green\" min=\"0\" max=\"100\" value=\"40\"\n      oninput=\"document.getElementById('bright-val').textContent=this.value\">\n  \u003C/div>\n  \u003Cdiv class=\"range-group\">\n    \u003Clabel class=\"range-label\">Температура: \u003Cspan id=\"temp-val\">22\u003C/span>°C\u003C/label>\n    \u003Cinput type=\"range\" class=\"custom-range cr-warm\" min=\"16\" max=\"30\" value=\"22\"\n      oninput=\"document.getElementById('temp-val').textContent=this.value\">\n  \u003C/div>\n\u003C/div>\n",[2808,14692,14693,14708,14732,14747,14796,14835,14880,14888,14902,14949,14987,15022,15030,15044,15092,15132,15167,15175],{"__ignoreMap":2857},[2861,14694,14695,14697,14699,14701,14703,14706],{"class":2863,"line":2864},[2861,14696,3182],{"class":3181},[2861,14698,2821],{"class":3185},[2861,14700,3188],{"class":2979},[2861,14702,3191],{"class":2973},[2861,14704,14705],{"class":3194},"\"range-demo\"",[2861,14707,3198],{"class":3181},[2861,14709,14710,14712,14714,14716,14718,14721,14723,14726,14728,14730],{"class":2863,"line":2870},[2861,14711,3203],{"class":3181},[2861,14713,2799],{"class":3185},[2861,14715,3188],{"class":2979},[2861,14717,3191],{"class":2973},[2861,14719,14720],{"class":3194},"\"rd-title\"",[2861,14722,3215],{"class":3181},[2861,14724,14725],{"class":2973},"Кастомні range sliders",[2861,14727,3221],{"class":3181},[2861,14729,2799],{"class":3185},[2861,14731,3198],{"class":3181},[2861,14733,14734,14736,14738,14740,14742,14745],{"class":2863,"line":2876},[2861,14735,3203],{"class":3181},[2861,14737,2821],{"class":3185},[2861,14739,3188],{"class":2979},[2861,14741,3191],{"class":2973},[2861,14743,14744],{"class":3194},"\"range-group\"",[2861,14746,3198],{"class":3181},[2861,14748,14749,14751,14753,14755,14757,14760,14762,14765,14767,14769,14771,14773,14776,14778,14781,14783,14785,14787,14790,14792,14794],{"class":2863,"line":2882},[2861,14750,3245],{"class":3181},[2861,14752,3248],{"class":3185},[2861,14754,3188],{"class":2979},[2861,14756,3191],{"class":2973},[2861,14758,14759],{"class":3194},"\"range-label\"",[2861,14761,3215],{"class":3181},[2861,14763,14764],{"class":2973},"Гучність: ",[2861,14766,3182],{"class":3181},[2861,14768,2861],{"class":3185},[2861,14770,13408],{"class":2979},[2861,14772,3191],{"class":2973},[2861,14774,14775],{"class":3194},"\"vol-val\"",[2861,14777,3215],{"class":3181},[2861,14779,14780],{"class":2973},"65",[2861,14782,3221],{"class":3181},[2861,14784,2861],{"class":3185},[2861,14786,3215],{"class":3181},[2861,14788,14789],{"class":2973},"%",[2861,14791,3221],{"class":3181},[2861,14793,3248],{"class":3185},[2861,14795,3198],{"class":3181},[2861,14797,14798,14800,14802,14804,14806,14808,14810,14812,14815,14817,14819,14822,14824,14826,14828,14830,14832],{"class":2863,"line":2888},[2861,14799,3245],{"class":3181},[2861,14801,3058],{"class":3185},[2861,14803,3267],{"class":2979},[2861,14805,3191],{"class":2973},[2861,14807,3470],{"class":3194},[2861,14809,3188],{"class":2979},[2861,14811,3191],{"class":2973},[2861,14813,14814],{"class":3194},"\"custom-range cr-purple\"",[2861,14816,7556],{"class":2979},[2861,14818,3191],{"class":2973},[2861,14820,14821],{"class":3194},"\"0\"",[2861,14823,3538],{"class":2979},[2861,14825,3191],{"class":2973},[2861,14827,3543],{"class":3194},[2861,14829,3473],{"class":2979},[2861,14831,3191],{"class":2973},[2861,14833,14834],{"class":3194},"\"65\"\n",[2861,14836,14837,14840,14842,14845,14849,14851,14854,14856,14859,14862,14865,14867,14871,14873,14876,14878],{"class":2863,"line":2894},[2861,14838,14839],{"class":2979},"      oninput",[2861,14841,3191],{"class":2973},[2861,14843,14844],{"class":3194},"\"",[2861,14846,14848],{"class":14847},"siwwj","document",[2861,14850,3166],{"class":3194},[2861,14852,14853],{"class":5352},"getElementById",[2861,14855,5356],{"class":3194},[2861,14857,14858],{"class":11008},"'vol-val'",[2861,14860,14861],{"class":3194},").",[2861,14863,14864],{"class":14847},"textContent",[2861,14866,3191],{"class":2973},[2861,14868,14870],{"class":14869},"su1O8","this",[2861,14872,3166],{"class":3194},[2861,14874,14875],{"class":14847},"value",[2861,14877,14844],{"class":3194},[2861,14879,3198],{"class":3181},[2861,14881,14882,14884,14886],{"class":2863,"line":2900},[2861,14883,3565],{"class":3181},[2861,14885,2821],{"class":3185},[2861,14887,3198],{"class":3181},[2861,14889,14890,14892,14894,14896,14898,14900],{"class":2863,"line":2906},[2861,14891,3203],{"class":3181},[2861,14893,2821],{"class":3185},[2861,14895,3188],{"class":2979},[2861,14897,3191],{"class":2973},[2861,14899,14744],{"class":3194},[2861,14901,3198],{"class":3181},[2861,14903,14904,14906,14908,14910,14912,14914,14916,14919,14921,14923,14925,14927,14930,14932,14935,14937,14939,14941,14943,14945,14947],{"class":2863,"line":2912},[2861,14905,3245],{"class":3181},[2861,14907,3248],{"class":3185},[2861,14909,3188],{"class":2979},[2861,14911,3191],{"class":2973},[2861,14913,14759],{"class":3194},[2861,14915,3215],{"class":3181},[2861,14917,14918],{"class":2973},"Яскравість: ",[2861,14920,3182],{"class":3181},[2861,14922,2861],{"class":3185},[2861,14924,13408],{"class":2979},[2861,14926,3191],{"class":2973},[2861,14928,14929],{"class":3194},"\"bright-val\"",[2861,14931,3215],{"class":3181},[2861,14933,14934],{"class":2973},"40",[2861,14936,3221],{"class":3181},[2861,14938,2861],{"class":3185},[2861,14940,3215],{"class":3181},[2861,14942,14789],{"class":2973},[2861,14944,3221],{"class":3181},[2861,14946,3248],{"class":3185},[2861,14948,3198],{"class":3181},[2861,14950,14951,14953,14955,14957,14959,14961,14963,14965,14968,14970,14972,14974,14976,14978,14980,14982,14984],{"class":2863,"line":2918},[2861,14952,3245],{"class":3181},[2861,14954,3058],{"class":3185},[2861,14956,3267],{"class":2979},[2861,14958,3191],{"class":2973},[2861,14960,3470],{"class":3194},[2861,14962,3188],{"class":2979},[2861,14964,3191],{"class":2973},[2861,14966,14967],{"class":3194},"\"custom-range cr-green\"",[2861,14969,7556],{"class":2979},[2861,14971,3191],{"class":2973},[2861,14973,14821],{"class":3194},[2861,14975,3538],{"class":2979},[2861,14977,3191],{"class":2973},[2861,14979,3543],{"class":3194},[2861,14981,3473],{"class":2979},[2861,14983,3191],{"class":2973},[2861,14985,14986],{"class":3194},"\"40\"\n",[2861,14988,14989,14991,14993,14995,14997,14999,15001,15003,15006,15008,15010,15012,15014,15016,15018,15020],{"class":2863,"line":3055},[2861,14990,14839],{"class":2979},[2861,14992,3191],{"class":2973},[2861,14994,14844],{"class":3194},[2861,14996,14848],{"class":14847},[2861,14998,3166],{"class":3194},[2861,15000,14853],{"class":5352},[2861,15002,5356],{"class":3194},[2861,15004,15005],{"class":11008},"'bright-val'",[2861,15007,14861],{"class":3194},[2861,15009,14864],{"class":14847},[2861,15011,3191],{"class":2973},[2861,15013,14870],{"class":14869},[2861,15015,3166],{"class":3194},[2861,15017,14875],{"class":14847},[2861,15019,14844],{"class":3194},[2861,15021,3198],{"class":3181},[2861,15023,15024,15026,15028],{"class":2863,"line":3073},[2861,15025,3565],{"class":3181},[2861,15027,2821],{"class":3185},[2861,15029,3198],{"class":3181},[2861,15031,15032,15034,15036,15038,15040,15042],{"class":2863,"line":3084},[2861,15033,3203],{"class":3181},[2861,15035,2821],{"class":3185},[2861,15037,3188],{"class":2979},[2861,15039,3191],{"class":2973},[2861,15041,14744],{"class":3194},[2861,15043,3198],{"class":3181},[2861,15045,15046,15048,15050,15052,15054,15056,15058,15061,15063,15065,15067,15069,15072,15074,15077,15079,15081,15083,15086,15088,15090],{"class":2863,"line":3095},[2861,15047,3245],{"class":3181},[2861,15049,3248],{"class":3185},[2861,15051,3188],{"class":2979},[2861,15053,3191],{"class":2973},[2861,15055,14759],{"class":3194},[2861,15057,3215],{"class":3181},[2861,15059,15060],{"class":2973},"Температура: ",[2861,15062,3182],{"class":3181},[2861,15064,2861],{"class":3185},[2861,15066,13408],{"class":2979},[2861,15068,3191],{"class":2973},[2861,15070,15071],{"class":3194},"\"temp-val\"",[2861,15073,3215],{"class":3181},[2861,15075,15076],{"class":2973},"22",[2861,15078,3221],{"class":3181},[2861,15080,2861],{"class":3185},[2861,15082,3215],{"class":3181},[2861,15084,15085],{"class":2973},"°C",[2861,15087,3221],{"class":3181},[2861,15089,3248],{"class":3185},[2861,15091,3198],{"class":3181},[2861,15093,15094,15096,15098,15100,15102,15104,15106,15108,15111,15113,15115,15118,15120,15122,15125,15127,15129],{"class":2863,"line":3111},[2861,15095,3245],{"class":3181},[2861,15097,3058],{"class":3185},[2861,15099,3267],{"class":2979},[2861,15101,3191],{"class":2973},[2861,15103,3470],{"class":3194},[2861,15105,3188],{"class":2979},[2861,15107,3191],{"class":2973},[2861,15109,15110],{"class":3194},"\"custom-range cr-warm\"",[2861,15112,7556],{"class":2979},[2861,15114,3191],{"class":2973},[2861,15116,15117],{"class":3194},"\"16\"",[2861,15119,3538],{"class":2979},[2861,15121,3191],{"class":2973},[2861,15123,15124],{"class":3194},"\"30\"",[2861,15126,3473],{"class":2979},[2861,15128,3191],{"class":2973},[2861,15130,15131],{"class":3194},"\"22\"\n",[2861,15133,15134,15136,15138,15140,15142,15144,15146,15148,15151,15153,15155,15157,15159,15161,15163,15165],{"class":2863,"line":3122},[2861,15135,14839],{"class":2979},[2861,15137,3191],{"class":2973},[2861,15139,14844],{"class":3194},[2861,15141,14848],{"class":14847},[2861,15143,3166],{"class":3194},[2861,15145,14853],{"class":5352},[2861,15147,5356],{"class":3194},[2861,15149,15150],{"class":11008},"'temp-val'",[2861,15152,14861],{"class":3194},[2861,15154,14864],{"class":14847},[2861,15156,3191],{"class":2973},[2861,15158,14870],{"class":14869},[2861,15160,3166],{"class":3194},[2861,15162,14875],{"class":14847},[2861,15164,14844],{"class":3194},[2861,15166,3198],{"class":3181},[2861,15168,15169,15171,15173],{"class":2863,"line":3441},[2861,15170,3565],{"class":3181},[2861,15172,2821],{"class":3185},[2861,15174,3198],{"class":3181},[2861,15176,15177,15179,15181],{"class":2863,"line":3459},[2861,15178,3221],{"class":3181},[2861,15180,2821],{"class":3185},[2861,15182,3198],{"class":3181},[2853,15184,15186],{"className":2954,"code":15185,"language":2956,"meta":2857,"style":2857},".range-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.rd-title { margin: 0; font-weight: 700; color: #64748b; }\n.range-group { display: flex; flex-direction: column; gap: 0.3rem; }\n.range-label { font-size: 0.8rem; font-weight: 600; color: #374151; }\n\n.custom-range {\n  appearance: none;\n  width: 100%;\n  height: 6px;\n  border-radius: 100px;\n  outline: none;\n  cursor: pointer;\n}\n\n/* Track */\n.cr-purple {\n  background: linear-gradient(to right, #6366f1 var(--val, 65%), #e2e8f0 var(--val, 65%));\n  accent-color: #6366f1;\n}\n.cr-green {\n  background: linear-gradient(to right, #10b981 var(--val, 40%), #e2e8f0 var(--val, 40%));\n  accent-color: #10b981;\n}\n.cr-warm {\n  background: linear-gradient(to right, #f59e0b var(--val, 40%), #e2e8f0 var(--val, 40%));\n  accent-color: #f59e0b;\n}\n\n/* Thumb — WebKit */\n.custom-range::-webkit-slider-thumb {\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: white;\n  border: 2px solid #6366f1;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.15);\n  transition: transform 0.15s, box-shadow 0.15s;\n  cursor: grab;\n}\n.cr-green::-webkit-slider-thumb { border-color: #10b981; }\n.cr-warm::-webkit-slider-thumb  { border-color: #f59e0b; }\n\n.custom-range::-webkit-slider-thumb:active { cursor: grabbing; transform: scale(1.2); }\n\n/* Thumb — Firefox */\n.custom-range::-moz-range-thumb {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: white;\n  border: 2px solid #6366f1;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.15);\n  cursor: grab;\n}\n",[2808,15187,15188,15195,15205,15215,15229,15239,15249,15259,15269,15279,15283,15314,15345,15376,15380,15387,15397,15407,15417,15427,15437,15447,15451,15455,15460,15467,15516,15526,15530,15537,15580,15590,15594,15601,15644,15654,15658,15662,15667,15674,15684,15694,15704,15714,15724,15739,15771,15785,15796,15800,15815,15830,15834,15863,15867,15872,15879,15889,15899,15909,15919,15933,15965,15975],{"__ignoreMap":2857},[2861,15189,15190,15193],{"class":2863,"line":2864},[2861,15191,15192],{"class":2969},".range-demo",[2861,15194,2974],{"class":2973},[2861,15196,15197,15199,15201,15203],{"class":2863,"line":2870},[2861,15198,3936],{"class":2979},[2861,15200,2983],{"class":2973},[2861,15202,3942],{"class":3941},[2861,15204,2990],{"class":2973},[2861,15206,15207,15209,15211,15213],{"class":2863,"line":2876},[2861,15208,3006],{"class":2979},[2861,15210,2983],{"class":2973},[2861,15212,3953],{"class":2986},[2861,15214,2990],{"class":2973},[2861,15216,15217,15219,15221,15223,15225,15227],{"class":2863,"line":2882},[2861,15218,3960],{"class":2979},[2861,15220,2983],{"class":2973},[2861,15222,3965],{"class":2986},[2861,15224,2826],{"class":2973},[2861,15226,3970],{"class":2986},[2861,15228,2990],{"class":2973},[2861,15230,15231,15233,15235,15237],{"class":2863,"line":2888},[2861,15232,3977],{"class":2979},[2861,15234,2983],{"class":2973},[2861,15236,3982],{"class":3941},[2861,15238,2990],{"class":2973},[2861,15240,15241,15243,15245,15247],{"class":2863,"line":2894},[2861,15242,3989],{"class":2979},[2861,15244,2983],{"class":2973},[2861,15246,3994],{"class":2986},[2861,15248,2990],{"class":2973},[2861,15250,15251,15253,15255,15257],{"class":2863,"line":2900},[2861,15252,4013],{"class":2979},[2861,15254,2983],{"class":2973},[2861,15256,4018],{"class":2986},[2861,15258,2990],{"class":2973},[2861,15260,15261,15263,15265,15267],{"class":2863,"line":2906},[2861,15262,4025],{"class":2979},[2861,15264,2983],{"class":2973},[2861,15266,4030],{"class":2986},[2861,15268,2990],{"class":2973},[2861,15270,15271,15273,15275,15277],{"class":2863,"line":2912},[2861,15272,4037],{"class":2979},[2861,15274,2983],{"class":2973},[2861,15276,4042],{"class":3941},[2861,15278,2990],{"class":2973},[2861,15280,15281],{"class":2863,"line":2918},[2861,15282,3041],{"class":2973},[2861,15284,15285,15288,15290,15292,15294,15296,15298,15300,15302,15304,15306,15308,15310,15312],{"class":2863,"line":3055},[2861,15286,15287],{"class":2969},".rd-title",[2861,15289,4056],{"class":2973},[2861,15291,4059],{"class":2979},[2861,15293,2983],{"class":2973},[2861,15295,4064],{"class":3941},[2861,15297,3105],{"class":2973},[2861,15299,4069],{"class":2979},[2861,15301,2983],{"class":2973},[2861,15303,4074],{"class":3941},[2861,15305,3105],{"class":2973},[2861,15307,4079],{"class":2979},[2861,15309,2983],{"class":2973},[2861,15311,4084],{"class":2986},[2861,15313,4087],{"class":2973},[2861,15315,15316,15319,15321,15323,15325,15327,15329,15331,15333,15335,15337,15339,15341,15343],{"class":2863,"line":3073},[2861,15317,15318],{"class":2969},".range-group",[2861,15320,4056],{"class":2973},[2861,15322,4358],{"class":2979},[2861,15324,2983],{"class":2973},[2861,15326,4018],{"class":2986},[2861,15328,3105],{"class":2973},[2861,15330,4294],{"class":2979},[2861,15332,2983],{"class":2973},[2861,15334,4030],{"class":2986},[2861,15336,3105],{"class":2973},[2861,15338,4313],{"class":2979},[2861,15340,2983],{"class":2973},[2861,15342,5144],{"class":3941},[2861,15344,4087],{"class":2973},[2861,15346,15347,15350,15352,15354,15356,15358,15360,15362,15364,15366,15368,15370,15372,15374],{"class":2863,"line":3084},[2861,15348,15349],{"class":2969},".range-label",[2861,15351,4056],{"class":2973},[2861,15353,4523],{"class":2979},[2861,15355,2983],{"class":2973},[2861,15357,8926],{"class":3941},[2861,15359,3105],{"class":2973},[2861,15361,4069],{"class":2979},[2861,15363,2983],{"class":2973},[2861,15365,5175],{"class":3941},[2861,15367,3105],{"class":2973},[2861,15369,4079],{"class":2979},[2861,15371,2983],{"class":2973},[2861,15373,5184],{"class":2986},[2861,15375,4087],{"class":2973},[2861,15377,15378],{"class":2863,"line":3095},[2861,15379,3047],{"emptyLinePlaceholder":3046},[2861,15381,15382,15385],{"class":2863,"line":3111},[2861,15383,15384],{"class":2969},".custom-range",[2861,15386,2974],{"class":2973},[2861,15388,15389,15391,15393,15395],{"class":2863,"line":3122},[2861,15390,2980],{"class":2979},[2861,15392,2983],{"class":2973},[2861,15394,2987],{"class":2986},[2861,15396,2990],{"class":2973},[2861,15398,15399,15401,15403,15405],{"class":2863,"line":3441},[2861,15400,5669],{"class":2979},[2861,15402,2983],{"class":2973},[2861,15404,4342],{"class":3941},[2861,15406,2990],{"class":2973},[2861,15408,15409,15411,15413,15415],{"class":2863,"line":3459},[2861,15410,10882],{"class":2979},[2861,15412,2983],{"class":2973},[2861,15414,4195],{"class":3941},[2861,15416,2990],{"class":2973},[2861,15418,15419,15421,15423,15425],{"class":2863,"line":3483},[2861,15420,4190],{"class":2979},[2861,15422,2983],{"class":2973},[2861,15424,4410],{"class":3941},[2861,15426,2990],{"class":2973},[2861,15428,15429,15431,15433,15435],{"class":2863,"line":3492},[2861,15430,3098],{"class":2979},[2861,15432,2983],{"class":2973},[2861,15434,2987],{"class":2986},[2861,15436,2990],{"class":2973},[2861,15438,15439,15441,15443,15445],{"class":2863,"line":3507},[2861,15440,3017],{"class":2979},[2861,15442,2983],{"class":2973},[2861,15444,3022],{"class":2986},[2861,15446,2990],{"class":2973},[2861,15448,15449],{"class":2863,"line":3525},[2861,15450,3041],{"class":2973},[2861,15452,15453],{"class":2863,"line":3553},[2861,15454,3047],{"emptyLinePlaceholder":3046},[2861,15456,15457],{"class":2863,"line":3562},[2861,15458,15459],{"class":2963},"/* Track */\n",[2861,15461,15462,15465],{"class":2863,"line":3572},[2861,15463,15464],{"class":2969},".cr-purple",[2861,15466,2974],{"class":2973},[2861,15468,15469,15471,15473,15475,15478,15481,15483,15485,15488,15490,15493,15495,15498,15501,15503,15505,15507,15509,15511,15513],{"class":2863,"line":3588},[2861,15470,3006],{"class":2979},[2861,15472,2983],{"class":2973},[2861,15474,14514],{"class":5352},[2861,15476,15477],{"class":2973},"(to ",[2861,15479,15480],{"class":2986},"right",[2861,15482,2826],{"class":2973},[2861,15484,4006],{"class":2986},[2861,15486,15487],{"class":5352}," var",[2861,15489,5356],{"class":2973},[2861,15491,15492],{"class":2979},"--val",[2861,15494,2826],{"class":2973},[2861,15496,15497],{"class":3941},"65%",[2861,15499,15500],{"class":2973},"), ",[2861,15502,7095],{"class":2986},[2861,15504,15487],{"class":5352},[2861,15506,5356],{"class":2973},[2861,15508,15492],{"class":2979},[2861,15510,2826],{"class":2973},[2861,15512,15497],{"class":3941},[2861,15514,15515],{"class":2973},"));\n",[2861,15517,15518,15520,15522,15524],{"class":2863,"line":3604},[2861,15519,4001],{"class":2979},[2861,15521,2983],{"class":2973},[2861,15523,4006],{"class":2986},[2861,15525,2990],{"class":2973},[2861,15527,15528],{"class":2863,"line":3622},[2861,15529,3041],{"class":2973},[2861,15531,15532,15535],{"class":2863,"line":3639},[2861,15533,15534],{"class":2969},".cr-green",[2861,15536,2974],{"class":2973},[2861,15538,15539,15541,15543,15545,15547,15549,15551,15553,15555,15557,15559,15561,15564,15566,15568,15570,15572,15574,15576,15578],{"class":2863,"line":3663},[2861,15540,3006],{"class":2979},[2861,15542,2983],{"class":2973},[2861,15544,14514],{"class":5352},[2861,15546,15477],{"class":2973},[2861,15548,15480],{"class":2986},[2861,15550,2826],{"class":2973},[2861,15552,4594],{"class":2986},[2861,15554,15487],{"class":5352},[2861,15556,5356],{"class":2973},[2861,15558,15492],{"class":2979},[2861,15560,2826],{"class":2973},[2861,15562,15563],{"class":3941},"40%",[2861,15565,15500],{"class":2973},[2861,15567,7095],{"class":2986},[2861,15569,15487],{"class":5352},[2861,15571,5356],{"class":2973},[2861,15573,15492],{"class":2979},[2861,15575,2826],{"class":2973},[2861,15577,15563],{"class":3941},[2861,15579,15515],{"class":2973},[2861,15581,15582,15584,15586,15588],{"class":2863,"line":3685},[2861,15583,4001],{"class":2979},[2861,15585,2983],{"class":2973},[2861,15587,4594],{"class":2986},[2861,15589,2990],{"class":2973},[2861,15591,15592],{"class":2863,"line":3694},[2861,15593,3041],{"class":2973},[2861,15595,15596,15599],{"class":2863,"line":3710},[2861,15597,15598],{"class":2969},".cr-warm",[2861,15600,2974],{"class":2973},[2861,15602,15603,15605,15607,15609,15611,15613,15615,15618,15620,15622,15624,15626,15628,15630,15632,15634,15636,15638,15640,15642],{"class":2863,"line":3728},[2861,15604,3006],{"class":2979},[2861,15606,2983],{"class":2973},[2861,15608,14514],{"class":5352},[2861,15610,15477],{"class":2973},[2861,15612,15480],{"class":2986},[2861,15614,2826],{"class":2973},[2861,15616,15617],{"class":2986},"#f59e0b",[2861,15619,15487],{"class":5352},[2861,15621,5356],{"class":2973},[2861,15623,15492],{"class":2979},[2861,15625,2826],{"class":2973},[2861,15627,15563],{"class":3941},[2861,15629,15500],{"class":2973},[2861,15631,7095],{"class":2986},[2861,15633,15487],{"class":5352},[2861,15635,5356],{"class":2973},[2861,15637,15492],{"class":2979},[2861,15639,2826],{"class":2973},[2861,15641,15563],{"class":3941},[2861,15643,15515],{"class":2973},[2861,15645,15646,15648,15650,15652],{"class":2863,"line":3745},[2861,15647,4001],{"class":2979},[2861,15649,2983],{"class":2973},[2861,15651,15617],{"class":2986},[2861,15653,2990],{"class":2973},[2861,15655,15656],{"class":2863,"line":3769},[2861,15657,3041],{"class":2973},[2861,15659,15660],{"class":2863,"line":3790},[2861,15661,3047],{"emptyLinePlaceholder":3046},[2861,15663,15664],{"class":2863,"line":3799},[2861,15665,15666],{"class":2963},"/* Thumb — WebKit */\n",[2861,15668,15669,15672],{"class":2863,"line":3815},[2861,15670,15671],{"class":2969},".custom-range::-webkit-slider-thumb",[2861,15673,2974],{"class":2973},[2861,15675,15676,15678,15680,15682],{"class":2863,"line":3833},[2861,15677,2980],{"class":2979},[2861,15679,2983],{"class":2973},[2861,15681,2987],{"class":2986},[2861,15683,2990],{"class":2973},[2861,15685,15686,15688,15690,15692],{"class":2863,"line":3850},[2861,15687,5669],{"class":2979},[2861,15689,2983],{"class":2973},[2861,15691,6358],{"class":3941},[2861,15693,2990],{"class":2973},[2861,15695,15696,15698,15700,15702],{"class":2863,"line":3874},[2861,15697,10882],{"class":2979},[2861,15699,2983],{"class":2973},[2861,15701,6358],{"class":3941},[2861,15703,2990],{"class":2973},[2861,15705,15706,15708,15710,15712],{"class":2863,"line":3895},[2861,15707,4190],{"class":2979},[2861,15709,2983],{"class":2973},[2861,15711,6377],{"class":3941},[2861,15713,2990],{"class":2973},[2861,15715,15716,15718,15720,15722],{"class":2863,"line":3904},[2861,15717,3006],{"class":2979},[2861,15719,2983],{"class":2973},[2861,15721,4183],{"class":2986},[2861,15723,2990],{"class":2973},[2861,15725,15726,15728,15730,15732,15734,15737],{"class":2863,"line":3913},[2861,15727,2995],{"class":2979},[2861,15729,2983],{"class":2973},[2861,15731,10897],{"class":3941},[2861,15733,4222],{"class":2986},[2861,15735,15736],{"class":2986}," #6366f1",[2861,15738,2990],{"class":2973},[2861,15740,15741,15743,15745,15747,15749,15751,15753,15755,15757,15759,15761,15763,15765,15767,15769],{"class":2863,"line":4549},[2861,15742,5338],{"class":2979},[2861,15744,2983],{"class":2973},[2861,15746,4064],{"class":3941},[2861,15748,6400],{"class":3941},[2861,15750,13769],{"class":3941},[2861,15752,5353],{"class":5352},[2861,15754,5356],{"class":2973},[2861,15756,4064],{"class":3941},[2861,15758,6411],{"class":2973},[2861,15760,4064],{"class":3941},[2861,15762,6411],{"class":2973},[2861,15764,4064],{"class":3941},[2861,15766,6411],{"class":2973},[2861,15768,9172],{"class":3941},[2861,15770,5377],{"class":2973},[2861,15772,15773,15775,15777,15779,15781,15783],{"class":2863,"line":4566},[2861,15774,5289],{"class":2979},[2861,15776,6430],{"class":2973},[2861,15778,5295],{"class":3941},[2861,15780,5298],{"class":2973},[2861,15782,5295],{"class":3941},[2861,15784,2990],{"class":2973},[2861,15786,15787,15789,15791,15794],{"class":2863,"line":4582},[2861,15788,3017],{"class":2979},[2861,15790,2983],{"class":2973},[2861,15792,15793],{"class":2986},"grab",[2861,15795,2990],{"class":2973},[2861,15797,15798],{"class":2863,"line":4599},[2861,15799,3041],{"class":2973},[2861,15801,15802,15805,15807,15809,15811,15813],{"class":2863,"line":5548},[2861,15803,15804],{"class":2969},".cr-green::-webkit-slider-thumb",[2861,15806,4056],{"class":2973},[2861,15808,6951],{"class":2979},[2861,15810,2983],{"class":2973},[2861,15812,4594],{"class":2986},[2861,15814,4087],{"class":2973},[2861,15816,15817,15820,15822,15824,15826,15828],{"class":2863,"line":5559},[2861,15818,15819],{"class":2969},".cr-warm::-webkit-slider-thumb",[2861,15821,7984],{"class":2973},[2861,15823,6951],{"class":2979},[2861,15825,2983],{"class":2973},[2861,15827,15617],{"class":2986},[2861,15829,4087],{"class":2973},[2861,15831,15832],{"class":2863,"line":5571},[2861,15833,3047],{"emptyLinePlaceholder":3046},[2861,15835,15836,15839,15841,15843,15845,15848,15850,15852,15854,15856,15858,15861],{"class":2863,"line":5576},[2861,15837,15838],{"class":2969},".custom-range::-webkit-slider-thumb:active",[2861,15840,4056],{"class":2973},[2861,15842,6201],{"class":2979},[2861,15844,2983],{"class":2973},[2861,15846,15847],{"class":2986},"grabbing",[2861,15849,3105],{"class":2973},[2861,15851,14643],{"class":2979},[2861,15853,2983],{"class":2973},[2861,15855,11089],{"class":5352},[2861,15857,5356],{"class":2973},[2861,15859,15860],{"class":3941},"1.2",[2861,15862,9175],{"class":2973},[2861,15864,15865],{"class":2863,"line":5585},[2861,15866,3047],{"emptyLinePlaceholder":3046},[2861,15868,15869],{"class":2863,"line":5596},[2861,15870,15871],{"class":2963},"/* Thumb — Firefox */\n",[2861,15873,15874,15877],{"class":2863,"line":5601},[2861,15875,15876],{"class":2969},".custom-range::-moz-range-thumb",[2861,15878,2974],{"class":2973},[2861,15880,15881,15883,15885,15887],{"class":2863,"line":5621},[2861,15882,5669],{"class":2979},[2861,15884,2983],{"class":2973},[2861,15886,6358],{"class":3941},[2861,15888,2990],{"class":2973},[2861,15890,15891,15893,15895,15897],{"class":2863,"line":5630},[2861,15892,10882],{"class":2979},[2861,15894,2983],{"class":2973},[2861,15896,6358],{"class":3941},[2861,15898,2990],{"class":2973},[2861,15900,15901,15903,15905,15907],{"class":2863,"line":5641},[2861,15902,4190],{"class":2979},[2861,15904,2983],{"class":2973},[2861,15906,6377],{"class":3941},[2861,15908,2990],{"class":2973},[2861,15910,15911,15913,15915,15917],{"class":2863,"line":5654},[2861,15912,3006],{"class":2979},[2861,15914,2983],{"class":2973},[2861,15916,4183],{"class":2986},[2861,15918,2990],{"class":2973},[2861,15920,15921,15923,15925,15927,15929,15931],{"class":2863,"line":5666},[2861,15922,2995],{"class":2979},[2861,15924,2983],{"class":2973},[2861,15926,10897],{"class":3941},[2861,15928,4222],{"class":2986},[2861,15930,15736],{"class":2986},[2861,15932,2990],{"class":2973},[2861,15934,15935,15937,15939,15941,15943,15945,15947,15949,15951,15953,15955,15957,15959,15961,15963],{"class":2863,"line":5678},[2861,15936,5338],{"class":2979},[2861,15938,2983],{"class":2973},[2861,15940,4064],{"class":3941},[2861,15942,6400],{"class":3941},[2861,15944,13769],{"class":3941},[2861,15946,5353],{"class":5352},[2861,15948,5356],{"class":2973},[2861,15950,4064],{"class":3941},[2861,15952,6411],{"class":2973},[2861,15954,4064],{"class":3941},[2861,15956,6411],{"class":2973},[2861,15958,4064],{"class":3941},[2861,15960,6411],{"class":2973},[2861,15962,9172],{"class":3941},[2861,15964,5377],{"class":2973},[2861,15966,15967,15969,15971,15973],{"class":2863,"line":6758},[2861,15968,3017],{"class":2979},[2861,15970,2983],{"class":2973},[2861,15972,15793],{"class":2986},[2861,15974,2990],{"class":2973},[2861,15976,15977],{"class":2863,"line":6775},[2861,15978,3041],{"class":2973},[2923,15980],{},[2794,15982,15984],{"id":15983},"практика","Практика",[15986,15987,15988,15992,15995,16032,16040,16043,16067,16071,16074],"steps",{},[2935,15989,15991],{"id":15990},"рівень-1-базовий-стилізація-стану-форм","Рівень 1 — Базовий: стилізація стану форм",[2799,15993,15994],{},"Надано HTML форми реєстрації. Додайте CSS, що:",[15996,15997,15998,16007,16020],"ul",{},[15999,16000,16001,16002,16004,16005],"li",{},"Підсвічує поля зеленим при ",[2808,16003,2836],{}," та червоним при ",[2808,16006,2840],{},[15999,16008,16009,16010,13335,16013,16016,16017,16019],{},"Показує ",[2808,16011,16012],{},"✓",[2808,16014,16015],{},"✗"," іконки через ",[2808,16018,9425],{}," на обгортці поля залежно від стану",[15999,16021,16022,16023,16026,16027,16029,16030],{},"Прибирає нативний ",[2808,16024,16025],{},"outline"," та додає власний ",[2808,16028,9143],{}," при ",[2808,16031,3138],{},[2935,16033,16035,16036,16039],{"id":16034},"рівень-2-логікаінтерактивність-реактивна-форма-через","Рівень 2 — Логіка/Інтерактивність: реактивна форма через ",[16037,16038],"has",{},"()",[2799,16041,16042],{},"Реалізуйте форму замовлення із smart-поведінкою лише на CSS:",[15996,16044,16045,16055,16061],{},[15999,16046,16047,16048,16051,16052,8827],{},"Якщо вибрано ",[2808,16049,16050],{},"\u003Cinput type=\"radio\" value=\"delivery\">"," — показати блок з адресою доставки (",[2808,16053,16054],{},":has(:checked[value=\"delivery\"])",[15999,16056,16057,16058,8827],{},"Якщо всі обов'язкові поля валідні — кнопка «Оформити» стає яскравою (",[2808,16059,16060],{},":has(input:required:valid)",[15999,16062,16063,16064,16066],{},"Label підсвічується рожевим при ",[2808,16065,2840],{}," вкладеного input",[2935,16068,16070],{"id":16069},"рівень-3-архітектура-design-system-форм","Рівень 3 — Архітектура: Design System форм",[2799,16072,16073],{},"Створіть повну систему стилів форм:",[16075,16076,16077,16095,16104,16121,16131],"ol",{},[15999,16078,16079,2983,16082,2826,16085,2826,16088,2826,16091,16094],{},[2803,16080,16081],{},"Токени",[2808,16083,16084],{},"--input-border",[2808,16086,16087],{},"--input-focus-ring",[2808,16089,16090],{},"--input-error",[2808,16092,16093],{},"--input-success"," через CSS Custom Properties",[15999,16096,16097,16103],{},[2803,16098,16099,16100],{},"Компонент ",[2808,16101,16102],{},".field",": floating label + error message + success state через Nesting",[15999,16105,16106,2983,16109,16112,16113,16116,16117,16120],{},[2803,16107,16108],{},"Варіанти",[2808,16110,16111],{},"--outlined"," (border), ",[2808,16114,16115],{},"--filled"," (background), ",[2808,16118,16119],{},"--underlined"," (лише нижній border)",[15999,16122,16123,16126,16127,16130],{},[2803,16124,16125],{},"Теми",": dark mode через ",[2808,16128,16129],{},"@media (prefers-color-scheme: dark)"," що перевизначає токени",[15999,16132,16133,16134,6447,16137,16140],{},"Весь CSS — через ",[2808,16135,16136],{},"@layer components",[2808,16138,16139],{},"@property"," для анімованих токенів",[2923,16142],{},[2794,16144,16146],{"id":16145},"підсумок","Підсумок",[16148,16149,16150,16156,16164,16169,16185,16193],"card-group",{},[16151,16152,16155],"card",{"icon":16153,"title":16154},"i-lucide-palette","🎨 accent-color","Одна властивість для нативного кольору checkbox, radio, range, progress. Мінімум CSS — максимум результату.",[16151,16157,16160,16161,16163],{"icon":16158,"title":16159},"i-lucide-eye","👁️ :focus-visible","Показує outline лише при навігації клавіатурою. Використовуйте замість ",[2808,16162,4633],{}," для кращого UX та доступності.",[16151,16165,16168],{"icon":16166,"title":16167},"i-lucide-check-circle","✅ :user-valid / :user-invalid","Валідація лише після взаємодії — без стресу від червоних полів одразу при завантаженні. Chrome 119+, Safari 16.5+, FF 88+.",[16151,16170,16173,16176,16177,16180,16181,16184],{"icon":16171,"title":16172},"i-lucide-brain","🧠 :has() для форм",[2808,16174,16175],{},":has(input:focus)"," на label, ",[2808,16178,16179],{},":has(:checked)"," для умовного показу блоків, ",[2808,16182,16183],{},":has(:user-invalid)"," для підсвітки всієї форми — без JavaScript.",[16151,16186,16189,16190,16192],{"icon":16187,"title":16188},"i-lucide-sliders","🔘 appearance: none","Скидає нативні стилі. Відправна точка для кастомних checkbox, radio, select. Завжди додавайте ",[2808,16191,3138],{}," після скидання!",[16151,16194,16197,6447,16199,16201,16202,16204],{"icon":16195,"title":16196},"i-lucide-tag","🏷️ Floating Label",[2808,16198,5690],{},[2808,16200,13338],{}," — чистий CSS-патерн без JavaScript. Placeholder повинен бути пробілом ",[2808,16203,13433],{}," для коректної роботи.",[16206,16207,16208],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sqdDX, html code.shiki .sqdDX{--shiki-light:#800000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sDUd3, html code.shiki .sDUd3{--shiki-light:#0451A5;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}",{"title":2857,"searchDepth":2870,"depth":2870,"links":16210},[16211,16212,16219,16227,16229,16230,16231,16232,16233,16239],{"id":2796,"depth":2870,"text":2797},{"id":2927,"depth":2870,"text":16213,"children":16214},"Скидання стилів браузера: appearance і accent-color",[16215,16217],{"id":2937,"depth":2876,"text":16216},"appearance: none — чистий аркуш",{"id":3142,"depth":2876,"text":16218},"accent-color — найпростіший спосіб стилізувати форми",{"id":4618,"depth":2870,"text":4619,"children":16220},[16221,16223,16225],{"id":4629,"depth":2876,"text":16222},"Базові стани: :focus, :focus-visible, :focus-within",{"id":5683,"depth":2876,"text":16224},"Стани вмісту: :checked, :placeholder-shown, :read-only",{"id":7218,"depth":2876,"text":16226},"Валідаційні псевдокласи: :valid, :invalid, :user-valid, :user-invalid",{"id":8308,"depth":2870,"text":16228},":has() для розумних форм",{"id":9414,"depth":2870,"text":9415},{"id":12176,"depth":2870,"text":12177},{"id":13324,"depth":2870,"text":13325},{"id":14684,"depth":2870,"text":14685},{"id":15983,"depth":2870,"text":15984,"children":16234},[16235,16236,16238],{"id":15990,"depth":2876,"text":15991},{"id":16034,"depth":2876,"text":16237},"Рівень 2 — Логіка/Інтерактивність: реактивна форма через ()",{"id":16069,"depth":2876,"text":16070},{"id":16145,"depth":2870,"text":16146},"Повне керівництво зі стилізації HTML-форм: псевдокласи :focus-visible, :user-valid, :has(), accent-color, кастомні checkbox/radio/select, floating label патерн, валідація без JavaScript та нативний CSS-only дизайн форм.","md",null,{},{"title":2724,"description":16240},"mGScwW_8wiOnG9K3rfdPzAO_wJDuDeWdJWeMWDAJpk8",[16247,16249],{"title":2720,"path":2721,"stem":2722,"description":16248,"children":-1},"Глибоке занурення у сучасний CSS-синтаксис: нативне вкладення правил (nesting), каскадні шари (@layer), обмеження стилів (@scope) та типізовані Custom Properties (@property). Замінюємо SCSS нативним CSS.",{"title":2728,"path":2729,"stem":2730,"description":16250,"children":-1},"Практичне керівництво з CSS-доступності: :focus-visible та кастомний outline, prefers-reduced-motion, prefers-color-scheme, forced-colors, sr-only техніка, контрастність кольорів, розміри touch targets та print styles.",1776866096153]