Add dark theme to pictures (#168)

* feat(APS): changed dark theme

* feat(APS): changed photos

* feat(APS): new table colours

* feat(APS): fixed lines and colours

* feat(APS): fixed tables

.github/Intro.md

@@ -1,116 +1,116 @@
-# Preface
+# Предисловие
 
-This book will guide you from the fundamentals of digital circuit design all the way to designing a single-cycle RISC-V microcontroller and writing and compiling software for it. By working through the material, you will gain practical skills in SystemVerilog, learn the basics of working with FPGAs and design tools such as Vivado, and gain hands-on experience programming in assembly language — opening the door to the world of low-level programming.
+Данная книга проведёт вас от азов разработки цифровых схем до проектирования однотактного микроконтроллера с архитектурой RISC-V, а также написания и компиляции программного обеспечения для него. Освоив материал, вы приобретёте практические навыки разработки на языке SystemVerilog, познакомитесь с основами работы с ПЛИС и инструментами проектирования, такими как Vivado, а также получите опыт программирования на языке ассемблера, что откроет для вас двери в мир низкоуровневого программирования.
 
-The book thus provides a unique opportunity to start from scratch and step by step master the fundamentals of processor design and FPGA development, which can serve as a first step toward a career in digital electronics.
+Таким образом, книга предоставляет уникальную возможность начать с нуля и шаг за шагом освоить основы проектирования процессоров и работы с ПЛИС, что может стать первым шагом к вашей карьере в области цифровой электроники.
 
-Although the processor being built is purely academic in nature, it is perfectly capable of running simple games such as Snake. The material presented here is a collection of lab assignments completed by students at MIET as part of the "Architectures of Processor Systems" (APS) course, and is primarily aimed at those students. As a result, the text occasionally contains phrases such as "Pre-lab admission" or "Consult your instructor," which are meaningful only in a university context. If you are reading this book for self-study, most such phrases can be safely ignored.
+Несмотря на то, что создаваемый процессор имеет чисто академическое назначение, на нём можно запускать простые игры, например "змейку". Представленный здесь материал является сборником лабораторных работ, выполняемых студентами в НИУ МИЭТ в рамках дисциплины "Архитектуры процессорных систем" (АПС) и, в первую очередь, рассчитан именно на них, поэтому в тексте будут встречаться фразы вроде: "Допуск к лабораторной работе", "Проконсультироваться с преподавателем", которые имеют смысл, только для обучающихся в ВУЗе. Если вы читаете эту книгу для самостоятельного обучения, большую часть подобных фраз можно игнорировать.
 
 
-## Motivation
+## Мотивация
 
-The goal of the "Architectures of Processor Systems" course is to study the design and organization of processors and the systems they control. The practical component of the course focuses on developing a processor with the RISC-V architecture.
+Целью курса "Архитектуры процессорных систем" является изучение устройства и способов организации процессоров, а также систем под их управлением. Практическая часть курса ориентирована на разработку процессора с архитектурой RISC-V.
 
-The word *Architecture* refers to a particular way of organizing something. A *processor* is a programmable device for information processing — in other words, a device whose behavior can be controlled through programs (sequences of instructions/actions). A *system* is a combination of interacting elements organized to achieve defined goals. Thus, the "Architectures of Processor Systems" discipline is concerned with the ways of organizing and building systems controlled by programmable devices.
+Под словом Архитектура понимается некоторый способ организации. Процессор – это программно-управляемое устройство для обработки информации. Проще говоря, это устройство, управлять поведением которого можно с помощью программ (последовательности команд/действий). Система – это комбинация взаимодействующих элементов, организованных для достижения поставленных целей. Таким образом, дисциплина "Архитектуры процессорных систем" посвящена способам организации и построения систем под управлением устройств, управляемых программами.
 
-The course is delivered by the MPSU Institute at MIET across 7 different degree programs, which vary in name and in the balance of theoretical and practical material. Despite these differences, the scope of coverage is the same across all programs, and the core subject is the same — computer organization. The programs differ only in depth and emphasis.
+Дисциплина реализуется Институтом МПСУ на базе НИУ МИЭТ сразу для 7 различных направлений подготовки, которые имеют разные названия и количество теоретического и практического материалов. Несмотря на это масштаб покрытия у них одинаковый, а суть предмета изучения общая - организация компьютеров. Отличаются лишь глубина погружения и акценты.
 
-To engage successfully with this discipline, it is important to understand why it is relevant to you as a student in your particular field:
+Для успешного погружения в дисциплину важно понимать зачем эта дисциплина нужна именно тебе, будучи студентом:
 
-### Information Security
+### Информационной безопасности
 
-There is no doubt that people who design automotive safety systems have a thorough understanding of how those automobiles work. It is obvious that fire safety cannot be organized without understanding how materials burn or, for example, the specific characteristics of the spaces being protected. In the same way, robust information security cannot be achieved without understanding the principles of operation of the devices that receive, process, and transmit that information. For an information security specialist to enforce the rules governing the exchange and processing of information in information systems, it is clearly necessary to understand how those systems work.
+Нет никаких сомнений в том, что люди, разрабатывающие системы безопасностей для автомобилей, хорошо знают, как эти автомобили устроены и работают. Очевидно, что пожарную безопасность невозможно организовать не понимая, как горят материалы или, к примеру, в чем особенность помещений, которые будут защищаться. Также невозможно организовать стойкую информационную безопасность без понимания принципов работы устройств, которые эту информацию получают, обрабатывают и передают. Чтобы специалисту по информационной безопасности обеспечивать соблюдение правил обмена и обработки информации в информационных системах, очевидно, что нужно понимать как эти системы работают.
 
-Criminals in the field of information technology know how these systems are built and how they work — because the result of their actions is not "breaking" the systems (as is commonly said), but rather making them work the way the attacker wants, rather than the way the owner intends. And if catching a criminal requires thinking like a criminal, a good security professional has only one option: learn how computers work by studying the APS course.
+Преступники в сфере информационных технологий знают как они устроены и работают, потому что в результате своих действий они их не "ломают" (как принято говорить), а заставляют работать так, как нужно им, а не владельцам этих систем. Ну, а если чтобы найти преступника нужно думать, как преступник, то хорошему безопаснику остается только одно – разобраться как компьютеры работают, изучив курс АПС.
 
-### Computer Science and Engineering
+### Информатики и вычислительной техники
 
-30–40 years ago, when personal computers were still a novelty and the internet as we know it did not yet exist, the pioneers of computing predicted that in the future, electronic chips would become so cheap that they would be everywhere — in our homes, in transportation, even in the human body. At the time, this idea seemed fantastical, even absurd. Personal computers were very expensive and mostly not connected to any network. The notion that billions of tiny chips would one day be embedded in everything and cost less than a handful of seeds seemed ridiculous. Today, these ideas no longer seem far-fetched. Over the past decade, some computer or another has almost always been within arm's reach of a person. Even a metro ticket is a computer — one that was perhaps designed by a graduate of a Computer Science and Engineering program.
+30–40 лет назад, когда персональные компьютеры были ещё в новинку, а интернета как такового не было, пионеры вычислительной техники предсказывали, что в будущем электронные чипы станут настолько дешёвыми, что они будут повсюду — в домах, в транспорте, даже в человеческом теле. Для того времени эта идея казалась фантастической, даже абсурдной. Персональные компьютеры тогда были очень дороги и в большинстве своём даже не подключались к интернету. Мысль о том, что миллиарды крохотных чипов когда-нибудь будут во всем и станут дешевле семечек, казалась нелепой. Сегодня эти мысли уже не кажутся фантастическими. В последнее десятилетие почти всегда, какой-нибудь компьютер или компьютеры находятся на расстоянии вытянутой руки от человека. Билетик в метро – тоже компьютер, который спроектировал, возможно, выпускник ИВТ.
 
-If you are a graduate of Computer Science and Engineering, you will most likely be developing electronics and computers in the future — digital automated devices that are typically controlled by processors and FPGAs. A typical modern electronic device consists of a set of physical sensors that send their measurements to a processor, which processes the received information according to a given program. Understanding how this works is just as reasonable as a physician knowing what organs the human body contains, even if they are not a surgeon and will not be operating. A Computer Science and Engineering graduate who understands how a computer is built will be able to develop more effective solutions: faster, more accurate, and more energy-efficient.
+Если ты выпускник направления Информатика и Вычислительная Техника, то скорее всего, в будущем, ты будешь разрабатывать электронику, компьютеры – цифровые автоматические устройства, которые, как правило, управляются процессорами и ПЛИС. Типичное современное электронное устройство – это набор датчиков физических величин, которые посылают свои измерения в процессор, который обрабатывает полученную информацию согласно заданной программе. Понимать, как это работает также разумно, как и терапевту знать из каких органов состоит человек, несмотря на то что он не хирург и внутрь не полезет. Выпускник ИВТ, понимающий устройство компьютера будет способен разрабатывать более эффективные решения: более быстрые, точные, энергоэффективные.
 
-The logic goes: "To develop electronics, I need to understand what it is made of," "Modern electronic devices are controlled by processors" ⟹ "To develop electronics, I need to understand processors."
+Логика такая: "Чтобы разрабатывать электронику, я должен понимать из чего она делается", "Современными электронными устройствами управляют процессоры" ⟹ "Чтобы разрабатывать электронику, я должен разбираться в процессорах".
 
-### Infocommunication Technologies and Communication Systems
+### Инфокоммуникационных технологий и систем связи
 
-In addition to being self-evident, there is abundant evidence that the level of civilizational development is linked to the development of communications. The design of cutting-edge communication systems and their deployment will remain one of the most pressing challenges for humanity for a long time to come. We are constantly faced with the need to connect the right parties quickly and securely. This is achieved through modern hardware-software solutions that are continuously evolving and improving. In essence, network engineers design specialized computers whose purpose is to exchange information between certain input and output nodes according to defined rules. All of this requires an understanding of the operation of programmable devices, which form the foundation of network nodes.
+Помимо своей очевидности существует множество подтверждений того, что уровень развития цивилизации связан с развитием связи. Разработка новейших систем связи и их внедрение еще очень долго будет одной из самых актуальных задач развития человечества. Мы сталкиваемся с постоянной потребностью обеспечивать связь нужных адресатов и делать это быстро и безопасно. Достигается это благодаря современным программно-аппаратным решениям, которые постоянно развиваются и совершенствуются. По сути, сетевые инженеры разрабатывают специализированные компьютеры, задачей которых является обмен информацией между некоторыми входными и выходными узлами по заданным правилам. Все это требует понимания работы программируемых устройств, которые и лежат в основе сетевых узлов.
 
-There are numerous diverse network processors and solutions implemented in FPGAs. Successfully participating in the development of modern networking solutions requires not only knowledge of data transmission methods, coding algorithms, and the like, but also an understanding of the operating principles of the building blocks from which network systems are constructed. The depth of such knowledge makes it possible to increase data transfer speeds and improve security.
+Существует множество разнообразных сетевых процессоров и решений, реализуемых в программируемых логических интегральных схемах (ПЛИС). Для успешного участия в разработке современных сетевых решений необходимо не только знание методов передачи данных, алгоритмов кодирования и тому подобного, но и понимание принципов функционирования строительных блоков, из которых создаются сетевые системы. Глубина таких знаний позволяют увеличивать скорость передачи данных и улучшать безопасность.
 
-Knowledge in the area of computer design is an essential tool in the creation of information and communication systems.
+Знания в области разработки компьютеров являются важным инструментом в создании информационно-коммуникационных систем связи.
 
-### Electronic Device Design and Technology
+### Конструирования и технологии электронных средств
 
-Not so long ago, when personal computers were just beginning to conquer the world and the internet was not yet available to everyone, many in the design and technology industry predicted a future in which electronics would be everywhere: in our homes, our transportation, and even in our own bodies. This seemed incredible and even fantastical at a time when personal computers were expensive and had no internet access.
+Не так давно, когда персональные компьютеры только начали завоевывать мир, и интернет еще не был доступен для всех, многие представители конструкторской и технологической индустрии предсказывали будущее, в котором электроника будет всюду: в наших домах, транспорте и даже в наших собственных телах. Это казалось невероятным и даже фантастическим сценарием для тех времен, когда персональные компьютеры были дорогими и не имели доступа к сети Интернет.
 
-Today, these ideas no longer seem far-fetched. In recent decades we have been constantly surrounded by electronics and numerous computing systems, some of which are brought into existence by graduates of Electronic Device Design and Technology programs. Take robots, for example. Modern robots are high-technology electronic systems designed to perform a wide range of tasks. They are equipped with sensors and processors that allow them to perceive their environment and make decisions in real time. A graduate of "Electronic Device Design and Technology" will have a unique opportunity to create and improve such devices, making them more efficient and functional.
+Сегодня эти идеи уже не кажутся фантастическими. В последние десятилетия мы постоянно окружены электроникой и множеством вычислительных систем, часть из которых появляется благодаря выпускникам Конструирования и технологии электронных средств. Возьмем, к примеру, роботов. Современные роботы – это высокотехнологичные электронные системы, спроектированные для выполнения различных задач. Они оснащены датчиками и процессорами, которые позволяют им воспринимать окружающую среду и принимать решения в реальном времени. Выпускник направления "Конструирование и Технология электронных средств" будет иметь уникальную возможность создавать и улучшать такие устройства, делая их более эффективными и функциональными.
 
-The key point is that to succeed in a career in electronic device design and technology, one must have a deep understanding of electronic systems. This includes knowledge of how processors, sensors, and other key components work. Graduates of this program will be able to create modern electronic devices and deploy them across the most diverse application areas. Knowledge of the fundamentals of processor system organization is a powerful and essential tool in achieving the goal of creating advanced electronic systems.
+Суть заключается в том, что для успешной карьеры в области конструирования и технологии электронных средств, необходимо обладать глубоким пониманием электронных систем. Это включает в себя знание принципов работы процессоров, сенсоров и других ключевых компонентов. Выпускники этой специальности будут способны создавать современные электронные устройства и внедрять их в самые разные области. Знание основ организации процессорных систем является мощным и необходимым инструментом в достижении цели создания передовых электронных систем.
 
-### Software Engineering
+### Программной инженерии
 
-For a modern software developer not to understand how a computer is structured and how it works is like a Formula 1 driver not knowing how his car works. It is simply unthinkable! It is possible, but very much the exception. Of course, a blacksmith knows how his tools work — because that knowledge allows him to use them more effectively. He understands their weaknesses and knows how to apply them cleverly in practice. Only then is the blacksmith truly valuable.
+Не понимать как устроен и работает компьютер современному программисту, все равно что гонщику Формулы-1 не знать, как работает и устроена его машина. Это просто немыслимо! Такое возможно, но скорее исключение из правил. Конечно же кузнец знает, как устроен его инструмент, ведь тогда он может его более эффективно использовать. Понимает его слабые стороны и знает как хитро применить его на практике. Только в этом случае кузнец ценен.
 
-Modern programming languages make it possible to operate at a great distance from the actual hardware. Often there is practical value in this abstraction, but not always. Most modern computers are autonomous (battery-powered), which means that efficiency directly translates to battery life. Understanding the nuances can lead to significant energy savings. Sometimes you need to choose hardware for a server, or figure out why obviously fast code is running slowly. You frequently have to get up to speed with new technologies, frameworks, languages, services, and libraries — but all of this comes easily only when there is a solid foundation that answers the question: "How does this work, and why does it work this way?" Knowledge of APS helps with all of the above.
+Современные языки программирования дают возможность значительно оторваться от реального железа. Не редко в этом есть практический смысл, но далеко не всегда. Большинство современных компьютеров автономны (на батарейном питании), а значит, что эффективность их работы есть продолжительность их работы. Понимание нюансов может значительно сэкономить энергию. А порой надо выбрать железо для сервера, а порой понять почему очевидно быстрый код работает медленно. Часто приходится разбираться в новых технологиях, фреймворках, языках, сервисах, библиотеках, но все это дается легко только в том случае, если есть устойчивая база, отвечающая на вопрос - "как это работает и почему именно так?". Во всем перечисленном поможет знание АПС.
 
-"Understanding how a computer works" does not mean "building (designing) a computer." Doctors know how the human body is structured in order to treat it, not to design it. Racing drivers know their cars in order to optimize and fully exploit them. Likewise, a software developer needs to understand how a computer works not in order to design processors, but to use the computer more effectively and intelligently.
+"Разобраться в работе компьютера" не значит "делать(разрабатывать) компьютер". Врачи знают как устроен человек, чтобы лечить его, а не разрабатывать его. Гонщики знают свой автомобиль, чтобы совершенствовать его и использовать по-полной. Также и программисту необходимо понимание работы компьютера не для того, чтобы разрабатывать процессоры, а для более эффективного и разумного его использования.
 
-### Applied Mathematics
+### Прикладной математики
 
-Virtually all modern applications of mathematics are connected in one way or another with computers: big data, artificial intelligence, robotics, finance, and so on. Mathematics has long since outgrown the pages of a notebook — today, algorithms are the thoughts of processors.
+Практически все современные приложения математики так или иначе связаны с компьютерами: большие данные, искусственный интеллект, робототехника, финансы и так далее. Математика давно вышла за рамки тетрадных листов, сегодня алгоритмы – это мысли процессоров.
 
-Mathematical applications, whatever form they take — simulation, automation, computation, or something else — require an instrument to execute them: a computer. Understanding how your primary instrument is structured and how it works provides a clear advantage over those who lack that understanding. Sometimes you need to choose hardware for a system solving a particular problem; sometimes you need to figure out why obviously fast code is running slowly. You frequently have to get up to speed with new technologies, frameworks, languages, services, and libraries — but all of this comes easily only when there is a solid foundation that answers the question: "How does this work, and why does it work this way?" Knowledge of APS helps with all of the above.
+Математические приложения, какими бы они ни были (моделирование, автоматизация, расчеты или что-то другое), требуют инструмента их решения – компьютера. Понимание устройства и работы основного инструмента дает явные преимущества перед тем, у кого этого понимания нет. Порой надо выбрать железо для системы, решающей некоторую задачу, порой – понять почему очевидно быстрый код работает медленно. Часто приходится разбираться в новых технологиях, фреймворках, языках, сервисах, библиотеках, но все это дается легко только в том случае, если есть устойчивая база, отвечающая на вопрос - "как это работает и почему именно так?". Во всем перечисленном поможет знание АПС.
 
-"Understanding how a computer works" does not mean "building (designing) a computer." Doctors know how the human body is structured in order to treat it, not to design it. Racing drivers know their cars in order to optimize and fully exploit them. Likewise, an applied mathematics graduate needs to understand how a computer works not in order to design processors, but to use the computer more effectively and intelligently in their own applications.
+"Разобраться в работе компьютера" не значит "делать(разрабатывать) компьютер". Врачи знают как устроен человек, чтобы лечить его, а не разрабатывать его. Гонщики знают свой автомобиль, чтобы совершенствовать его и использовать по-полной. Также и выпускнику прикладной математики необходимо понимание работы компьютера не для того, чтобы разрабатывать процессоры, а для более эффективного и разумного его использования в своих приложениях.
 
-### Radio Engineering
+### Радиотехники
 
-The use of radio waves today helps solve an enormous range of problems related to transmitting information and energy over a distance, locating and positioning objects, studying the properties of reflecting objects, and much more — limited only by one's imagination. In practice, radio waves turn out to be remarkably useful, and antennas are the devices used to control them and extract maximum value from them. These devices can be quite complex, and professionals capable of designing them are needed behind them. The devices that control, monitor, and receive information from antennas are specialized systems that ultimately convert radio signals into electrical digital signals, or vice versa.
+Использование радиоволн сегодня помогает в решении огромного круга задач связанных с передачей информации/энергии на расстояние, локацией, позиционированием, изучением свойств объектов отражения и многим другим на что только фантазии хватит. На практике радиоволны оказываются удивительно полезными, и для того чтобы управлять ими и извлекать из них максимум, используются антенны. Эти устройства могут быть довольно сложными, и за ними должны стоять профессионалы, способные их создать. Управляют антеннами, контролируют их и получают с них информацию специальные устройства, которые, в конечном итоге, преобразуют радиосигналы в электрические цифровые, или наоборот.
 
-Modern microwave integrated circuits (operating at extremely high frequencies), used in antenna systems, are frequently programmable. This means they either contain a processor or are designed to interact with processors. To unlock the full potential of these chips, you need to know how processors work. Understanding their functions is also valuable in radio engineering, especially when you need to control signals within strict timing constraints.
+Современные микросхемы СВЧ (сверхвысоких частот), которые используются в антенных устройствах, часто являются программируемыми. Это означает, что они либо содержат в себе процессор, либо спроектированы для взаимодействия с процессорами. Чтобы раскрыть потенциал этих микросхем, вам нужно знать, как работают процессоры. Понимание их функций также пригодится в области радиотехники, особенно если вам нужно управлять сигналами в строгие временные рамки.
 
-Radio engineering is not just about working with radio signals, but also about processing them. Sometimes signals must be processed very quickly. In such cases it is important to know which computing device to choose to ensure processing accuracy within the required time constraints while staying within power consumption requirements. Without an understanding of APS you cannot solve such problems — because you have to choose from a wide range of devices, including microcontrollers, digital signal processors with various characteristics, and FPGAs. But how can you make that choice if you do not even understand what these things are?
+Радиотехника — это не только работа с радиосигналами, но и их обработка. Иногда нужно обрабатывать сигналы очень быстро. В таких случаях важно знать, какой вычислитель выбрать, чтобы обеспечить точность обработки в установленные временные рамки и при этом не превысить требования по энергопотреблению. Без понимания АПС вы не сможете решать такие задачи. Ведь приходится выбирать из множества устройств, включая микроконтроллеры и процессоры цифровой обработки сигналов с различными характеристиками, ПЛИС. А как это сделать, если даже не понимаешь что это такое.
 
-In essence, a radio engineer is a specialist who can not only calculate an antenna design, but also build it and develop systems for control, data acquisition, and processing — using the knowledge gained from APS.
+По сути, радиотехник – это специалист, который может не только посчитать антенну, но и создать ее, а также разработать систему управления, сбора и обработки данных с использованием знаний АПС.
 
-Radio engineering is tied to radio signals, and radio signals in modern equipment are always tied to processors. If you want to be at the forefront of this exciting field, studying APS is an important step on that path.
+Радиотехника связана с радиосигналами, а радиосигналы всегда связаны с процессорами в современной аппаратуре. И если вы хотите быть в центре этой захватывающей области, изучение АПС — важный шаг на этом пути.
 
-## How to Read This Book
+## Как читать эту книгу
 
-The book is designed for a wide range of readers with varying levels of preparation at the start of the APS course, so some material may be redundant for some readers while being essential for others.
+Книга рассчитана на широкий охват аудитории по уровню их подготовки на момент начала прослушивания дисциплины АПС, поэтому для кого-то некоторые материалы окажутся избыточными, а для кого-то — крайне необходимыми.
 
-Regardless of your background, it is recommended to begin by reading the documents in the "Introduction" section.
+Вне зависимости от вашего уровня подготовки, работу с этим курсом рекомендуется начать с прочтения документов из части: "Введение".
 
-You can then proceed to the "Lab Assignments" section. Before each lab session, you are **strongly encouraged** to read the corresponding lab guide in advance, as the guides are quite detailed and require some time to read. The time allocated for the lab session itself should be used to maximum effect: carrying out practical work, consulting with your instructor, debugging the device blocks you have designed, and so on — all of which requires having read the guide beforehand.
+Далее можно приступать к разделу "Лабораторные работы". Перед каждым лабораторным занятием вам **рекомендуется** ознакомиться с методичкой, т.к. они очень подробные и их чтение требует какого-то времени. Время, отведенное на лабораторное занятие, рекомендуется использовать по-максимуму: заниматься практической деятельностью, консультироваться с преподавателем, отлаживать разработанные блоки устройства и тому подобное, а для этого лучше прочитать методичку заранее.
 
-It is also important to note that at the beginning of many lab assignments, **additional preparation materials** are listed, with references to chapters in the "Basic SystemVerilog Constructs" section that the student **must study** before completing that lab. This section is primarily aimed at students who have not previously worked with Verilog/SystemVerilog; however, even if you have experience with these languages, it is recommended to skim through those chapters and test your knowledge in the "Check Yourself" section.
+Кроме того, важно отметить, что в начале многих лабораторных работ указаны **дополнительные материалы для подготовки**, где перечислены все материалы со ссылками на главы раздела "Базовые конструкции SystemVerilog", которые студент **должен освоить** перед выполнением этой лабораторной работы. Данный раздел ориентирован в первую очередь на студентов, не работавших ранее с Verilog/SystemVerilog, однако, даже если вы работали с этими языками, рекомендуется пролистать данные главы и проверить свои знания в разделе "Проверь себя".
 
-Lab sessions will use the `Vivado` EDA tool (along with `Nexys A7` development boards). This is a very complex professional tool that can take years to master fully. During this lab course there is no time for years of Vivado study, so the essential information for working with the tool has been compiled for you in the "Vivado Basics" section. This information is sufficient to complete the entire lab cycle using `Vivado`.
+Лабораторные занятия будут проходить с использованием САПР `Vivado` (и отладочными стендами `Nexys A7`). Это очень сложный профессиональный инструмент, на полноценное изучение которого могут уйти годы. Во время данного курса лабораторных работ нет времени на годы изучения Vivado, поэтому для вас собрана основная информация по взаимодействию с САПР в разделе "Основы Vivado". Этой информации хватит, чтобы с помощью `Vivado` реализовать весь цикл лабораторных работ.
 
-Traditionally, these lab assignments are considered challenging. However, over the years of refining the guides with students, numerous supplementary materials, clarifications, and notes highlighting potential pitfalls have been added. At this point, successfully completing a lab assignment requires only that the student read the provided material carefully and not be afraid to ask a question if something is unclear.
+Традиционно, данные лабораторные считаются сложными. Однако за годы отработки методичек со студентами, было написано множество вспомогательных материалов, уточнений, а также акцентов на места, которые могут привести к ошибке. В данный момент, для успешного выполнения лабораторной работы от студента требуется только внимательно прочитать предоставленный ему материал и не бояться задать вопрос, если что-то непонятно.
 
-If you are reading this book outside the APS course, you are free to choose your own software tools and debugging approaches. The [repository](https://github.com/MPSU/APS) accompanying this book will contain some files specific to Nexys A7 boards (so-called _constraints_), but with the appropriate level of skill you will easily be able to port them to your own board. In that case, the authors would appreciate it if you could contribute the resulting files along with the board name, so they can be added to a separate folder for other boards for the benefit of future readers. For any questions, comments, or suggestions, you can contact the course authors through the `Issues` and `Discussions` sections of the repository.
+Если вы читаете данную книгу не в рамках курса АПС, вы вольны в выборе как программных средств, так и способов отладки. [Репозиторий](https://github.com/MPSU/APS), сопровождающий эту книгу будет содержать некоторые файлы, специализированные для плат Nexys A7 (так называемые _ограничения_/_констрейны_), однако при должном уровне навыков вы с легкостью сможете портировать его под свою плату. В этому случае, авторы будут признательны, если вы предоставите получившиеся файлы и название платы, чтобы их можно было добавить в отдельную папку по другим платам для будущих читателей. По всем вопросам/замечаниям/предложениям вы можете связаться с авторами курса через разделы `Issues` и `Discussions` данного репозитория.
 
-This book can also be useful and interesting for readers who do not have any development board: functionality is verified primarily through simulation, i.e., in software (in fact, 90% of the time you will be testing everything through simulation).
+Эта книга может быть интересна и полезна читателю, не имеющему никакой отладочной платы: проверка работоспособности осуществляется в первую очередь на моделировании, т.е. программно (на самом деле, 90% времени вы будете проверять все именно посредством моделирования).
 
-In the course of completing the lab assignments, you will inevitably encounter both errors related to Vivado's operation and errors in your SystemVerilog code. The first recommendation is always to read the error message carefully. For SystemVerilog-related errors, the message most often contains all the information needed to resolve the issue. If the message is unclear, consult the [list of common errors](Other/FAQ.md).
+В ходе выполнения лабораторных работ вы наверняка столкнетесь как с ошибками, связанными с работой Vivado, так и с ошибками описания на языке SystemVerilog. В первую очередь, рекомендуется ознакомиться с текстом ошибки. В случае ошибок, связанных с языком SystemVerilog, чаще всего там содержится вся необходимая информация по её устранению. В случае, если текст непонятен, рекомендуется ознакомиться со [списком типичных ошибок](Other/FAQ.md).
 
-The material in this book contains many links, which in the electronic version are of course clickable. However, if you have the pleasure of reading this book in "analog" format, all links are provided as footnotes on the corresponding page in plain text. Plain text was chosen over QR codes to allow links to be typed in manually (all links are in Unicode format, so do not worry about having to type something like "https://ru.wikipedia.org/wiki/%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80"). Furthermore, the smart cameras on modern smartphones handle text link recognition very well, so the authors hope that the absence of QR codes will not cause inconvenience in that regard either.
+Материал этой книги будет пестрить множеством ссылок, которые в электронной версии этой книги, разумеется, будут кликабельными. Однако, если вы имеете удовольствие читать эту книгу в "аналоговом" формате, для вашего удобства все ссылки будут представлены в виде сносок под соответствующей страницей в текстовом формате. Текстовый формат вместо QR-кодов выбран чтобы иметь возможность ввести ссылку вручную (все ссылки будут представлены в формате Unicode, так что не беспокойтесь, что вам придется вводить что-то наподобие "https://ru.wikipedia.org/wiki/%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80"). Кроме того, "умные" камеры современных смартфонов отлично справляются с распознаванием текстовых ссылок, поэтому авторы надеются, что и с этой стороны отсутствие QR-кодов не произведет неудобств.
 
-The majority of the information concerning the RISC-V architecture is taken directly from the specification. Since work on the specification is still ongoing (although the base rv32i instruction set is now frozen and will not change), all references to specific pages of the specification will point to the following versions of two documents:
+Большая часть информации, касающаяся архитектуры RISC-V, взята напрямую из спецификации. Поскольку работа над спецификацией всё ещё идёт (хотя базовый набор инструкций rv32i уже заморожен и не изменится), чтобы ссылки на конкретные страницы спецификации имели смысл, они будут даваться на следующие версии двух документов:
 
-- "The RISC-V Instruction Set Manual Volume I: Unprivileged ISA" — [document version `20240411`](https://github.com/riscv/riscv-isa-manual/releases/download/20240411/unpriv-isa-asciidoc.pdf);
-- "The RISC-V Instruction Set Manual Volume II: Privileged Architecture" — [document version `20240411`](https://github.com/riscv/riscv-isa-manual/releases/download/20240411/priv-isa-asciidoc.pdf).
+- "The RISC-V Instruction Set Manual Volume I: Unprivileged ISA" — [версия документа `20240411`](https://github.com/riscv/riscv-isa-manual/releases/download/20240411/unpriv-isa-asciidoc.pdf);
+- "The RISC-V Instruction Set Manual Volume II: Privileged Architecture" — [версия документа `20240411`](https://github.com/riscv/riscv-isa-manual/releases/download/20240411/priv-isa-asciidoc.pdf).
 
-The lab course is inseparably linked to the online repository located at: https://github.com/MPSU/APS. This repository contains the course materials, verification environment, ready-made modules, and constraint files for the Nexys A7 development board.
+Курс лабораторных работ неразрывно связан с онлайн-репозиторием, расположенным по адресу: https://github.com/MPSU/APS. Этот репозиторий хранит методические материалы, верификационное окружение, готовые модули и файлы ограничений для отладочного стенда Nexys A7.
 
-For any questions, comments, or suggestions, you can contact the course authors through the Issues and Discussions sections of this repository.
+По всем вопросам/замечаниям/предложениям вы можете связаться с авторами курса через разделы Issues и Discussions данного репозитория.
 
-This course has evolved continuously over several years up until its publication. The authors acknowledge that some imperfections may remain in the text that can no longer be corrected after printing. To allow readers to learn about errors discovered after publication, a dedicated errata document is located at the root of the repository.
+Данный курс непрерывно эволюционировал на протяжении нескольких лет до самого своего издания. Авторы допускают, что где-то в тексте могли остаться некоторые недочёты, которые после издания тиража уже "не вырубишь топором". Для того чтобы дать читателям возможность узнать об ошибках, найденных уже после издания, в корне репозитория находится специальный документ errata.
 
-## How to Use the Repository
+## Как пользоваться репозиторием
 
-The root of the repository contains the following items (folders are marked with a trailing '/'):
+В корне репозитория находятся следующие элементы (символом ‘/’ на конце обозначены папки):
 
 - <p style="color:LightGray;">.github/</p>
 - <p style="color:LightGray;">.pic/</p>
@@ -124,11 +124,11 @@ The root of the repository contains the following items (folders are marked with
 - <p style="color:LightGray;">LICENSE</p>
 - <p style="color:LightGray;">README.md</p>
 
-Items shown in gray are not needed when completing the lab assignments.
+Серым цветом обозначены элементы, которые не потребуются в ходе выполнения лабораторных работ.
 
-The Introduction, Basic Verilog structures, and Vivado Basics folders contain the material corresponding to Parts 1, 3, and 4 of this book, respectively. The Other folder contains, among other things, the material that forms Part 5 of this book.
+В папках Introduction, Basic Verilog structures и Vivado Basics описаны разделы 1, 3 и 4 данной книги. Папка Other, среди прочего, содержит информацию, формирующую раздел 5 данной книги.
 
-The structure of the Labs folder is as follows:
+Рассмотрим структуру папки Labs:
 
 01. Adder/
 02. Arithmetic-logic unit/
@@ -149,46 +149,46 @@ The structure of the Labs folder is as follows:
 Made-up modules/
 Readme.md
 
-Each of these folders contains the instructional materials for the corresponding lab assignment.
+Здесь находятся методические материалы ко всем 16 лабораторным работам, разложенные по соответствующим им папкам.
 
-In almost every such folder there is a file named _lab_xx.tb_xxx.sv_ — this is the verification environment (testbench) file for that lab assignment. This file must be added to the _Simulation Sources_ of the project (see the _Vivado Basics_ section for details).
+Практически в каждой такой папке находится файл формата _lab_xx.tb_xxx.sv_ — это файл с верификационным окружением для данной лабораторной работы. Такой файл необходимо добавлять в _Simulation Sources_ проекта (подробнее в разделе _Vivado Basics_).
 
-Additionally, a lab folder may contain _xxx_pkg.sv_ and _xxx.mem_ files, holding parameters and data, respectively, that are used to initialize the device memory. These files must be added to the _Design Sources_ of the project.
+Кроме того, в папке лабораторной работы могут находиться _xxx_pkg.sv_ и _xxx.mem_ файлы, содержащие соответственно параметры и данные, которыми необходимо проинициализировать память устройства. Такие файлы будет необходимо добавлять в _Design Sources_ проекта.
 
-Most folders also contain a _board files_ subfolder. This subfolder contains the top-level module (if required), a description of how to interact with it, and constraint files for the _Nexys A7_ development board.
+Ещё в большинстве папок будет находиться папка _board files_. Такая папка содержит модуль верхнего уровня (если требуется), описание способов взаимодействия с ним, а также файлы ограничений (_constraints_) под отладочную плату _Nexys A7_.
 
-Furthermore, the `Made-up modules/` folder contains pre-built modules for certain lab assignments. If for any reason you were unable to complete a lab assignment, you can continue working through the course by using the corresponding ready-made module from this folder.
+Помимо прочего, в папке `Made-up modules/` находятся готовые модули для некоторых лабораторных работ. В случае, если по какой-то причине вы не смогли выполнить лабораторную работу, вы можете продолжить работу над курсом, использовав готовый модуль из этой папки.
 
-The repository has a mirror located at: https://gitlab.chips-miet.ru/MPSU/APS. The file structure of the mirror is identical to the original repository.
+У репозитория есть зеркало (копия сайта), расположенное по адресу: https://gitlab.chips-miet.ru/MPSU/APS. Структура файлов в зеркале полностью совпадает с исходным репозиторием.
 
-## Course History and Contributors
+## История курса и разработчики
 
-Disciplines related to computer organization have been taught at MIET since its founding. The current course evolved from "Microprocessor Means and Systems" (MMS), taught to the MPiTK (Microdevices and Technical Cybernetics) faculty — first by [Yuri Vasilyevich Savchenko](https://miet.ru/person/10551), and later by [Alexei Leonidovich Pereverzev](https://miet.ru/person/49309). From 2014 to 2022, the course was conducted and significantly modernized by [Mikhail Gennadyevich Popov](https://miet.ru/person/50480) together with a team of staff and students from the MPSU Institute. Since 2022, the course for the IB, IKT, KT, and RT student groups has been taught by [Alexander Mikhailovich Silantyev](https://miet.ru/person/64030), while the IVT, PIN, and PM groups are taught by [Alexander Nikolaevich Orlov](https://miet.ru/person/53686); the development of course materials has been taken over by [Andrei Pavlovich Solodovnikov](https://miet.ru/person/141139).
+Дисциплины связанные с организацией вычислительной техники читаются в МИЭТ с самого его основания. Текущий курс эволюционировал из "Микропроцессорных средств и систем" (МПСиС), читаемый факультету МПиТК (Микроприборов и технической кибернетики) сначала [Савченко Юрием Васильевичем](https://miet.ru/person/10551), а после – [Переверзевым Алексеем Леонидовичем](https://miet.ru/person/49309). С 2014 по 2022 годы дисциплина проводилась и значительно модернизировалась [Поповым Михаилом Геннадиевичем](https://miet.ru/person/50480) совместно с коллективом сотрудников и студентов Института МПСУ. С 2022 года группам ИБ, ИКТ, КТ и РТ курс читает [Силантьев Александр Михайлович](https://miet.ru/person/64030), а группам ИВТ, ПИН, ПМ – [Орлов Александр Николаевич](https://miet.ru/person/53686), разработка методических материалов перешла в руки [Солодовникова Андрея Павловича](https://miet.ru/person/141139).
 
-Between 2019 and 2023 the theoretical part of the course was substantially revised, modernized, and expanded. During the same period, the lab assignments were redesigned and fully updated to use the RISC-V architecture, and new methods for assessing student knowledge were introduced. All course materials, including [lecture recordings](https://www.youtube.com/c/АПСПопов), were made publicly available.
+В 2019-2023 годах была значительно переработана, осовременена и дополнена теоретическая часть курса. Тогда же разработаны и полностью обновлены лабораторные работы с переходом на использование архитектуры RISC-V, введены новые способы оценки полученных знаний. Все материалы курса включая [видеозаписи лекций](https://www.youtube.com/c/АПСПопов), были выложены в свободный доступ.
 
-The primary influences on the structure and content of the course in its current form are: the original MMS lectures for MPiTK, the 6.004 Computation Structures course taught at MIT, Harris & Harris "Digital Design and Computer Architecture," and Orlov & Tsil'ker "Computer Organization and Systems."
+Основное влияние на структуру и содержание курса в современном виде оказали: оригинальные лекции МПСиС для МПиТК, курс Вычислительных структур 6.004, читаемый в MIT, Харрис и Харрис "Цифровая схемотехника и архитектура компьютера", Орлов и Цилькер "Организация ЭВМ и систем".
 
-The following current and former students and staff of the MPSU Institute helped prepare the course and repository: <!--- In alphabetical order -->
+С подготовкой курса и репозитория помогали студенты и сотрудники института МПСУ (бывшие и нынешние): <!--- В алфавитном порядке -->
 
-|     Full Name                                                |                                                           Contribution to the course                                                                                                                                  |
+|     Фамилия, Имя, Отчество                                  |                                                           Вклад в курс                                                                                                                                   |
 |-------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| Barkov Evgeny Sergeyevich                                   | Professional consultations on SystemVerilog language details, the RISC-V specification, RTL development, synthesis, and constraints.                                                                     |
-| Bulavin Nikita Sergeyevich                                  | Refinement of materials, preparation of testbenches and top-level modules for Nexys A7 boards for the lab assignments.                                                                                   |
-| Kozin Alexei Alexandrovich                                  | Refinement of materials, preparation of obfuscated modules for the lab assignments.                                                                                                                      |
-| [Kuleshov Vladislav Konstantinovich](https://t.me/SaintLiver) | Proofreading and correction of errors in the course materials, collection of student feedback.                                                                                                          |
-| Orlov Alexander Nikolaevich                                 | Professional consultations on SystemVerilog language details, the RISC-V specification, RTL development, and example programs illustrating architectural features.                                       |
-| Primakov Evgeny Vladimirovich                               | Professional consultations on SystemVerilog language details, the RISC-V specification, RTL development, and microarchitecture topics.                                                                   |
-| [Protasova Ekaterina Andreyevna](https://t.me/Katkus_s)     | Preparation of individual assignments and pre-lab admission tasks, proofreading and refinement of materials, collection of student feedback.                                                             |
-| Rusanovsky Bogdan Vitalyevich                               | Migration of the interrupt lab assignment from PDF to Markdown, preparation of illustrations.                                                                                                            |
-| Ryzhkova Darya Vasilyevna                                   | Preparation of testbenches for the lab assignments.                                                                                                                                                      |
-| Silantyev Alexander Mikhailovich                            | Professional consultations on SystemVerilog language details, the RISC-V specification, RTL development, microarchitecture topics, synthesis and constraints, and compilation and profiling specifics.   |
-| Strelkov Daniil Vladimirovich                               | Refinement of materials, preparation of testbenches for the lab assignments, and preparation of course structure illustrations.                                                                          |
-| [Ternovoy Nikolai Eduardovich](https://t.me/cpu_design)     | Professional consultations on SystemVerilog language details, the RISC-V specification, RTL development, proofreading of materials, collection of student feedback.                                      |
-| Kharlamov Alexander Alexandrovich                           | Refinement of materials, design of auxiliary modules for the lab assignments.                                                                                                                            |
-| [Khisamov Vasil Tagirovich](https://t.me/PascalVT)          | Proofreading of materials, collection of student feedback.                                                                                                                                               |
-| Chusov Sergei Andreyevich                                   | Proofreading of materials, collection of student feedback.                                                                                                                                               |
+| Барков Евгений Сергеевич                                    | Профессиональные консультации по деталям языка SystemVerilog, спецификации RISC-V и RTL-разработки, тематике синтеза и констрейнов.                                                                      |
+| Булавин Никита Сергеевич                                    | Отработка материалов, подготовка тестбенчей и модулей верхнего уровня для плат Nexys A7 для лабораторных работ.                                                                                          |
+| Козин Алексей Александрович                                 | Отработка материалов, подготовка обфусцированных модулей для лабораторных работ.                                                                                                                         |
+| [Кулешов Владислав Константинович](https://t.me/SaintLiver) | Вычитка и исправление ошибок в методических материалах, сбор обратной связи от студентов.                                                                                                                |
+| Орлов Александр Николаевич                                  | Профессиональные консультации по деталям языка SystemVerilog, спецификации RISC-V и RTL-разработки, примерам программ иллюстрирующим особенности архитектуры.                                            |
+| Примаков Евгений Владимирович                               | Профессиональные консультации по деталям языка SystemVerilog, спецификации RISC-V и RTL-разработки и вопросам микроархитектуры.                                                                          |
+| [Протасова Екатерина Андреевна](https://t.me/Katkus_s)      | Подготовка индивидуальных заданий и допусков к лабораторным работам, вычитка и отработка материалов, а также сбор обратной связи от студентов.                                                                            |
+| Русановский Богдан Витальевич                               | Перенос лабораторной работы по прерываниям из PDF в Markdown, подготовка иллюстраций.                                                                                                                    |
+| Рыжкова Дарья Васильевна                                    | Подготовка тестбенчей для лабораторных работ.                                                                                                                                                            |
+| Силантьев Александр Михайлович                              | Профессиональные консультации по деталям языка SystemVerilog, спецификации RISC-V и RTL-разработки, вопросам микроархитектуры, тематике синтеза и констрейнов, особенностям компиляции и профилирования. |
+| Стрелков Даниил Владимирович                                | Отработка материалов, подготовка тестбенчей для лабораторных работ и иллюстраций структуры курса.                                                                                                        |
+| [Терновой Николай Эдуардович](https://t.me/cpu_design)      | Профессиональные консультации по деталям языка SystemVerilog, спецификации RISC-V и RTL-разработки, вычитка материалов, сбор обратной связи от студентов.                                                |
+| Харламов Александр Александрович                            | Отработка материалов, проектирование вспомогательных модулей для лабораторных работ.                                                                                                                     |
+| [Хисамов Василь Тагирович](https://t.me/PascalVT)           | Вычитка материалов, сбор обратной связи от студентов.                                                                                                                                                    |
+| Чусов Сергей Андреевич                                      | Вычитка материалов, сбор обратной связи от студентов.                                                                                                                                                    |
 
-In addition, some of the illustrations were drawn by Ekaterina Alexandrovna Krasnyuk.
+Кроме того, часть иллюстраций была нарисована Краснюк Екатериной Александровной.
 
-With that, the introductory remarks are complete — I wish you success on this most fascinating journey!
+На этом вводное слово окончено, желаю вам успехов в этом увлекательнейшем путешествии!

.github/SUMMARY.md

@@ -1,68 +1,68 @@
 # Summary
 
-[Lab schedule by group](index.md)
-[Preface](Intro.md)
+[Порядок выполнения лабораторных работ для групп](index.md)
+[Предисловие](Intro.md)
 
 ---
 
-# Introduction
+# Введение
 
-- [About this section](Introduction/README.md)
-- [What is a Hardware Description Language](Introduction/What%20is%20HDL.md)
-- [How FPGAs work](Introduction/How%20FPGA%20works.md)
-- [Sequential logic](Introduction/Sequential%20logic.md)
-- [FPGA implementation steps](Introduction/Implementation%20steps.md)
+- [О данном разделе](Introduction/README.md)
+- [Что такое Язык Описания Аппаратуры](Introduction/What%20is%20HDL.md)
+- [Как работает ПЛИС](Introduction/How%20FPGA%20works.md)
+- [Последовательностная логика](Introduction/Sequential%20logic.md)
+- [Этапы реализации проекта в ПЛИС](Introduction/Implementation%20steps.md)
 
 ---
 
-# Laboratory works
+# Лабораторные работы
 
-- [Lab 1. Adder](Labs/01.%20Adder/README.md)
-- [Lab 2. ALU](Labs/02.%20Arithmetic-logic%20unit/README.md)
-- [Lab 3. Register file and external memory](Labs/03.%20Regiter%20file%20and%20memory/README.md)
-- [Lab 4. Primitive programmable device](Labs/04.%20Primtive%20programmable%20device/README.md)
-- [Writng a program for the CYBERcobra processor](Labs/04.%20Primtive%20programmable%20device/Индивидуальное%20задание/README.md)
-- [Lab 5. Instruction decoder](Labs/05.%20Main%20decoder/README.md)
-- [Lab 6. Main memory](Labs/06.%20Main%20memory/README.md)
-- [Lab 7. Datapath](Labs/07.%20Datapath/README.md)
-- [Lab 8. Load-store unit](Labs/08.%20Load-store%20unit/README.md)
-- [Lab 9. LSU integration](Labs/09.%20LSU%20Integration/README.md)
-- [Lab 10. Interrupt subsystem](Labs/10.%20Interrupt%20subsystem/README.md)
-- [Lab 11. Interrupt subsystem integration](Labs/11.%20Interrupt%20integration/README.md)
-- [Lab 12. Priority interrupt unit (Daisy chain)](Labs/12.%20Daisy%20chain/README.md)
-- [Lab 13. Peripheral devices](Labs/13.%20Peripheral%20units/README.md)
-- [Lab 14. Programming](Labs/14.%20Programming/README.md)
-- [Lab 15. Programmer device](Labs/15.%20Programming%20device/README.md)
-- [Lab 16. Performance evaluation](Labs/16.%20Coremark/README.md)
+- [Лабораторная №1. Сумматор](Labs/01.%20Adder/README.md)
+- [Лабораторная №2. АЛУ](Labs/02.%20Arithmetic-logic%20unit/README.md)
+- [Лабораторная №3. Регистровый файл и внешняя память](Labs/03.%20Register%20file%20and%20memory/README.md)
+- [Лабораторная №4. Простейшее программируемое устройство](Labs/04.%20Primitive%20programmable%20device/README.md)
+- [Написание программы под процессор CYBERcobra](Labs/04.%20Primitive%20programmable%20device/Индивидуальное%20задание/README.md)
+- [Лабораторная №5. Декодер инструкций](Labs/05.%20Main%20decoder/README.md)
+- [Лабораторная №6. Основная память](Labs/06.%20Main%20memory/README.md)
+- [Лабораторная №7. Тракт данных](Labs/07.%20Datapath/README.md)
+- [Лабораторная №8. Блок загрузки и сохранения](Labs/08.%20Load-store%20unit/README.md)
+- [Лабораторная №9. Интеграция LSU](Labs/09.%20LSU%20Integration/README.md)
+- [Лабораторная №10. Подсистема прерывания](Labs/10.%20Interrupt%20subsystem/README.md)
+- [Лабораторная №11. Интеграция подсистемы прерывания](Labs/11.%20Interrupt%20integration/README.md)
+- [Лабораторная №12. Блок приоритетных прерываний](Labs/12.%20Daisy%20chain/README.md)
+- [Лабораторная №13. Периферийные устройства](Labs/13.%20Peripheral%20units/README.md)
+- [Лабораторная №14. Программирование](Labs/14.%20Programming/README.md)
+- [Лабораторная №15. Программатор](Labs/15.%20Programming%20device/README.md)
+- [Лабораторная №16. Оценка производительности](Labs/16.%20Coremark/README.md)
 
 ---
 
-# Basic SystemVerilog constructs
+# Базовые конструкции SystemVerilog
 
-- [Section overview](Basic%20Verilog%20structures/README.md)
-- [Modules](Basic%20Verilog%20structures/Modules.md)
-- [Multiplexers](Basic%20Verilog%20structures/Multiplexors.md)
-- [Registers](Basic%20Verilog%20structures/Registers.md)
-- [Concatenation](Basic%20Verilog%20structures/Concatenation.md)
-- [Latches](Basic%20Verilog%20structures/Latches.md)
-- [Blocking vs non-blocking assignments](Basic%20Verilog%20structures/Assignments.md)
-- [Controllers](Basic%20Verilog%20structures/Controllers.md)
+- [Описание раздела](Basic%20Verilog%20structures/README.md)
+- [Модули](Basic%20Verilog%20structures/Modules.md)
+- [Мультиплексоры](Basic%20Verilog%20structures/Multiplexors.md)
+- [Регистры](Basic%20Verilog%20structures/Registers.md)
+- [Конкатенация](Basic%20Verilog%20structures/Concatenation.md)
+- [Защелки](Basic%20Verilog%20structures/Latches.md)
+- [О различиях между блокирующими и неблокирующими присваиваниями](Basic%20Verilog%20structures/Assignments.md)
+- [Контроллеры](Basic%20Verilog%20structures/Controllers.md)
 
 ---
 
-# Vivado Basics
+# Основы Vivado
 
-1. [Creating a project in Vivado](Vivado%20Basics/01.%20New%20project.md)
-2. [Flow Navigator](Vivado%20Basics/02.%20Flow%20Navigator.md)
-3. [Project Manager](Vivado%20Basics/03.%20Project%20manager.md)
-4. [Simulation](Vivado%20Basics/04.%20Simulation.md)
-5. [Functional bug hunting guide](Vivado%20Basics/05.%20Bug%20hunting.md)
-6. [RTL Analysis](Vivado%20Basics/06.%20RTL%20Analysis.md)
-7. [FPGA programming guide](Vivado%20Basics/07.%20Program%20and%20debug.md)
-8. [Code processing errors guide](Vivado%20Basics/08.%20Code%20processing%20errors.md)
+1. [Создание проекта в Vivado](Vivado%20Basics/01.%20New%20project.md)
+2. [Навигатор по маршруту проектирования](Vivado%20Basics/02.%20Flow%20Navigator.md)
+3. [Менеджер проекта](Vivado%20Basics/03.%20Project%20manager.md)
+4. [Симуляция](Vivado%20Basics/04.%20Simulation.md)
+5. [Руководство по поиску функциональных ошибок](Vivado%20Basics/05.%20Bug%20hunting.md)
+6. [Анализ RTL](Vivado%20Basics/06.%20RTL%20Analysis.md)
+7. [Руководство по прошивке ПЛИС](Vivado%20Basics/07.%20Program%20and%20debug.md)
+8. [Руководство по работе с ошибками обработки кода](Vivado%20Basics/08.%20Code%20processing%20errors.md)
 
-# Additional materials
+# Дополнительные материалы
 
-- [RV32I — RISC-V Base Integer Instruction Set](Other/rv32i.md)
-- [Control and Status Registers (CSR)](Other/CSR.md)
-- [Common Vivado & SystemVerilog pitfalls](Other/FAQ.md)
+- [RV32I - Стандартный набор целочисленных инструкций RISC-V](Other/rv32i.md)
+- [О регистрах контроля и статуса](Other/CSR.md)
+- [Список типичных ошибок при работе с Vivado и SystemVerilog](Other/FAQ.md)

.github/book_en.toml

@@ -2,7 +2,7 @@
 authors = ["Andrei Solodovnikov, Mikhail Popov"]
 language = "en"
 src = "./"
-title = "Architectures of Processor Systems"
+title = "Processor System Architectures"
 
 [output.html]
 git-repository-url = "https://github.com/MPSU/APS"

.github/index.md

@@ -1,48 +1,48 @@
-# Lab Course
+# Курс лабораторных работ
 
-## Useful Resources
+## Полезное
 
-- [Creating a basic project with FPGA programming in Vivado](Vivado%20Basics/01.%20New%20project.md)
-- [Basic Verilog Constructs](Basic%20Verilog%20structures/)
-- [List of common errors in Vivado and SystemVerilog](Other/FAQ.md)
-- [Testbench](Basic%20Verilog%20structures/Testbench.md)
+- [Создание базового проекта с прошивкой ПЛИС в Vivado](Vivado%20Basics/01.%20New%20project.md)
+- [Базовые конструкции Verilog](Basic%20Verilog%20structures/)
+- [Список типичных ошибок в Vivado и SystemVerilog](Other/FAQ.md)
+- [Тестовое окружение](Basic%20Verilog%20structures/Testbench.md)
 
-## Lab Sequence by Group
+## Порядок выполнения лабораторных работ для групп
 
-### IB, ICT, CT, RT
+### ИБ, ИКТ, КТ, РТ
 
-1. Adder ([01. Adder](Labs/01.%20Adder))
-2. ALU ([02. Arithmetic-logic unit](Labs/02.%20Arithmetic-logic%20unit))
-3. Register file and external memory ([03. Register file and memory](Labs/03.%20Register%20file%20and%20memory))
-4. Primitive programmable device ([04. Primitive programmable device](Labs/04.%20Primitive%20programmable%20device))
+1. Сумматор ([01. Adder](Labs/01.%20Adder))
+2. АЛУ ([02. Arithmetic-logic unit](Labs/02.%20Arithmetic-logic%20unit))
+3. Регистровый файл и внешняя память ([03. Register file and memory](Labs/03.%20Register%20file%20and%20memory))
+4. Простейшее программируемое устройство ([04. Primitive programmable device](Labs/04.%20Primitive%20programmable%20device))
 
-### PIN, PM
+### ПИН, ПМ
 
-1. Adder ([01. Adder](Labs/01.%20Adder))
-2. ALU ([02. Arithmetic-logic unit](Labs/02.%20Arithmetic-logic%20unit))
-3. Register file and external memory ([03. Register file and memory](Labs/03.%20Register%20file%20and%20memory))
-4. Primitive programmable device ([04. Primitive programmable device](Labs/04.%20Primitive%20programmable%20device))
-5. Main decoder ([05. Main decoder](Labs/05.%20Main%20decoder))
+1. Сумматор ([01. Adder](Labs/01.%20Adder))
+2. АЛУ ([02. Arithmetic-logic unit](Labs/02.%20Arithmetic-logic%20unit))
+3. Регистровый файл и внешняя память ([03. Register file and memory](Labs/03.%20Register%20file%20and%20memory))
+4. Простейшее программируемое устройство ([04. Primitive programmable device](Labs/04.%20Primitive%20programmable%20device))
+5. Основной дешифратор ([05. Main decoder](Labs/05.%20Main%20decoder))
 6.
-   1. Datapath ([07. Datapath](Labs/07.%20Datapath))
-   2. Load-store unit integration ([09. LSU Integration](Labs/09.%20LSU%20Integration))
-   3. Interrupt subsystem integration ([11. Interrupt Integration](Labs/11.%20Interrupt%20integration))
-7. Peripheral units ([13. Peripheral units](Labs/13.%20Peripheral%20units))
-8. Programming ([14. Programming](Labs/14.%20Programming))
+   1. Тракт данных ([07. Datapath](Labs/07.%20Datapath))
+   2. Интеграция блока загрузки и сохранения ([09. LSU Integration](Labs/09.%20LSU%20Integration))
+   3. Интеграция подсистемы прерываний ([11. Interrupt Integration](Labs/11.%20Interrupt%20integration))
+7. Периферийные устройства ([13. Peripheral units](Labs/13.%20Peripheral%20units))
+8. Программирование ([14. Programming](Labs/14.%20Programming))
 
-### ICS
+### ИВТ
 
-1. ALU ([02. Arithmetic-logic unit](Labs/02.%20Arithmetic-logic%20unit))
+1. АЛУ ([02. Arithmetic-logic unit](Labs/02.%20Arithmetic-logic%20unit))
 2.
-   1. Memory ([03. Register file and memory](Labs/03.%20Register%20file%20and%20memory))
-   2. Primitive programmable device ([04. Primitive programmable device](Labs/04.%20Primitive%20programmable%20device))
-3. Main decoder ([05. Main decoder](Labs/05.%20Main%20decoder))
-4. Datapath ([07. Datapath](Labs/07.%20Datapath))
+   1. Память ([03. Register file and memory](Labs/03.%20Register%20file%20and%20memory)),
+   2. Простейшее программируемое устройство ([04. Primitive programmable device](Labs/04.%20Primitive%20programmable%20device))
+3. Основной дешифратор ([05. Main decoder](Labs/05.%20Main%20decoder))
+4. Тракт данных ([07. Datapath](Labs/07.%20Datapath))
 5.
-   1. Load-store unit ([08. Load-store unit](Labs/08.%20Load-store%20unit))
-   2. Load-store unit integration ([09. LSU Integration](Labs/09.%20LSU%20Integration))
+   1. Модуль загрузки и сохранения ([08. Load-store unit](Labs/08.%20Load-store%20unit))
+   2. Интеграция блока загрузки и сохранения ([09. LSU Integration](Labs/09.%20LSU%20Integration))
 6.
-   1. Interrupt controller ([10. Interrupt subsystem](Labs/10.%20Interrupt%20subsystem))
-   2. Interrupt subsystem integration ([11. Interrupt Integration](Labs/11.%20Interrupt%20integration))
-7. Peripheral units ([13. Peripheral units](Labs/13.%20Peripheral%20units))
-8. Programming ([14. Programming](Labs/14.%20Programming))
+   1. Контроллер прерываний ([10. Interrupt subsystem](Labs/10.%20Interrupt%20subsystem))
+   2. Интеграция подсистемы прерываний ([11. Interrupt Integration](Labs/11.%20Interrupt%20integration))
+7. Периферийные устройства ([13. Peripheral units](Labs/13.%20Peripheral%20units))
+8. Программирование ([14. Programming](Labs/14.%20Programming))

.github/workflows/mdbook.yml

@@ -1,4 +1,4 @@
-# Builds the Russian (master) and English (english_version) editions of the
+# Builds the Russian and English editions of the
 # mdBook and deploys them as one GitHub Pages site:
 #
 #   /APS/        ← Russian
@@ -8,7 +8,7 @@ name: Deploy mdBook site to Pages
 
 on:
   push:
-    branches: ["master", "english_version"]
+    branches: ["russian_version", "english_version"]
   workflow_dispatch:
 
 permissions:
@@ -27,11 +27,11 @@ jobs:
       MDBOOK_VERSION: 0.4.36
 
     steps:
-      # ── 1. Checkout master (Russian) ──────────────────────────────────────
-      - name: Checkout master (Russian)
+      # ── 1. Checkout Russian version ──────────────────────────────────────
+      - name: Checkout Russian version
         uses: actions/checkout@v4
         with:
-          ref:  master
+          ref:  russian_version
         # checks out into $GITHUB_WORKSPACE (i.e. the working directory)
 
       # ── 2. Install mdBook ─────────────────────────────────────────────────
@@ -70,7 +70,7 @@ jobs:
           # Use the dedicated English book.toml (sets site-url = "/APS/en/")
           cp .github/book_en.toml book.toml
 
-          # Copy language-switcher theme files from the master checkout
+          # Copy language-switcher theme files from the russian_version checkout
           cp -r ../.github/theme ./theme
 
       - name: Build English (mdbook → english_src/book/)

.pic/Basic Verilog structures/assignments/fig_04.drawio.svg

@@ -1,81 +1,81 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="360px" height="130px" viewBox="-0.5 -0.5 360 130" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;P8pyWijp2L9BSJDeF9Nf&quot;&gt;3Vldc6IwFP01vjqEgMBjaz/2YXemMz5s9zGFFLJF4sRYdX/9BkkkIVjRUnTqi96TD5Jz77k3xBGczjePDC2yXzTB+ch1ks0I3o1cFzjAFV8lsq0QGEQVkDKSyE41MCP/sAmuSIKXBsQpzTlZmGBMiwLH3MAQY3RtdnulufnQBUqxBcxilNvob5LwrEJDN6jxH5ikmXoymMjtvaD4LWV0VcjnjVz4uvtUzXOk5nIqYJmhhK41CN6P4JRRyqtf880U5yW1irVq3MOB1v26GS54lwHSTe8oX8mtI7kwvlVk7LaDywHOCN6uM8LxbIHisnUtvC+wjM9zYQHx016AXNM7ZhxvNEgu6BHTOeZsK7rIVteR5MjY8Rxn7FfIunaGJztlmh8mEkPS/el+7poC8UOy0M4ItBixCOGMoCItrWNsMMoRJ7QQZuT0xA4Aig2lrShq4Qf4Nj8gUB0/w5B3nCFcJDelDIVV0AI3SdHjCW8Ify5bxo7rS/tP2Tb2YSDtu43W+W6rGU+YEbEBzCR2kOAlXbFYqVvuACdGFrAp1+j0W8JNYQznwsvvZu5oY1g+4YkSsbq9R8GkEe+wMUW1djlKF3NjIks4zYk4Yinm1kQ7h++33SkG/K+JAdP/H3u/EIt91g1tVGnWw3bW9pQIca8qQPbzKL+60Tg8M0TCZog4zZTQX5BMrCB5uXxxaRIwaHEJbJWIEJtJkzKe0ZQWKL+v0YZU6j4/KV1IXv5izrfyEIVWnJqsKXU5J6lrL14q/FchDyQ/6gldRWFHFX1WHq7pUhgGnSJabBBttW6LssPyg+dEUetzat9XM54rl/B4Tr3sySO69Mkj+t5VR+bLKlxlL3BVlQhCu3zA8yoRtE49X1iJgGMHyoCJd2wcbL8+8XaOms9mXqF/R/uAQfIwDNvzfV95WLGnpZn44ucWSy6DnlvUdc7V1iYYXLo2gQ4XB4MVJ6FK2ChQLjxSonbWee/T6opOL1z+VRUuD/RWuDxvyMJlX7aQwpYe3nAzmJac0Tc8pTlldbC9ijLSgFBO0lKHsfBv6fTbUnIkRvmNbJiTJDmoaTNke5Ax8CYmt6BFwtCOEthHjrPvNOiKf1+urThu4VrN2jvXEzs3DnceOzOn+kZGPZpNm6m+Psd1T6yBnVi7Xk2dljBPfhc+8M7d2xkssMQY52/fV4zAc00+A9dOfGEvYhRm/f9S5Zr6Pzx4/x8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="360px" height="130px" viewBox="-0.5 -0.5 360 130" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;P8pyWijp2L9BSJDeF9Nf&quot;&gt;3Vldc6IwFP01vjqEgMBjaz/2YXemMz5s9zGFFLJF4sRYdX/9BkkkIVjRUnTqi96TD5Jz77k3xBGczjePDC2yXzTB+ch1ks0I3o1cFzjAFV8lsq0QGEQVkDKSyE41MCP/sAmuSIKXBsQpzTlZmGBMiwLH3MAQY3RtdnulufnQBUqxBcxilNvob5LwrEJDN6jxH5ikmXoymMjtvaD4LWV0VcjnjVz4uvtUzXOk5nIqYJmhhK41CN6P4JRRyqtf880U5yW1irVq3MOB1v26GS54lwHSTe8oX8mtI7kwvlVk7LaDywHOCN6uM8LxbIHisnUtvC+wjM9zYQHx016AXNM7ZhxvNEgu6BHTOeZsK7rIVteR5MjY8Rxn7FfIunaGJztlmh8mEkPS/el+7poC8UOy0M4ItBixCOGMoCItrWNsMMoRJ7QQZuT0xA4Aig2lrShq4Qf4Nj8gUB0/w5B3nCFcJDelDIVV0AI3SdHjCW8Ify5bxo7rS/tP2Tb2YSDtu43W+W6rGU+YEbEBzCR2kOAlXbFYqVvuACdGFrAp1+j0W8JNYQznwsvvZu5oY1g+4YkSsbq9R8GkEe+wMUW1djlKF3NjIks4zYk4Yinm1kQ7h++33SkG/K+JAdP/H3u/EIt91g1tVGnWw3bW9pQIca8qQPbzKL+60Tg8M0TCZog4zZTQX5BMrCB5uXxxaRIwaHEJbJWIEJtJkzKe0ZQWKL+v0YZU6j4/KV1IXv5izrfyEIVWnJqsKXU5J6lrL14q/FchDyQ/6gldRWFHFX1WHq7pUhgGnSJabBBttW6LssPyg+dEUetzat9XM54rl/B4Tr3sySO69Mkj+t5VR+bLKlxlL3BVlQhCu3zA8yoRtE49X1iJgGMHyoCJd2wcbL8+8XaOms9mXqF/R/uAQfIwDNvzfV95WLGnpZn44ucWSy6DnlvUdc7V1iYYXLo2gQ4XB4MVJ6FK2ChQLjxSonbWee/T6opOL1z+VRUuD/RWuDxvyMJlX7aQwpYe3nAzmJac0Tc8pTlldbC9ijLSgFBO0lKHsfBv6fTbUnIkRvmNbJiTJDmoaTNke5Ax8CYmt6BFwtCOEthHjrPvNOiKf1+urThu4VrN2jvXEzs3DnceOzOn+kZGPZpNm6m+Psd1T6yBnVi7Xk2dljBPfhc+8M7d2xkssMQY52/fV4zAc00+A9dOfGEvYhRm/f9S5Zr6Pzx4/x8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="78" y="48.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="78" y="48.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 79px; margin-left: 79px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="98" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="98" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 89.5 47.5 L 104.5 56.25 L 89.5 65 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,97,56.25)" pointer-events="all"/>
-        <path d="M 37.33 79.11 L 78 79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 118 78.5 L 158 78.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="158" y="48.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 89.5 47.5 L 104.5 56.25 L 89.5 65 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,97,56.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 37.33 79.11 L 78 79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 118 78.5 L 158 78.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="158" y="48.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 79px; margin-left: 159px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="178" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="178" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 177 48.75 L 177 35 L 101 35" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="98" cy="35" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 169.5 47.5 L 184.5 56.25 L 169.5 65 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,177,56.25)" pointer-events="all"/>
-        <path d="M 198 78.5 L 238 78.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 258 48.5 L 258 35 L 180 35" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="177" cy="35" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="238" y="48.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 177 48.75 L 177 35 L 101 35" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="98" cy="35" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 169.5 47.5 L 184.5 56.25 L 169.5 65 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,177,56.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 198 78.5 L 238 78.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 258 48.5 L 258 35 L 180 35" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="177" cy="35" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="238" y="48.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 79px; margin-left: 239px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 c
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="258" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="258" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     c
                 </text>
             </switch>
         </g>
-        <path d="M 249.5 47.5 L 264.5 56.25 L 249.5 65 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,257,56.25)" pointer-events="all"/>
-        <path d="M 278 78.5 L 318.06 78.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 249.5 47.5 L 264.5 56.25 L 249.5 65 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,257,56.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 278 78.5 L 318.06 78.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="24" y="63" width="13" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 11px; height: 1px; padding-top: 78px; margin-left: 25px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 in
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="31" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="31" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     in
                 </text>
             </switch>
@@ -86,31 +86,31 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 19px; height: 1px; padding-top: 78px; margin-left: 319px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 out
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="329" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="329" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     out
                 </text>
             </switch>
         </g>
-        <path d="M 38 35 L 98 35 L 98 48.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 38 35 L 98 35 L 98 48.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="20" y="20" width="18" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 16px; height: 1px; padding-top: 35px; margin-left: 21px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="29" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="29" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     clk
                 </text>
             </switch>

.pic/Basic Verilog structures/assignments/fig_06.drawio.svg

@@ -1,85 +1,85 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="360px" height="151px" viewBox="-0.5 -0.5 360 151" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;qWCpWVrluKFoeLL3cm8k&quot;&gt;5VrLctowFP0atoxk+blMyaOLdiYzLNouFVux1RiLESJAv75yLGNLMuAQYzopm6Cjh+Vzzz26UTJBs8X2geNl9p0lJJ84INlO0O3EcSCAjvxRIrsKQUFUASmniRrUAHP6h+jgmiZkpUGCsVzQpQ7GrChILDQMc842+rBnlusPXeKUWMA8xrmN/qCJyCo0dIIG/0pomtVPhr56vSccv6ScrQv1vImDnt8+VfcC12uBClhlOGGbFoTuJmjGGRPVt8V2RvKS2pq1at79gd79vjkpRJ8JKkyvOF+rV8dqY2JXk/H2OqScACboyyajgsyXOC57NzL6EsvEIpctKL/aG1B7eiVckG0LUht6IGxBBN/JIarXAYocpR0XgKlXIZsmGK4alLXi4CsMq/Cn+7UbCuQXxUI3I8hixCJEcIqLtGydYoMzgQVlhWxGYCB2IKzZqHMrijr4gZ7NDwzqgR9hyD3NECmSmzINZatgBTFJaeuJbKn4WfZMgeOp9q+yb+qhQLVvt63Bt7tW45FwKl+AcIUdJHjF1jyus9uvMJJoLmBT3qLT65BbjXGSyyi/6t7RxbB6wiOjcnf7iELf0Dsylqj2rma1k9lYyEoccyGBeUqEtZAMFd61hi3LAasjGw5dXYB+cHRf5vh6X43eqh006tvHoJcgvcsIUhej4w8nxn9EeHsPbeIyBT5oPv6ZOvT8s3R4Ruh9O9KS27lqMi4ylrIC53cNaoS7GfONsaWK+28ixE5VJXgtmK6XWiFAV8hxfTQCZFKoFXJP85PnZtu4gp7y+aghHcjvoX3E8b1OnRzUlTHe8J0P+0hg+ciTJa/Ri6HwmsVQ+F+lVzROeu2L/1rG4YXSK4o6nzNUukSnj93rVsrRtStlCMaoTEB4mTK572kzTrGCkFmsgCk6rz5BaLT6BEI74CM66FT7jeryDgrRSBYqE7lVpwI4iqGisNu4hzJU2OEOn/i4HU0sB8rGweXhBqZDHbchY/zQ5Sy0r7JiS2Bj17PIvOwYtZ6FPe6urlqzoODqNcsotykn3EXuuTq/AEA1UN/D7IFm8ltLm33evaBKmMoPalJ7mtQ4VZALB6uCXOv2B5j6GbAO8i1V0cJOPbIVuphWgrMXMmM5443YnuVBY0A4p2mZh7GMbxn0L2XK0RjnN6pjQZPkYE7rkh0gjaGrV5jIg3YKI1slaAiPs68x2Fp8Xq4tHUPbLutVB+f6qhckZ3qqpznqSTc1rb6p9Poba2Qbq9PTV99nmO++IzlwFzNYDWZfksT5y+dNRug6Op+BYxtfOEgyymbzd/IqNM3/IqC7vw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="360px" height="151px" viewBox="-0.5 -0.5 360 151" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;qWCpWVrluKFoeLL3cm8k&quot;&gt;5VrLctowFP0atoxk+blMyaOLdiYzLNouFVux1RiLESJAv75yLGNLMuAQYzopm6Cjh+Vzzz26UTJBs8X2geNl9p0lJJ84INlO0O3EcSCAjvxRIrsKQUFUASmniRrUAHP6h+jgmiZkpUGCsVzQpQ7GrChILDQMc842+rBnlusPXeKUWMA8xrmN/qCJyCo0dIIG/0pomtVPhr56vSccv6ScrQv1vImDnt8+VfcC12uBClhlOGGbFoTuJmjGGRPVt8V2RvKS2pq1at79gd79vjkpRJ8JKkyvOF+rV8dqY2JXk/H2OqScACboyyajgsyXOC57NzL6EsvEIpctKL/aG1B7eiVckG0LUht6IGxBBN/JIarXAYocpR0XgKlXIZsmGK4alLXi4CsMq/Cn+7UbCuQXxUI3I8hixCJEcIqLtGydYoMzgQVlhWxGYCB2IKzZqHMrijr4gZ7NDwzqgR9hyD3NECmSmzINZatgBTFJaeuJbKn4WfZMgeOp9q+yb+qhQLVvt63Bt7tW45FwKl+AcIUdJHjF1jyus9uvMJJoLmBT3qLT65BbjXGSyyi/6t7RxbB6wiOjcnf7iELf0Dsylqj2rma1k9lYyEoccyGBeUqEtZAMFd61hi3LAasjGw5dXYB+cHRf5vh6X43eqh006tvHoJcgvcsIUhej4w8nxn9EeHsPbeIyBT5oPv6ZOvT8s3R4Ruh9O9KS27lqMi4ylrIC53cNaoS7GfONsaWK+28ixE5VJXgtmK6XWiFAV8hxfTQCZFKoFXJP85PnZtu4gp7y+aghHcjvoX3E8b1OnRzUlTHe8J0P+0hg+ciTJa/Ri6HwmsVQ+F+lVzROeu2L/1rG4YXSK4o6nzNUukSnj93rVsrRtStlCMaoTEB4mTK572kzTrGCkFmsgCk6rz5BaLT6BEI74CM66FT7jeryDgrRSBYqE7lVpwI4iqGisNu4hzJU2OEOn/i4HU0sB8rGweXhBqZDHbchY/zQ5Sy0r7JiS2Bj17PIvOwYtZ6FPe6urlqzoODqNcsotykn3EXuuTq/AEA1UN/D7IFm8ltLm33evaBKmMoPalJ7mtQ4VZALB6uCXOv2B5j6GbAO8i1V0cJOPbIVuphWgrMXMmM5443YnuVBY0A4p2mZh7GMbxn0L2XK0RjnN6pjQZPkYE7rkh0gjaGrV5jIg3YKI1slaAiPs68x2Fp8Xq4tHUPbLutVB+f6qhckZ3qqpznqSTc1rb6p9Poba2Qbq9PTV99nmO++IzlwFzNYDWZfksT5y+dNRug6Op+BYxtfOEgyymbzd/IqNM3/IqC7vw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="78" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="78" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 100px; margin-left: 79px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="98" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="98" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 89.5 68.5 L 104.5 77.25 L 89.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,97,77.25)" pointer-events="all"/>
-        <path d="M 37.33 36.11 L 62 36 L 62 100 L 78 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 118 100.06 L 134 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 158 99.5 L 143 99.5 L 143 36 L 65 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="62" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="158" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 89.5 68.5 L 104.5 77.25 L 89.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,97,77.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 37.33 36.11 L 62 36 L 62 100 L 78 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 118 100.06 L 134 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 158 99.5 L 143 99.5 L 143 36 L 65 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="62" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="158" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 100px; margin-left: 159px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="178" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="178" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 177 69.75 L 177 56 L 101 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="98" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 169.5 68.5 L 184.5 77.25 L 169.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,177,77.25)" pointer-events="all"/>
-        <path d="M 198 99.98 L 214 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 258 69.5 L 258 56 L 180 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="177" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 238 99.5 L 225 99.5 L 225 36 L 146 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="143" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="238" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 177 69.75 L 177 56 L 101 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="98" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 169.5 68.5 L 184.5 77.25 L 169.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,177,77.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 198 99.98 L 214 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 258 69.5 L 258 56 L 180 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="177" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 238 99.5 L 225 99.5 L 225 36 L 146 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="143" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="238" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 100px; margin-left: 239px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 c
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="258" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="258" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     c
                 </text>
             </switch>
         </g>
-        <path d="M 249.5 68.5 L 264.5 77.25 L 249.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,257,77.25)" pointer-events="all"/>
-        <path d="M 278 99.5 L 318.06 99.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 249.5 68.5 L 264.5 77.25 L 249.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,257,77.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 278 99.5 L 318.06 99.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="24" y="20" width="13" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 11px; height: 1px; padding-top: 35px; margin-left: 25px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 in
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="31" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="31" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     in
                 </text>
             </switch>
@@ -90,31 +90,31 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 19px; height: 1px; padding-top: 99px; margin-left: 319px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 out
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="329" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="329" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     out
                 </text>
             </switch>
         </g>
-        <path d="M 38 56 L 98 56 L 98 69.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 38 56 L 98 56 L 98 69.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="20" y="41" width="18" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 16px; height: 1px; padding-top: 56px; margin-left: 21px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="29" y="60" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="29" y="60" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     clk
                 </text>
             </switch>

.pic/Basic Verilog structures/concatenation/fig_01.drawio.svg

@@ -1,58 +1,58 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="368px" height="138px" viewBox="-0.5 -0.5 368 138" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;daXde_VTdxSPEikahYEb&quot;&gt;7ZtPc6IwFMA/DcfuABHQY7Xd7mF3Zmd62HOECEwjcUOstp9+AyRI+OPaNtoi6EF4CY/k/d4LySMaYLHeP1C4iX6RAGHDNoO9Ae4M27ZMy+Y/meSlkABvVghCGgei0kHwGL8ieaWQbuMApUpFRghm8UYV+iRJkM8UGaSU7NRqK4LVu25giBqCRx/ipvRPHLCokE5t7yD/geIwkne2XNG/JfSfQkq2ibifYYNV/imK11DqEh1NIxiQXUUE7g2woISw4mi9XyCc2Vaarbjue0dp2W6KEnbKBYLTM8RbJFuct4u9SFugJLjNTMrPEpJw4Txia8zPLH6YdxVlykx+ljJKnkqLAS5ZkYQtCCY01wXM/FPWbCtp9kB0CgUKM9GfB0TWiNEXXmF3IOUI80YVSFJGEYYsflZJQ+EwYamuvMNvEvOW2KZwbiDRCde2J6aqIiVb6iNxVdX0NUUT8z+KGKQhYg1F/KDS7YMoJ9tOGXwVypO77NtHylNdlOuK9FGenJGyMwjK5flHKTcU6aPsjJQ/StnVRbmuSB9ld6T8Rsqe6ahwzHdSnrrmcUX6KHtaKV8fUwBqKMA7mQKnpsg6G9Npg+m0CZWb9ydc8kWTghPiOEz4sc9xIM5q/owoi/mq5FYUrOMgyHTMKUrjV7jM9WWIN1nD8644c8PJ0OJM/bxcjUj6woe6XKXpENJFeUvQXsEo1l6iFUZ1/aK4irjK/OZYrqfFLW6mCswbR1VAVqsUfRTjbAzNt4Wmpys0nbOFpgz6CtQWqv2JTemjQ4tNyxqD8/hcyJodf9ydGpweUBXZs/MFp92A6vY5OEsnHVx0tmWbXMyE9RSg7t8tkQU3aZ4GvuUVuCX3uVFlOT8Ks18oNfFGFMoKecNRuMmZ6iNqNEucMcY10em+tItihh430M/uuaNwc/LI0jl+NJyl0ylAbZVSPtwqI4zbMsLUZ9BVn1GgHyPclmnSRHg5Eu4i7FyQcFuWSRNhfyTcRXh2QcJtGSZNhIORcAfhctV0CcJt2SVNhNFIWM6QbTXtaHsXJNzMNTVnzBfJEvfm7W0fs8TWJ+WiaiXSMew+YO7hAli+pbqaBfBQ01P2J6WnehyvfcwmS6rXkk3unPtcfbyec3vUdU6j+rilQvP+qEEOyz14/96yQarXL+BLtx3csPxl9kD1d1juwX5GzZugBrkF/ettTuanhz8xFNUP/xQB9/8A&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="368px" height="138px" viewBox="-0.5 -0.5 368 138" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;daXde_VTdxSPEikahYEb&quot;&gt;7ZtPc6IwFMA/DcfuABHQY7Xd7mF3Zmd62HOECEwjcUOstp9+AyRI+OPaNtoi6EF4CY/k/d4LySMaYLHeP1C4iX6RAGHDNoO9Ae4M27ZMy+Y/meSlkABvVghCGgei0kHwGL8ieaWQbuMApUpFRghm8UYV+iRJkM8UGaSU7NRqK4LVu25giBqCRx/ipvRPHLCokE5t7yD/geIwkne2XNG/JfSfQkq2ibifYYNV/imK11DqEh1NIxiQXUUE7g2woISw4mi9XyCc2Vaarbjue0dp2W6KEnbKBYLTM8RbJFuct4u9SFugJLjNTMrPEpJw4Txia8zPLH6YdxVlykx+ljJKnkqLAS5ZkYQtCCY01wXM/FPWbCtp9kB0CgUKM9GfB0TWiNEXXmF3IOUI80YVSFJGEYYsflZJQ+EwYamuvMNvEvOW2KZwbiDRCde2J6aqIiVb6iNxVdX0NUUT8z+KGKQhYg1F/KDS7YMoJ9tOGXwVypO77NtHylNdlOuK9FGenJGyMwjK5flHKTcU6aPsjJQ/StnVRbmuSB9ld6T8Rsqe6ahwzHdSnrrmcUX6KHtaKV8fUwBqKMA7mQKnpsg6G9Npg+m0CZWb9ydc8kWTghPiOEz4sc9xIM5q/owoi/mq5FYUrOMgyHTMKUrjV7jM9WWIN1nD8644c8PJ0OJM/bxcjUj6woe6XKXpENJFeUvQXsEo1l6iFUZ1/aK4irjK/OZYrqfFLW6mCswbR1VAVqsUfRTjbAzNt4Wmpys0nbOFpgz6CtQWqv2JTemjQ4tNyxqD8/hcyJodf9ydGpweUBXZs/MFp92A6vY5OEsnHVx0tmWbXMyE9RSg7t8tkQU3aZ4GvuUVuCX3uVFlOT8Ks18oNfFGFMoKecNRuMmZ6iNqNEucMcY10em+tItihh430M/uuaNwc/LI0jl+NJyl0ylAbZVSPtwqI4zbMsLUZ9BVn1GgHyPclmnSRHg5Eu4i7FyQcFuWSRNhfyTcRXh2QcJtGSZNhIORcAfhctV0CcJt2SVNhNFIWM6QbTXtaHsXJNzMNTVnzBfJEvfm7W0fs8TWJ+WiaiXSMew+YO7hAli+pbqaBfBQ01P2J6WnehyvfcwmS6rXkk3unPtcfbyec3vUdU6j+rilQvP+qEEOyz14/96yQarXL+BLtx3csPxl9kD1d1juwX5GzZugBrkF/ettTuanhz8xFNUP/xQB9/8A&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 21 37.8 L 69 37.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 61.8 L 69 61.8" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 85.8 L 69 85.8" fill="none" stroke="#4d4d4d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 109.8 L 69 109.8" fill="none" stroke="#4d4d4d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 252 73.8 L 345 73.8" fill="none" stroke="#4d4d4d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27 91.8 L 39 79.8" fill="none" stroke="#4d4d4d" stroke-width="0.6" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 21 37.8 L 69 37.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 21 61.8 L 69 61.8" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 21 85.8 L 69 85.8" fill="none" stroke="#4d4d4d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 21 109.8 L 69 109.8" fill="none" stroke="#4d4d4d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 252 73.8 L 345 73.8" fill="none" stroke="#4d4d4d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 27 91.8 L 39 79.8" fill="none" stroke="#4d4d4d" stroke-width="0.6" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 134px; margin-left: 52px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 8
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="52" y="137" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="52" y="137" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     8
                 </text>
             </switch>
         </g>
-        <path d="M 27 115.8 L 39 103.8" fill="none" stroke="#4d4d4d" stroke-width="0.6" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 27 115.8 L 39 103.8" fill="none" stroke="#4d4d4d" stroke-width="0.6" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 174px; margin-left: 52px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 2
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="52" y="177" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="52" y="177" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     2
                 </text>
             </switch>
         </g>
-        <path d="M 260.4 79.8 L 272.4 67.8" fill="none" stroke="#4d4d4d" stroke-width="0.6" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 260.4 79.8 L 272.4 67.8" fill="none" stroke="#4d4d4d" stroke-width="0.6" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 114px; margin-left: 441px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 6
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="441" y="117" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="441" y="117" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     6
                 </text>
             </switch>
@@ -63,7 +63,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 48px; margin-left: 76px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -71,7 +71,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="105" y="52" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="105" y="52" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -82,7 +82,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 88px; margin-left: 76px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -90,7 +90,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="105" y="92" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="105" y="92" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
@@ -101,7 +101,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 128px; margin-left: 76px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -109,7 +109,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="105" y="132" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="105" y="132" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
@@ -120,7 +120,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 168px; margin-left: 76px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d
                                 </font>
@@ -128,7 +128,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="105" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="105" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -139,7 +139,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 108px; margin-left: 441px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e
                                 </font>
@@ -147,66 +147,66 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="470" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="470" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e
                 </text>
             </switch>
         </g>
-        <path d="M 252 73.8 L 345 73.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 260.4 79.8 L 272.4 67.8" fill="none" stroke="#000000" stroke-width="1.2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 252 73.8 L 345 73.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 260.4 79.8 L 272.4 67.8" fill="none" stroke="#000000" stroke-width="1.2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 114px; margin-left: 441px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 6
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="441" y="117" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="441" y="117" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     6
                 </text>
             </switch>
         </g>
-        <path d="M 27 115.8 L 39 103.8" fill="none" stroke="#000000" stroke-width="1.2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 27 115.8 L 39 103.8" fill="none" stroke="#000000" stroke-width="1.2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 174px; margin-left: 52px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 2
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="52" y="177" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="52" y="177" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     2
                 </text>
             </switch>
         </g>
-        <path d="M 21 109.8 L 69 109.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27 91.8 L 39 79.8" fill="none" stroke="#000000" stroke-width="1.2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 21 109.8 L 69 109.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27 91.8 L 39 79.8" fill="none" stroke="#000000" stroke-width="1.2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 134px; margin-left: 52px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 8
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="52" y="137" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="52" y="137" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     8
                 </text>
             </switch>
         </g>
-        <path d="M 21 85.8 L 69 85.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 61.8 L 69 61.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 21 85.8 L 69 85.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 21 61.8 L 69 61.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/concatenation/fig_02.drawio.svg

@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="311px" height="150px" viewBox="-0.5 -0.5 311 150" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;rPwlgswUDT4InRkh18ho&quot;&gt;7VxLc5swEP41HN0BBNg+hrhND+1MZjLTtEcMss0EW64sx3Z/fSWQeAiMH0EEJzgHo5VYif0+rdiVYg3cL/cP2FsvfqIARpqpB3sNTDTTNHTDpF9MckgkYDhOBHMcBrxRJngK/0FxJ5duwwBuCg0JQhEJ10Whj1Yr6JOCzMMY7YrNZigq9rr25rAkePK9qCx9DgOySKQjc5jJv8NwvhA9Gw5/vqnnv8wx2q54f5oJZvEnqV56Qhd/0M3CC9AuJwJfNXCPESLJ1XJ/DyNmW2G25L5vR2rTcWO4IufcYILkjlcv2kIxZCei97ozRFXQEZIDt4rzd4tExWATY3ZHG9DuKO5uVk+v5uwbarZrafZEKKSjSHQm1dwAqXqTwD2TL8gyogKDXm4IRi/wHkUIU8kKrSDrPowiSeRF4XxFiz59akjl7ivEJKRw3vGKZRgErBt3twgJfFp7PutzR8lLZTFckBlE508n1FP09PiTDjdvWW5s1hfc50Tc0g8QLSHBB9qE11oCdTErBN13GcccLlrk6AW4zOOsnqeaM2TpBQf3CNCOWqDNHugaoIctAj1SC7TRA30caEtvD2igcEYHPdBFoFNX/Q5Am5baGQ16oGtct9Ui0KZaoO0e6ONAm6MWgR6rBVrvga5Zo0F7QFd5bsn+cBXcsYg1s2sOiqKREmBEQGrXmK0IYb6GdvctZOOd1JoXBoUAuWzcnPHsCuMJGYaRR8LXYlhdZVHewyMKY/7vxdIneeORBMoGbbEP+V35OFdSBGS3LisiHp5DUlIUA5w+9lmY253D/NZQtoTJ3opySVFzKA8bRflyTIu8sG4B5aE0BcdXzuV0pZaj6+ZRVhhLj85doBl8P7wpjIoEOn/1xZAOx5vG+hh11swwsalsl70oADdi6t00dSkv/UfIyeQ8dWuYlQQUk0Req9PELR+Vlk9+Vq3h+hfbcIaN0HBgGAX2pGWhAs1mG/hW4lS94PXu4RL3YIErFwHZPViGpKg59yCSAir8g3nz/qHMODErPp8/MBTus3h9qCdqx1JMP+ZTv4VQz1CYpZv2CB9BGJgtIlwV2TWEsC80TXEGbo95NeZOi5gr3WTpEa5G2NKt9hCuiuQby8X2CPMgQY7ZBZxtbJSaKv128YxL775Pbp22uaMGFL52+9LWaQ/9aehbPAcDFPr1oN9jO3E8osU9NlCVpL0+11bMnIEau5Wyb9aE/dVZtCO5thQe+SDipbk2W1Z05rYaBcM75JrxlNPxAcshgFE41kovEo1X79mp3LTrOfQ5ONTslmATG78bajoiOkR0YELGjwAYN8Czk/Q4l2eOfh3PrqCCWOre353czBmA8tZ9x91JacCOXjsu2f1I7d/sfhzx0tYdzn0E91OCWX5l7RovSzwDDfOsKpvS+7ZLOHT1EvZuvk2/0LfpDXOuKo3zvpyD+5D8Zvq+sI3opPwnLgMAeHmy5x3GhUOu8AhxSJ+fRfST8qnMN/nNhEscR9CpeVAKGeSDW12fB2LAR88fyiHGifalkGTY8LxRef74Y/rq0oljq+McLXHIaphDnUmN3C6HPntqZOoOfj/bD7+enV8vf8ePj8vB3WHgNJu3/QxnJG1bwunaI9S2c2Ilbi4XUo29wn+Acj7gwcn6CfThj1PSYvaTGEnz7HdHwNf/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="311px" height="150px" viewBox="-0.5 -0.5 311 150" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;rPwlgswUDT4InRkh18ho&quot;&gt;7VxLc5swEP41HN0BBNg+hrhND+1MZjLTtEcMss0EW64sx3Z/fSWQeAiMH0EEJzgHo5VYif0+rdiVYg3cL/cP2FsvfqIARpqpB3sNTDTTNHTDpF9MckgkYDhOBHMcBrxRJngK/0FxJ5duwwBuCg0JQhEJ10Whj1Yr6JOCzMMY7YrNZigq9rr25rAkePK9qCx9DgOySKQjc5jJv8NwvhA9Gw5/vqnnv8wx2q54f5oJZvEnqV56Qhd/0M3CC9AuJwJfNXCPESLJ1XJ/DyNmW2G25L5vR2rTcWO4IufcYILkjlcv2kIxZCei97ozRFXQEZIDt4rzd4tExWATY3ZHG9DuKO5uVk+v5uwbarZrafZEKKSjSHQm1dwAqXqTwD2TL8gyogKDXm4IRi/wHkUIU8kKrSDrPowiSeRF4XxFiz59akjl7ivEJKRw3vGKZRgErBt3twgJfFp7PutzR8lLZTFckBlE508n1FP09PiTDjdvWW5s1hfc50Tc0g8QLSHBB9qE11oCdTErBN13GcccLlrk6AW4zOOsnqeaM2TpBQf3CNCOWqDNHugaoIctAj1SC7TRA30caEtvD2igcEYHPdBFoFNX/Q5Am5baGQ16oGtct9Ui0KZaoO0e6ONAm6MWgR6rBVrvga5Zo0F7QFd5bsn+cBXcsYg1s2sOiqKREmBEQGrXmK0IYb6GdvctZOOd1JoXBoUAuWzcnPHsCuMJGYaRR8LXYlhdZVHewyMKY/7vxdIneeORBMoGbbEP+V35OFdSBGS3LisiHp5DUlIUA5w+9lmY253D/NZQtoTJ3opySVFzKA8bRflyTIu8sG4B5aE0BcdXzuV0pZaj6+ZRVhhLj85doBl8P7wpjIoEOn/1xZAOx5vG+hh11swwsalsl70oADdi6t00dSkv/UfIyeQ8dWuYlQQUk0Req9PELR+Vlk9+Vq3h+hfbcIaN0HBgGAX2pGWhAs1mG/hW4lS94PXu4RL3YIErFwHZPViGpKg59yCSAir8g3nz/qHMODErPp8/MBTus3h9qCdqx1JMP+ZTv4VQz1CYpZv2CB9BGJgtIlwV2TWEsC80TXEGbo95NeZOi5gr3WTpEa5G2NKt9hCuiuQby8X2CPMgQY7ZBZxtbJSaKv128YxL775Pbp22uaMGFL52+9LWaQ/9aehbPAcDFPr1oN9jO3E8osU9NlCVpL0+11bMnIEau5Wyb9aE/dVZtCO5thQe+SDipbk2W1Z05rYaBcM75JrxlNPxAcshgFE41kovEo1X79mp3LTrOfQ5ONTslmATG78bajoiOkR0YELGjwAYN8Czk/Q4l2eOfh3PrqCCWOre353czBmA8tZ9x91JacCOXjsu2f1I7d/sfhzx0tYdzn0E91OCWX5l7RovSzwDDfOsKpvS+7ZLOHT1EvZuvk2/0LfpDXOuKo3zvpyD+5D8Zvq+sI3opPwnLgMAeHmy5x3GhUOu8AhxSJ+fRfST8qnMN/nNhEscR9CpeVAKGeSDW12fB2LAR88fyiHGifalkGTY8LxRef74Y/rq0oljq+McLXHIaphDnUmN3C6HPntqZOoOfj/bD7+enV8vf8ePj8vB3WHgNJu3/QxnJG1bwunaI9S2c2Ilbi4XUo29wn+Acj7gwcn6CfThj1PSYvaTGEnz7HdHwNf/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
         <rect x="157.8" y="37.8" width="36" height="18" fill="none" stroke="none" pointer-events="all"/>
@@ -7,7 +7,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 78px; margin-left: 264px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[4]
                                 </font>
@@ -15,7 +15,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="293" y="82" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="293" y="82" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[4]
                 </text>
             </switch>
@@ -26,7 +26,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 138px; margin-left: 264px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[2]
                                 </font>
@@ -34,7 +34,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="293" y="142" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="293" y="142" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[2]
                 </text>
             </switch>
@@ -45,7 +45,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 168px; margin-left: 264px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[1]
                                 </font>
@@ -53,7 +53,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="293" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="293" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[1]
                 </text>
             </switch>
@@ -64,7 +64,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 168px; margin-left: 154px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d[1]
                                 </font>
@@ -72,7 +72,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="183" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="183" y="172" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d[1]
                 </text>
             </switch>
@@ -83,7 +83,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 108px; margin-left: 264px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[3]
                                 </font>
@@ -91,7 +91,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="293" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="293" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[3]
                 </text>
             </switch>
@@ -102,7 +102,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 48px; margin-left: 264px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[5]
                                 </font>
@@ -110,7 +110,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="293" y="52" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="293" y="52" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[5]
                 </text>
             </switch>
@@ -121,7 +121,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 198px; margin-left: 264px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[0]
                                 </font>
@@ -129,20 +129,20 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="293" y="202" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="293" y="202" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[0]
                 </text>
             </switch>
         </g>
-        <path d="M 49.8 79.8 L 97.8 79.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 49.8 105 L 97.8 105" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 67.8 85.8 L 73.8 73.8" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 49.8 79.8 L 97.8 79.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 49.8 105 L 97.8 105" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 67.8 85.8 L 73.8 73.8" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 117px; margin-left: 110px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 20px;">
                                     8
                                 </font>
@@ -150,18 +150,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="110" y="121" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="110" y="121" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     8
                 </text>
             </switch>
         </g>
-        <path d="M 67.8 111 L 73.8 99" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 67.8 111 L 73.8 99" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 159px; margin-left: 110px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 20px;">
                                     2
                                 </font>
@@ -169,7 +169,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="110" y="163" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="110" y="163" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     2
                 </text>
             </switch>
@@ -180,7 +180,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 60px; margin-left: 34px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -188,7 +188,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="63" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="63" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -199,7 +199,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 34px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -207,7 +207,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="63" y="94" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="63" y="94" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
@@ -218,7 +218,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 130px; margin-left: 34px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                     <br/>
@@ -227,7 +227,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="63" y="134" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="63" y="134" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
@@ -238,7 +238,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 172px; margin-left: 34px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d
                                 </font>
@@ -246,7 +246,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="63" y="176" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="63" y="176" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -257,7 +257,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 128px; margin-left: 424px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e
                                 </font>
@@ -265,7 +265,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="453" y="132" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="453" y="132" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e
                 </text>
             </switch>
@@ -276,7 +276,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 108px; margin-left: 154px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c[4]
                                     <br/>
@@ -285,7 +285,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="183" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="183" y="112" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c[4]
                 </text>
             </switch>
@@ -296,7 +296,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 138px; margin-left: 154px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c[3]
                                     <br/>
@@ -305,7 +305,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="183" y="142" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="183" y="142" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c[3]
                 </text>
             </switch>
@@ -316,7 +316,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 198px; margin-left: 154px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d[0]
                                 </font>
@@ -324,30 +324,30 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="183" y="202" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="183" y="202" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d[0]
                 </text>
             </switch>
         </g>
-        <path d="M 163.8 37.8 L 199.8 37.8 L 223.8 79.8" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 163.8 37.8 L 199.8 37.8 L 223.8 79.8" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 225.6 79.8 L 265.8 79.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="223.8" cy="79.8" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="3" pointer-events="all"/>
-        <path d="M 97.8 103.8 L 97.8 127.8 L 199.8 127.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 99.6 109.8 L 199.8 109.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="97.8" cy="109.8" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
-        <path d="M 97.8 79.8 L 97.8 91.8 L 199.8 91.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 97.81 77.99 L 97.8 73.8 L 139.8 73.8 L 199.8 73.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="97.81" cy="79.79" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
-        <path d="M 49.8 55.8 L 199.8 55.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 49.8 37.8 L 199.8 37.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 235.8 85.8 L 241.8 73.8" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 163.8 37.8 L 199.8 37.8 L 223.8 79.8" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 163.8 37.8 L 199.8 37.8 L 223.8 79.8" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 225.6 79.8 L 265.8 79.8" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="223.8" cy="79.8" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="3" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 97.8 103.8 L 97.8 127.8 L 199.8 127.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 99.6 109.8 L 199.8 109.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="97.8" cy="109.8" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 97.8 79.8 L 97.8 91.8 L 199.8 91.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 97.81 77.99 L 97.8 73.8 L 139.8 73.8 L 199.8 73.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="97.81" cy="79.79" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 49.8 55.8 L 199.8 55.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 49.8 37.8 L 199.8 37.8 L 223.8 79.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 235.8 85.8 L 241.8 73.8" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 117px; margin-left: 390px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 20px;">
                                     6
                                 </font>
@@ -355,7 +355,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="390" y="121" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="390" y="121" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     6
                 </text>
             </switch>

.pic/Basic Verilog structures/concatenation/fig_03.drawio.svg

@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="271px" height="110px" viewBox="-0.5 -0.5 271 110" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;EIet9MYux51GHqJI1um2&quot;&gt;7Vzfc6IwEP5reGwHCKA+1tr2Hu5mbqYP9xwlKlM0Hsaq99dfIgk/QqBqCWob+6BuwmbZ78uGbLZa4HGxe0ngav4Lhyi2XDvcWWBkua5jOy59Y5J9KgG9QSqYJVHIO+WC1+gfEldy6SYK0brUkWAck2hVFk7wcokmpCSDSYK35W5THJdHXcEZqgheJzCuSv9EIZmn0r7by+U/UDSbi5GdgN/fGE7eZgneLPl4lgumh1favIBCF7/R9RyGeFsQgScLPCYYk/TTYveIYuZb4bb0uuea1szuBC3JMRdwnN5hvEHC4iCmlw6nmGqgBpI9d0rwd4NFw936ANkD7UBHo7AP83b6acbekeUPPcsfCYXUiFRn2szvP1PvErRj8jlZxFTg0I9rkuA39IhjnFDJEi8RGz6KY0kE42i2pF8n9KYRlQ/fUUIiiuYDb1hEYciGGW7nEUGvKzhhY24pd6nsgBZi/rD53Qn1FDz78MrMLTqW+5qNhXYFEXf0C8ILRJI97cJbgc9BF5NCsH2bUyzgonmBXYDLICf1LNOcA0s/cGzVOAO9OLsG5wace93h7OnF2TE41+Ps2d3h7OvDOTQ4l3H2gsvhHOidz8Dg3BC3ve5w7unF2Tc41+Ps9rvDua8XZ9vg3LA+g+5wHihwlvyPluED26rmfi1AUXZSCozYifoNbitDWGyhwz1HzN5Ro3tRWNoZV51bcJ6vcJ6QJSiGJHov76dVHuUj/MbRgf8cO38gxeK+BMoab5IJ4lcVN7iyIucDRQQmM0Qqig4AZ7d9FOZipCsC/dZg9oTLPgtzRVGLMDutwnw6qGVieLcAs/xkNTh3NkuP4tnWWgPMGlNj/WPXaIbfTzhGcZlBxy/ACaLmwPFBH+POinnm4Ct/yJ4VwDBm6odZ2lJe/WvYyeQ8bUsdpWRg3XqdZW25WVYx86lax+173wl6rRDxTli1l74LFXg6XaNPU0eVbTMR4pQI4YFzFwJ5s+5IilqMEBqTbe7NRwgF48S0+IYRQWO+DpoNn5j7fWljP+Bzv4MNn6MxUzc2CNcgDNwOEdaYo5sITeMkB9dgrsY86BBzjfm60CBcg7Bne90hrMrUtZaRNQgLL8tzuLtUrCi10RO3yzUuJnx/eHra5amaq0rVtQg9MNCfBH2HhTDiwVBXhYQ5aWuqkOjwpE1Z2nZ+sq2cOgMNfquk37wR+2vy6JUk27ICFrkQ8dRkG5AVHXm4RsGA+0I3nnOqNThbMySDc4qkGs9NzyjL5gyHDIdO4ZAqxdcWh847/V1T1xExIKaGCRkvBHBugGcf0uNYnmWLjf5CAGXV3kXCye0UAlTO7688nFQMDuxmu7zG/p8PP6rs5GU59xXCTwVm+ZH12nhZ4RlomWeqjKiJbadw6Owl7GKxzT4xttktc05nNeV5nCtXU37FSHdzLBXZpTq7PHkD8EH/yoah1y6rxUpyRay+eo7KxwjelXO0wiGvZQ61W4v6LTn03RMXotLOVCsezSG3Z9/bhZdbBujc6ma336hWX60z0Pjv4cEXrGTMpsyXr2SkX/Mfo0i757/4AZ7+Aw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="271px" height="110px" viewBox="-0.5 -0.5 271 110" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;EIet9MYux51GHqJI1um2&quot;&gt;7Vzfc6IwEP5reGwHCKA+1tr2Hu5mbqYP9xwlKlM0Hsaq99dfIgk/QqBqCWob+6BuwmbZ78uGbLZa4HGxe0ngav4Lhyi2XDvcWWBkua5jOy59Y5J9KgG9QSqYJVHIO+WC1+gfEldy6SYK0brUkWAck2hVFk7wcokmpCSDSYK35W5THJdHXcEZqgheJzCuSv9EIZmn0r7by+U/UDSbi5GdgN/fGE7eZgneLPl4lgumh1favIBCF7/R9RyGeFsQgScLPCYYk/TTYveIYuZb4bb0uuea1szuBC3JMRdwnN5hvEHC4iCmlw6nmGqgBpI9d0rwd4NFw936ANkD7UBHo7AP83b6acbekeUPPcsfCYXUiFRn2szvP1PvErRj8jlZxFTg0I9rkuA39IhjnFDJEi8RGz6KY0kE42i2pF8n9KYRlQ/fUUIiiuYDb1hEYciGGW7nEUGvKzhhY24pd6nsgBZi/rD53Qn1FDz78MrMLTqW+5qNhXYFEXf0C8ILRJI97cJbgc9BF5NCsH2bUyzgonmBXYDLICf1LNOcA0s/cGzVOAO9OLsG5wace93h7OnF2TE41+Ps2d3h7OvDOTQ4l3H2gsvhHOidz8Dg3BC3ve5w7unF2Tc41+Ps9rvDua8XZ9vg3LA+g+5wHihwlvyPluED26rmfi1AUXZSCozYifoNbitDWGyhwz1HzN5Ro3tRWNoZV51bcJ6vcJ6QJSiGJHov76dVHuUj/MbRgf8cO38gxeK+BMoab5IJ4lcVN7iyIucDRQQmM0Qqig4AZ7d9FOZipCsC/dZg9oTLPgtzRVGLMDutwnw6qGVieLcAs/xkNTh3NkuP4tnWWgPMGlNj/WPXaIbfTzhGcZlBxy/ACaLmwPFBH+POinnm4Ct/yJ4VwDBm6odZ2lJe/WvYyeQ8bUsdpWRg3XqdZW25WVYx86lax+173wl6rRDxTli1l74LFXg6XaNPU0eVbTMR4pQI4YFzFwJ5s+5IilqMEBqTbe7NRwgF48S0+IYRQWO+DpoNn5j7fWljP+Bzv4MNn6MxUzc2CNcgDNwOEdaYo5sITeMkB9dgrsY86BBzjfm60CBcg7Bne90hrMrUtZaRNQgLL8tzuLtUrCi10RO3yzUuJnx/eHra5amaq0rVtQg9MNCfBH2HhTDiwVBXhYQ5aWuqkOjwpE1Z2nZ+sq2cOgMNfquk37wR+2vy6JUk27ICFrkQ8dRkG5AVHXm4RsGA+0I3nnOqNThbMySDc4qkGs9NzyjL5gyHDIdO4ZAqxdcWh847/V1T1xExIKaGCRkvBHBugGcf0uNYnmWLjf5CAGXV3kXCye0UAlTO7688nFQMDuxmu7zG/p8PP6rs5GU59xXCTwVm+ZH12nhZ4RlomWeqjKiJbadw6Owl7GKxzT4xttktc05nNeV5nCtXU37FSHdzLBXZpTq7PHkD8EH/yoah1y6rxUpyRay+eo7KxwjelXO0wiGvZQ61W4v6LTn03RMXotLOVCsezSG3Z9/bhZdbBujc6ma336hWX60z0Pjv4cEXrGTMpsyXr2SkX/Mfo0i757/4AZ7+Aw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
         <rect x="96" y="18" width="36" height="18" fill="none" stroke="none" pointer-events="all"/>
@@ -7,7 +7,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 161px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[4]
                                 </font>
@@ -15,7 +15,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="49" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="49" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[4]
                 </text>
             </switch>
@@ -26,7 +26,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 161px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[2]
                                 </font>
@@ -34,7 +34,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[2]
                 </text>
             </switch>
@@ -45,7 +45,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 135px; margin-left: 161px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[1]
                                 </font>
@@ -53,7 +53,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="139" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="139" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[1]
                 </text>
             </switch>
@@ -64,7 +64,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 135px; margin-left: 271px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d[1]
                                 </font>
@@ -72,7 +72,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="300" y="139" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="300" y="139" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d[1]
                 </text>
             </switch>
@@ -83,7 +83,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 75px; margin-left: 161px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[3]
                                 </font>
@@ -91,7 +91,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[3]
                 </text>
             </switch>
@@ -102,7 +102,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 15px; margin-left: 161px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[5]
                                 </font>
@@ -110,7 +110,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[5]
                 </text>
             </switch>
@@ -121,7 +121,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 165px; margin-left: 161px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e[0]
                                 </font>
@@ -129,20 +129,20 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e[0]
                 </text>
             </switch>
         </g>
-        <path d="M 240 60 L 192 60" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 240 85.2 L 192 85.2" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 216 66 L 222 54" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 240 60 L 192 60" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 240 85.2 L 192 85.2" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 216 66 L 222 54" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 84px; margin-left: 357px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 20px;">
                                     8
                                 </font>
@@ -150,18 +150,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="357" y="88" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="357" y="88" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     8
                 </text>
             </switch>
         </g>
-        <path d="M 216 91.2 L 222 79.2" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 216 91.2 L 222 79.2" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 126px; margin-left: 357px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 20px;">
                                     2
                                 </font>
@@ -169,7 +169,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="357" y="130" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="357" y="130" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     2
                 </text>
             </switch>
@@ -180,7 +180,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 27px; margin-left: 391px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -188,7 +188,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="420" y="31" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="420" y="31" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -199,7 +199,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 57px; margin-left: 391px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -207,7 +207,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="420" y="61" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="420" y="61" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
@@ -218,7 +218,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 97px; margin-left: 391px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                     <br/>
@@ -227,7 +227,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="420" y="101" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="420" y="101" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
@@ -238,7 +238,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 139px; margin-left: 391px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d
                                 </font>
@@ -246,7 +246,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="420" y="143" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="420" y="143" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -257,7 +257,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 95px; margin-left: 1px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     e
                                 </font>
@@ -265,7 +265,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="30" y="99" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="30" y="99" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e
                 </text>
             </switch>
@@ -276,7 +276,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 75px; margin-left: 271px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c[4]
                                     <br/>
@@ -285,7 +285,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="300" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="300" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c[4]
                 </text>
             </switch>
@@ -296,7 +296,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 271px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c[3]
                                     <br/>
@@ -305,7 +305,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="300" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="300" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c[3]
                 </text>
             </switch>
@@ -316,7 +316,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 165px; margin-left: 271px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d[0]
                                 </font>
@@ -324,30 +324,30 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="300" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="300" y="169" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d[0]
                 </text>
             </switch>
         </g>
-        <path d="M 126 18 L 90 18 L 66 60" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 126 18 L 90 18 L 66 60" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 64.2 60 L 24 60" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="66" cy="60" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="3" pointer-events="all"/>
-        <path d="M 192 84 L 192 108 L 90 108 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 190.2 90 L 90 90 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="192" cy="90" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
-        <path d="M 192 60 L 192 72 L 90 72 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 192 58.2 L 192 54 L 150 54 L 90 54 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="192" cy="60" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
-        <path d="M 240 36 L 90 36 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 240 18 L 90 18 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 48 66 L 54 54" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 126 18 L 90 18 L 66 60" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 126 18 L 90 18 L 66 60" fill="none" stroke="#4d4d4d" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4d4d4d, #aeaeae);"/>
+        <path d="M 64.2 60 L 24 60" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="66" cy="60" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="3" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 192 84 L 192 108 L 90 108 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 190.2 90 L 90 90 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="192" cy="90" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 192 60 L 192 72 L 90 72 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 192 58.2 L 192 54 L 150 54 L 90 54 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="192" cy="60" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 240 36 L 90 36 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 240 18 L 90 18 L 66 60" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 48 66 L 54 54" fill="none" stroke="#000000" stroke-width="2.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 84px; margin-left: 77px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 20px;">
                                     6
                                 </font>
@@ -355,7 +355,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="77" y="88" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="77" y="88" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     6
                 </text>
             </switch>

.pic/Basic Verilog structures/controllers/fig_01.drawio.svg

@@ -1,138 +1,138 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;KneRdZTG53Nd2Fna3kDz&quot;&gt;7Zc9k5swEIZ/DT0gMHYZnLtLk8pFSo8OLaCxkBxZPnB+fRYQBiIzczM5d6hBvPpYaZ9dITyyr5o3Tc/lT8VAeKHPGo9898Iw8IMQH61y6xWS7Hqh0JzZTqNw4H9gLl45g8tMMkoJw89zMVNSQmZmGtVa1fNuuRJzo2dagCMcMipc9RdnpuzVbZiM+g/gRTlYDjZ2e+80OxVaXaW154Uk70rfXNFhLr8XLiVlqp5I5MUje62U6WtVswfRunbwWj/udaH1vm4N0nxmgMX0QcXVbj0TpyO3izO3wSEGGpwvLU0lUAiwejFanWCvhNKoSCWxZ5pzIQYJt+53BXUqeCFRE5C303yANhy9/c3KFWestZTWJTdwONOsNVtjaKHWeROYNZsraSYWXrvSLgcHcVmkyhhVYRt6MnWdYf3T2odmIlnnvIGqwOgbdhlah0C2cRxGNgTqMSxCy76cRsTGBqMNxOI+8wgDK5bHYzbEYaMvZmUzYRPM2GwC8jk2yf+ziRw2lDG9wllMHPIATuQ/J3FiB06t0T1HkPRdwAppEVLsRw6kbfwcSBv3dIPfK5tFNhHZOWwIeQ6bxGEjgB3VyuZ+v43/gZPELpxHifMFn57tg8Sh7MiooSuiCaIhEYbbQeyebcmT8me38AHqGK1H3NIFLo7dy3USfAkifB1/qrq2yY8refkL&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;KneRdZTG53Nd2Fna3kDz&quot;&gt;7Zc9k5swEIZ/DT0gMHYZnLtLk8pFSo8OLaCxkBxZPnB+fRYQBiIzczM5d6hBvPpYaZ9dITyyr5o3Tc/lT8VAeKHPGo9898Iw8IMQH61y6xWS7Hqh0JzZTqNw4H9gLl45g8tMMkoJw89zMVNSQmZmGtVa1fNuuRJzo2dagCMcMipc9RdnpuzVbZiM+g/gRTlYDjZ2e+80OxVaXaW154Uk70rfXNFhLr8XLiVlqp5I5MUje62U6WtVswfRunbwWj/udaH1vm4N0nxmgMX0QcXVbj0TpyO3izO3wSEGGpwvLU0lUAiwejFanWCvhNKoSCWxZ5pzIQYJt+53BXUqeCFRE5C303yANhy9/c3KFWestZTWJTdwONOsNVtjaKHWeROYNZsraSYWXrvSLgcHcVmkyhhVYRt6MnWdYf3T2odmIlnnvIGqwOgbdhlah0C2cRxGNgTqMSxCy76cRsTGBqMNxOI+8wgDK5bHYzbEYaMvZmUzYRPM2GwC8jk2yf+ziRw2lDG9wllMHPIATuQ/J3FiB06t0T1HkPRdwAppEVLsRw6kbfwcSBv3dIPfK5tFNhHZOWwIeQ6bxGEjgB3VyuZ+v43/gZPELpxHifMFn57tg8Sh7MiooSuiCaIhEYbbQeyebcmT8me38AHqGK1H3NIFLo7dy3USfAkifB1/qrq2yY8refkL&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>

.pic/Basic Verilog structures/controllers/fig_02.drawio.svg

@@ -1,97 +1,97 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;saHTSfnLkT3IPrXMuCVp&quot;&gt;7VpBd6M2EP41vvoBQsY+rrPJ9rB9L+/l0O0pTwEZq5ERFXJs99dXAgkQAockOO225mI0FiMx38w3I4kZuNkdv3GUb39lCaazwEuOM/B1FgS+5wfyR0lOlQREq0qQcpLoTo3ggfyFbeGeJLiwRIIxKkhuC2OWZTgWlgxxzg52tw2j9qA5SrEjeIgRdaW/kURsK+kyiBr5L5ikWzOyv9Cv94Ti55SzfabHmwVgU17V3ztkdHmVoNiihB1aInA7AzecMVHd7Y43mCrTGqtVz90N/FvPm+NMjHlAw/SC6F6/ekyfH4menDgZgwh8lPrWW7GjUuDL20Jw9oxvGGVcSjKWyZ7rDaHUiOSre+Ul5YiSNJMyijdKzQvmgkhrf9HiHUkSNdL6sCUCP+QoVsMepGtJWWlNnOhhNywTrRHuyktNRz5EsnTNhGA7+Z+05No1hraPGh8fWyJtnG+Y7bDgJ9nF/GscWftxEGoXODRuEWjst22PWGhn1I6Y1pobMOSNxqMfG+BgwwtxxaaFjW9hs/DBOGyij2MTOtigJOFXcAYDB/SAE3qXCRzooIATSe+6ybjYspRliN420paxlNmbPt8Zy7UF/8BCnHSqQnvBbFjxkYgf6n7ueab9u1I3DwHQ7a9Hrb9snEwjS76onNV4g5TcEfV6ded7zIm0A+b1M9ImP9qNaiz57rrdjFW2Tu1WV9sg3gXb81jbUAMjEE9xJ5KUec86BccUCfJiZ9c+iPWj94zImdTOFHgLy5nCRcdLqnnqp9rprqsIRpYi6HfmUr2do0jig06tbrnqUJyZMAh6x2kcuNLYuHNtrFEevnDo58AlATziDD1RfKWhQRqCXujQ0BJehoaif5SGLAqCrxDQlGTyGp2NIptlD9msPolsOhwRhtEcjmKJdwTy0q3x8J/X+B2M3xCsnPgF4DLxu3KwcQPa8fUWQnYsvysw35D5X4vVUWFnYsyKO39k3LUggT2VnZF9NDyXHY+AnXJ+bC0APHhe0XRR7nuu53xeKvAsj4ve43K1lzMZDRaj+291rYvTN+iWeN7ca13jCr7Xs8IinMNhtQNO+PY6sjsqnLSONLHtFJIyC02Ug1bl9TPnIIcowqWTg2B4mRxk0t/IJKTDczAJFdLdRSdjlbL2ctOK7clIZBxJjF1QflKugYt5GNnow2A198LwfTmn3jhqastRdPRm3uiMA3UxMxlvuHuT/4ba6Kf0sU49A83RwEfrGUfRhPWMu/3JMUquWeNM1oCGyj8ja0AHH4qTRzYROP+BZaUHO6sIw/LtdWXfvtAEZwe+u3tXRk+CBLpi1MLIt3d9F9Ddu4sutPY3OJ9LcMaU39ETpvesIIIwZdInbYh1fbircEhQsa0TngElluZR2auNbhchoZZ7Sleuxt0dU3XiPscUx4KrfnPKUhI/pkjgonWv1ow55khPCqkT6SlgCcKVzWteD6/1pEswBSrudplbdlBK8mLIo1t2RkVefTqwIUc8lXFgh/Q9d7uqh/PDCUwzYrfq/+qw9jFxCHqWbxdyWFOCOevrkuuv27xDR/kQup9ZRP4kVC+bzec1Ve3bfMIEbv8G&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;saHTSfnLkT3IPrXMuCVp&quot;&gt;7VpBd6M2EP41vvoBQsY+rrPJ9rB9L+/l0O0pTwEZq5ERFXJs99dXAgkQAockOO225mI0FiMx38w3I4kZuNkdv3GUb39lCaazwEuOM/B1FgS+5wfyR0lOlQREq0qQcpLoTo3ggfyFbeGeJLiwRIIxKkhuC2OWZTgWlgxxzg52tw2j9qA5SrEjeIgRdaW/kURsK+kyiBr5L5ikWzOyv9Cv94Ti55SzfabHmwVgU17V3ztkdHmVoNiihB1aInA7AzecMVHd7Y43mCrTGqtVz90N/FvPm+NMjHlAw/SC6F6/ekyfH4menDgZgwh8lPrWW7GjUuDL20Jw9oxvGGVcSjKWyZ7rDaHUiOSre+Ul5YiSNJMyijdKzQvmgkhrf9HiHUkSNdL6sCUCP+QoVsMepGtJWWlNnOhhNywTrRHuyktNRz5EsnTNhGA7+Z+05No1hraPGh8fWyJtnG+Y7bDgJ9nF/GscWftxEGoXODRuEWjst22PWGhn1I6Y1pobMOSNxqMfG+BgwwtxxaaFjW9hs/DBOGyij2MTOtigJOFXcAYDB/SAE3qXCRzooIATSe+6ybjYspRliN420paxlNmbPt8Zy7UF/8BCnHSqQnvBbFjxkYgf6n7ueab9u1I3DwHQ7a9Hrb9snEwjS76onNV4g5TcEfV6ded7zIm0A+b1M9ImP9qNaiz57rrdjFW2Tu1WV9sg3gXb81jbUAMjEE9xJ5KUec86BccUCfJiZ9c+iPWj94zImdTOFHgLy5nCRcdLqnnqp9rprqsIRpYi6HfmUr2do0jig06tbrnqUJyZMAh6x2kcuNLYuHNtrFEevnDo58AlATziDD1RfKWhQRqCXujQ0BJehoaif5SGLAqCrxDQlGTyGp2NIptlD9msPolsOhwRhtEcjmKJdwTy0q3x8J/X+B2M3xCsnPgF4DLxu3KwcQPa8fUWQnYsvysw35D5X4vVUWFnYsyKO39k3LUggT2VnZF9NDyXHY+AnXJ+bC0APHhe0XRR7nuu53xeKvAsj4ve43K1lzMZDRaj+291rYvTN+iWeN7ca13jCr7Xs8IinMNhtQNO+PY6sjsqnLSONLHtFJIyC02Ug1bl9TPnIIcowqWTg2B4mRxk0t/IJKTDczAJFdLdRSdjlbL2ctOK7clIZBxJjF1QflKugYt5GNnow2A198LwfTmn3jhqastRdPRm3uiMA3UxMxlvuHuT/4ba6Kf0sU49A83RwEfrGUfRhPWMu/3JMUquWeNM1oCGyj8ja0AHH4qTRzYROP+BZaUHO6sIw/LtdWXfvtAEZwe+u3tXRk+CBLpi1MLIt3d9F9Ddu4sutPY3OJ9LcMaU39ETpvesIIIwZdInbYh1fbircEhQsa0TngElluZR2auNbhchoZZ7Sleuxt0dU3XiPscUx4KrfnPKUhI/pkjgonWv1ow55khPCqkT6SlgCcKVzWteD6/1pEswBSrudplbdlBK8mLIo1t2RkVefTqwIUc8lXFgh/Q9d7uqh/PDCUwzYrfq/+qw9jFxCHqWbxdyWFOCOevrkuuv27xDR/kQup9ZRP4kVC+bzec1Ve3bfMIEbv8G&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -108,10 +108,10 @@
                 </text>
             </switch>
         </g>
-        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -128,58 +128,58 @@
                 </text>
             </switch>
         </g>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>

.pic/Basic Verilog structures/controllers/fig_03.drawio.svg

@@ -1,115 +1,115 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;r-N8IPc6-goCaFsijgjM&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;r-N8IPc6-goCaFsijgjM&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="114" y="2" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 9px; margin-left: 115px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h0
                 </text>
             </switch>
         </g>
-        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -126,10 +126,10 @@
                 </text>
             </switch>
         </g>
-        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -152,19 +152,19 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 104px; margin-left: 110px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h4
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h4
                 </text>
             </switch>
         </g>
-        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -181,8 +181,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -199,64 +199,64 @@
                 </text>
             </switch>
         </g>
-        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 85px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 28px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
-        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="110" y="154" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 161px; margin-left: 111px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h24
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h24
                 </text>
             </switch>
         </g>
-        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -273,76 +273,76 @@
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 142px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>

.pic/Basic Verilog structures/controllers/fig_04.drawio.svg

@@ -1,115 +1,115 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;QwZ0g5cneqD5duxJrbv2&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="424px" viewBox="-0.5 -0.5 979 424" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;QwZ0g5cneqD5duxJrbv2&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="114" y="2" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 9px; margin-left: 115px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h0
                 </text>
             </switch>
         </g>
-        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -126,10 +126,10 @@
                 </text>
             </switch>
         </g>
-        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -152,19 +152,19 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 104px; margin-left: 110px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h4
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h4
                 </text>
             </switch>
         </g>
-        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -181,8 +181,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -199,64 +199,64 @@
                 </text>
             </switch>
         </g>
-        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 85px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 28px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
-        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="110" y="154" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 161px; margin-left: 111px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h24
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h24
                 </text>
             </switch>
         </g>
-        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -273,26 +273,26 @@
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 142px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -309,8 +309,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -327,7 +327,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -344,106 +344,106 @@
                 </text>
             </switch>
         </g>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>
         </g>
-        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 330px; margin-left: 88px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="56" y="342" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 349px; margin-left: 57px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'd1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'd1
                 </text>
             </switch>
         </g>
-        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/controllers/fig_05.drawio.svg

@@ -1,115 +1,115 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="431px" viewBox="-0.5 -0.5 979 431" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;O141Kl_k30ui1jXyB58r&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="431px" viewBox="-0.5 -0.5 979 431" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;O141Kl_k30ui1jXyB58r&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="114" y="2" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 9px; margin-left: 115px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h0
                 </text>
             </switch>
         </g>
-        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -126,10 +126,10 @@
                 </text>
             </switch>
         </g>
-        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -152,19 +152,19 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 104px; margin-left: 110px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h4
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h4
                 </text>
             </switch>
         </g>
-        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -181,8 +181,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -199,64 +199,64 @@
                 </text>
             </switch>
         </g>
-        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 85px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 28px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
-        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="110" y="154" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 161px; margin-left: 111px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h24
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h24
                 </text>
             </switch>
         </g>
-        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -273,26 +273,26 @@
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 142px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -309,8 +309,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -327,7 +327,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -344,9 +344,9 @@
                 </text>
             </switch>
         </g>
-        <path d="M 271 411.5 L 317 411.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199 402.5 L 221 402.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145" y="395.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 271 411.5 L 317 411.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199 402.5 L 221 402.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145" y="395.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -363,8 +363,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 420.5 L 221 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="413.5" width="68.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 420.5 L 221 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="413.5" width="68.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -381,7 +381,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="317" y="403.5" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="317" y="403.5" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -398,108 +398,108 @@
                 </text>
             </switch>
         </g>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>
         </g>
-        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 330px; margin-left: 88px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="56" y="342" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 349px; margin-left: 57px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'd1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'd1
                 </text>
             </switch>
         </g>
-        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 261 411.5 L 271 411.5 M 221 402.5 L 231 402.5 M 221 420.5 L 231 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 393.5 L 246 393.5 C 254.28 393.5 261 401.56 261 411.5 C 261 421.44 254.28 429.5 246 429.5 L 231 429.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 261 411.5 L 271 411.5 M 221 402.5 L 231 402.5 M 221 420.5 L 231 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 393.5 L 246 393.5 C 254.28 393.5 261 401.56 261 411.5 C 261 421.44 254.28 429.5 246 429.5 L 231 429.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/controllers/fig_06.drawio.svg

@@ -1,101 +1,101 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="431px" viewBox="-0.5 -0.5 979 431" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;XwXuRP4aoJj1R4YValxd&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="431px" viewBox="-0.5 -0.5 979 431" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;XwXuRP4aoJj1R4YValxd&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <path d="M 490 54.75 L 500 54.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="460" y="41" width="30" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 490 54.75 L 500 54.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="460" y="41" width="30" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 69px; margin-left: 461px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <div>
                                     led
                                 </div>
@@ -107,34 +107,34 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="475" y="72" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="475" y="72" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     led...
                 </text>
             </switch>
         </g>
-        <path d="M 470 36 L 480 46 L 470 56 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,475,46)" pointer-events="all"/>
-        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 470 36 L 480 46 L 470 56 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,475,46)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="114" y="2" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 9px; margin-left: 115px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h0
                 </text>
             </switch>
         </g>
-        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -151,10 +151,10 @@
                 </text>
             </switch>
         </g>
-        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -177,19 +177,19 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 104px; margin-left: 110px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h4
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h4
                 </text>
             </switch>
         </g>
-        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -206,8 +206,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -224,64 +224,64 @@
                 </text>
             </switch>
         </g>
-        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 85px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 28px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
-        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="110" y="154" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 161px; margin-left: 111px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h24
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h24
                 </text>
             </switch>
         </g>
-        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -298,26 +298,26 @@
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 142px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -334,8 +334,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -352,7 +352,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -369,9 +369,9 @@
                 </text>
             </switch>
         </g>
-        <path d="M 271 411.5 L 317 411.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199 402.5 L 221 402.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145" y="395.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 271 411.5 L 317 411.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199 402.5 L 221 402.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145" y="395.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -388,8 +388,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 420.5 L 221 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="413.5" width="68.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 420.5 L 221 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="413.5" width="68.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -406,7 +406,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="317" y="403.5" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="317" y="403.5" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -423,8 +423,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 439 79 L 459.5 79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="399" y="71" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 439 79 L 459.5 79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="399" y="71" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -441,8 +441,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 475 119 L 475 96" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="465.5" y="119" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 475 119 L 475 96" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="465.5" y="119" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -459,43 +459,43 @@
                 </text>
             </switch>
         </g>
-        <path d="M 475 24.5 L 475 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="460.5" y="8.5" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 475 24.5 L 475 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="460.5" y="8.5" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 16px; margin-left: 463px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="463" y="19" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="463" y="19" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <path d="M 439 54 L 460 54" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="337" y="46" width="102" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 439 54 L 460 54" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="337" y="46" width="102" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 100px; height: 1px; padding-top: 53px; margin-left: 339px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i[15:0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="339" y="57" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="339" y="57" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i[15:0]
                 </text>
             </switch>
         </g>
-        <rect x="500" y="46" width="42" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="500" y="46" width="42" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -512,108 +512,108 @@
                 </text>
             </switch>
         </g>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>
         </g>
-        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 330px; margin-left: 88px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="56" y="342" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 349px; margin-left: 57px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'd1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'd1
                 </text>
             </switch>
         </g>
-        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 261 411.5 L 271 411.5 M 221 402.5 L 231 402.5 M 221 420.5 L 231 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 393.5 L 246 393.5 C 254.28 393.5 261 401.56 261 411.5 C 261 421.44 254.28 429.5 246 429.5 L 231 429.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 261 411.5 L 271 411.5 M 221 402.5 L 231 402.5 M 221 420.5 L 231 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 393.5 L 246 393.5 C 254.28 393.5 261 401.56 261 411.5 C 261 421.44 254.28 429.5 246 429.5 L 231 429.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/controllers/fig_07.drawio.svg

@@ -1,101 +1,101 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="480px" viewBox="-0.5 -0.5 979 480" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;2HeVjLXUQQRZ5IILCr1E&quot;&gt;7V1bc6M4Fv41qXlaF7oCj53u6dmHmaqu6oeZfUoRQ2y2ifFg0kn216+wkY10hJFtYXCGPHQbgQXWOd+5fJIOd+Tz89tvRbRe/pHHSXaHvfjtjny5wxh5CIv/qpb3XQvxw13Dokjj+qJDw/f0f4na+JLGyUZpKvM8K9O12jjPV6tkXiptUVHkr+plT3mm3nQdLRLQ8H0eZbD1zzQul7vWAPuH9n8n6WIp74x4/fMeo/mPRZG/rOr73WHytP3bnX6OZF/ermGzjOL8tdFEfr0jn4s8L3efnt8+J1k1tHLUdt/72nJ2/9xFsiptvlCL6WeUvdQ/fZ79eEjrhyvf5YCUyZvo735ZPmeiAYmPm7LIfySf8ywvRMsqX4kr75/SLJNN4qd72z/RHmXpYiXasuSp6uZnUpSpGO1PdfNzGsfVne5fl2mZfF9H8+q2r0K1RNt2NJO4vu1Tviobd/i6/aseR3wpXS3u87LMn8U5MZL3cDDq8anun7w1murB+S3Jn5OyeBeXyLNSkWs9xrRWgdeDWuBa9sumRvBaGWtFXOx7PghDfKjlYZYNAbIpNuUkm4ZskCIbjoidbPzLZUOBbKI4LibhtAKHGIRDvX6Aw4AUkliY9/owL8plvshXUfbrobUxWNWwH675Pc/X9Qj+NynL99pVRS9lroo1eUvLv6rPM8+Tx/+puptRQurjL291/9uDd3mwij9VPuugDaLla1r9vP3F35IiFeOQFPvviDH5q3mwu5f47fXx4V7bo/fmkd5bq7w3+Usxr8ewFkwZFYukvsoPdm3V8B5ViiLJojL9qXpXk4jrr37LU/Eke2XCHleUiXJNS3bPWX+r6e70jpivdMSQ9iy7Xwc6EvKJ3huXrasLNkcemGDjfQ4KvOvxoM77wbLScA7Mz2shDMBDsooes2QyQ61miHkUmKGA9WOG/EHNkGKCWIcBcmlMusyZlbEJoLEJvCsZG81GUOrPmJWVOAPIAYzxkr8n/Lbil5IQ4JeQfvAbjge/+DwAd+P3OFR3OiYz4KMibYIXeYZQAblGr60Y5dM0MHaHeVbhIE5/io+L6mMmhFa3ig4bJwzXip5k62OhX6d/W1MhVUFMeGsogwMAMV9NknAQQAAZ4nDGHIw8Moy8btiKNFotWo1PYzCKvBSKkVf2KjzqR04YnEAfHJikIMPgSPbmosGB1Au0NwCfyng0NQlC9WAUZh71Nc8e+p2m4ZQ8oRPVjQFlJm2r2y513ZjPtFQBc6L2Yp8q6B3hWUj7igMQJHsI/mXpAZU4IxCom2QMMBfCqyR6bhTgCHv7NH3PrBk8OzZ4dtKuFdbYg/TNJdg7K+Y+IanvcuNWTjkwOGUZJY0FvoEW7DGNqbPFLvHY8Y4cAndQsslTNM4/R+X2Wp5XYU0zAjwagZhUq/fMjOjsjXBtjT87Lqc74eN0xtq7bVHC0yki/a5MU8XLKCLUxhGJBNOFVxHJX7j9u+X0EhgKCqNjRg1OyEF6KachLJ1QDc8jAWBUlJrH2rY1mWQF286MiJWRsOaKr+RrGJ9RX5U+w6EIlbUYzzpelHNCB9rIyhydbDe0+7Cap3BmNyAlNYbY6CZ1TItnmJ43nhvPgI4cxjMhEH+RRPHkNY54DSZz+St4DQzZrCpRpC6EM9ZE0VNGm0gLfYVEEVswWCcYw9bRGI3BojMtK/c1HtDaZCHU1ZU7oyWl0hBTunkQRw/VqozJbrXLhMPlTDzoyXJBiuvqgYVrgqVJpsi4bERYDht/XKUziTSZp8ciod5Rf9OjhnVWAtjPeZxMyD6ObIKhl+xrocOwC66U9LUD/r1Md2JbFvVSRCNfE3FvWYBhgZG02IqUsyxdb9oQ0ZBVtFnvlmk/pW+VzJ3EhUydvCOISQx0LA4gLiJDA3sz9hHCzDD329f4uKURjk1vKr68w5OfEzVYGQEKAwIyroAAMZWNIN6ZEQCmWiiBe2K6gL1Dx59Lv973NY29jBnDkBq5RKXNCow6FBgCQSF+a5a4SfwencZRAlh/VPraJv7T9VXas30iauc3L9VXHHCn+kdMC5lcmtRWLRmLRmDN45/N1WtrO0BH7iIpAhmkiq+T/uJjEnaqmKicQb0CYSf7/agkgzRlY0FkB8kQhOcBFJAMQdgfyUAgMZVuHqq9dhPHcJxjCCCweTDriWUgkAuSAB9txkV8fMWclLApQDB7nksDBNCRQ+vDoYymbUKWWbdcQ6XsNLBNYy5UNiLZFDkLzHmPPgrSTdNqLmh9ueahGPeA9TXOzLuwvsGtA9kfEMjhiIAckGPrPx2CGhJKU+BpgDXFqnxkLZnusNMBrClkXYSEJuHUZynThQPjXbmmzHVGQBEQw1gtrsPdHm72Vxs2WNMrzWNSvW4LtWMJzrCw0nLcgIaML7imBOpIcKWKHwQHx3XEnRemkP6ZQmtDaK3Jw0RsGENr2i57a0MP2fIbg/GAoTVlQ8LYnzHODgSxqkQ+ngVECwQcAhvSYdOq0O7wmnPPAO2WANsFuOFao0pGyWqSkAyYdGfITBLqq5oavZ06RqOLsg2shsyX+o+y1W0TvmdXCOEcQ3vzzNeQUbZBR6TeXME9H9cRh84Ycl1TlN0ZZYfoilG2nIS7XRgPGGXLid9hYMyPRNm+ONtjlC1/+LRF47R6N74XGrB92IDnHN0YyGkrpCnObsTZqjvkoUlEslqI86rF5HbMb0fBYmme/+XNPKSVHuNBcI6RtjPChlX46ErFaZivbVOuapGRgHLEdv/2tjZA/uopgW4DNtNyIYLgRpjeipEPuzluD2Wb7XEyqjpkxzZbEtzET4by4u6hay00yElNk75NW6cvtCFy5e8Vpn3ZoISUiihkiagByCdmmOKVM68DIAruB5zeNKMV6tWLMzDThta+3jbDRlTuujcSr5f933KN4ThcF4frlXZEWxyVkcAbu0dinD55d+zLhD2Z+FF1ggWHpjrQuB/gcUigiMQcyOb6hcM9zR5R45x/X8XDOeQroL4OWzwcDBDxDQPUVwFxPvEFl/IF3MAXcOchUgtfwENdfSqFugpjwCFjMHGBmksI1U3j1LiT67DhwLlXmGgDKwQbaAP3CLYW2kQbdNAGCqYYNq1j6Ys24BNtYIUoA20gY7EBEDXRBp20geqnENzx1hdlwCfKwApSvoEgGM5J+Z0EwcQNNANBrmfBpiSvZd7exVskIT2QJfHD9h1kU1xRY0m1gSb6Ri5ydi4eSFNU4skn/MiznrZDkBp2CBITeBy8pts3vEO9qma/NXWTjA4yQtrCQ7mmoCEj31C1xAmCbmdzz9jWl/uG7JcONvPgD0tZKII861VYtSTRSCRpW+rrNCLy1KqGJNBMQ0cVTsLRsesvroLoQ44FqJ20vL9Hj0n2Ld+kNfX/WNvN+80yircSqwQUR5vlXgNBLb2GqukGvaxUtOprXd33+W0hTPlylmTJvCyq62ZZvkjnD4uoTDaNz5Wer5NCzkdURt5JoConqPa1T2CZBGpYuyg3F10EfYt3Wd2UUKKVo4pghKhwYAy+cYEZoh/iQioWNZj/mVLZb0eRUpHY6ahTpi+jP0sqNmWEhy1ipxVR8gyGBI6NgzXqgUWF23+qwmo0HzG8qLAnhQ0gA6EQRlMWVZ9F3aZesjmuk6jAYEM+xis4zg3LWwWqbNA1lTi50gIAFOoL/pjeibsZ/8Dw8qXavo7G76BQL6gIpzL6Kp0auH0juO3rKrrmyFtHVVHYcdWERlwvp7cvHXFyGVaPdHXlECKwXAjBv8QI6MGHKdSOuPY+7QAGen0Vapeswg2wfof1LdijmhNCtAPB/e04Nvku9yUzreX5IauEDFgXwjeVNnZeoc9avBOV0ErwqLQbp6ZFTb3lZhZkwiSXrVwC42bunuQS2ryrZyj7iB0t1z5xysvK7HFDgBteKSMLmKe8zURb+MH4zEOHwtB2uRq4CfeQ3q1VcNw+b3NBzCtHVlu9UC0GdxH2fsjVJZTCKFnK8EJaRxwWeV42xVkZ0T+EOKor/g8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="979px" height="480px" viewBox="-0.5 -0.5 979 480" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;2HeVjLXUQQRZ5IILCr1E&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="0" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 7px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="11" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="0" y="366" width="29" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 374px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 rst_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="377" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     rst_i
                 </text>
             </switch>
         </g>
-        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="1" y="66" width="40" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 73px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 addr_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="77" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     addr_i
                 </text>
             </switch>
         </g>
-        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 86.09 263.93 L 121 263.9 L 138 264" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="257" width="85" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 264px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_enable_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="268" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_enable_i
                 </text>
             </switch>
         </g>
-        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 34 200 L 130 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="1" y="192" width="33" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 31px; height: 1px; padding-top: 199px; margin-left: 3px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 req_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="3" y="203" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     req_i
                 </text>
             </switch>
         </g>
-        <path d="M 490 54.75 L 500 54.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="460" y="41" width="30" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 490 54.75 L 500 54.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="460" y="41" width="30" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 69px; margin-left: 461px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <div>
                                     led
                                 </div>
@@ -107,34 +107,34 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="475" y="72" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="475" y="72" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     led...
                 </text>
             </switch>
         </g>
-        <path d="M 470 36 L 480 46 L 470 56 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,475,46)" pointer-events="all"/>
-        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 470 36 L 480 46 L 470 56 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,475,46)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 115.06 16 L 145 15.94" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="114" y="2" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 9px; margin-left: 115px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="130" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h0
                 </text>
             </switch>
         </g>
-        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 180 209 L 194 209" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 130 218 L 126 218 L 126 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="126" cy="263" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="201" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -151,10 +151,10 @@
                 </text>
             </switch>
         </g>
-        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 138 282 L 113 282 L 113 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="113" cy="200" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 188 273 L 194 273" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="194" y="265" width="54" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -177,19 +177,19 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 104px; margin-left: 110px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h4
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="125" y="107" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h4
                 </text>
             </switch>
         </g>
-        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 173.5 28 L 200.5 28" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="20" width="68" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -206,8 +206,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 85 L 200.5 85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="77" width="85" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -224,64 +224,64 @@
                 </text>
             </switch>
         </g>
-        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 144.83 73.33 L 106 73.3" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="156.5" cy="85" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 85px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="27.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 28px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="31" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
-        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 41 74 L 106 74 L 106 130 L 144.83 130.33" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 106 71 L 106 39 L 144.83 39.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="106" cy="74" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 110 97 L 145 97" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="110" y="154" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 161px; margin-left: 111px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'h24
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="126" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'h24
                 </text>
             </switch>
         </g>
-        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 174 142 L 200.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="200.5" y="134" width="68.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -298,26 +298,26 @@
                 </text>
             </switch>
         </g>
-        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <ellipse cx="156.5" cy="142" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 142px; margin-left: 141px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="157" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 110 154 L 145 154" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199.5 319.5 L 220 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145.5" y="313" width="54" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -334,8 +334,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 338.5 L 220 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="332" width="68.5" height="13" rx="1.95" ry="1.95" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -352,7 +352,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="341" y="328" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -369,9 +369,9 @@
                 </text>
             </switch>
         </g>
-        <path d="M 271 411.5 L 317 411.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199 402.5 L 221 402.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145" y="395.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 271 411.5 L 317 411.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199 402.5 L 221 402.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145" y="395.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -388,8 +388,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 199.5 420.5 L 221 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="131" y="413.5" width="68.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 199.5 420.5 L 221 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="131" y="413.5" width="68.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -406,7 +406,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="317" y="403.5" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="317" y="403.5" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -423,9 +423,9 @@
                 </text>
             </switch>
         </g>
-        <path d="M 271 460.5 L 316 460.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 199 451.5 L 221 451.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="145" y="444.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 271 460.5 L 316 460.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 199 451.5 L 221 451.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="145" y="444.5" width="54" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -442,8 +442,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 198.5 469.5 L 221 469.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="114" y="462.5" width="84.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 198.5 469.5 L 221 469.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="114" y="462.5" width="84.5" height="14" rx="2.1" ry="2.1" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -460,7 +460,7 @@
                 </text>
             </switch>
         </g>
-        <rect x="316" y="452.5" width="57" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="316" y="452.5" width="57" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -477,8 +477,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 439 79 L 459.5 79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="399" y="71" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 439 79 L 459.5 79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="399" y="71" width="40" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -495,8 +495,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 475 119 L 475 96" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="465.5" y="119" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 475 119 L 475 96" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="465.5" y="119" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -513,62 +513,62 @@
                 </text>
             </switch>
         </g>
-        <path d="M 475 24.5 L 475 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="460.5" y="8.5" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 475 24.5 L 475 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="460.5" y="8.5" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 16px; margin-left: 463px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="463" y="19" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="463" y="19" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <path d="M 439 54 L 460 54" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="337" y="46" width="102" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 439 54 L 460 54" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="337" y="46" width="102" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 100px; height: 1px; padding-top: 53px; margin-left: 339px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i[15:0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="339" y="57" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="339" y="57" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i[15:0]
                 </text>
             </switch>
         </g>
-        <rect x="459.5" y="195.5" width="30" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="459.5" y="195.5" width="30" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 223px; margin-left: 461px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 mod
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="475" y="227" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="475" y="227" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     mod
                 </text>
             </switch>
         </g>
-        <path d="M 469.5 190.5 L 479.5 200.5 L 469.5 210.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,474.5,200.5)" pointer-events="all"/>
-        <path d="M 438.5 233.5 L 459 233.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="382" y="225.5" width="56.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 469.5 190.5 L 479.5 200.5 L 469.5 210.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,474.5,200.5)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 438.5 233.5 L 459 233.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="382" y="225.5" width="56.5" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -585,8 +585,8 @@
                 </text>
             </switch>
         </g>
-        <path d="M 474.5 273.5 L 474.5 250.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="465" y="273.5" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 474.5 273.5 L 474.5 250.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="465" y="273.5" width="19" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -603,43 +603,43 @@
                 </text>
             </switch>
         </g>
-        <path d="M 474.5 179 L 474.5 195.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="460" y="163" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 474.5 179 L 474.5 195.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="460" y="163" width="29" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 27px; height: 1px; padding-top: 170px; margin-left: 462px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 clk_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="462" y="174" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="462" y="174" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     clk_i
                 </text>
             </switch>
         </g>
-        <path d="M 438.5 208.5 L 459.5 208.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="354" y="200.5" width="84.5" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 438.5 208.5 L 459.5 208.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="354" y="200.5" width="84.5" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 83px; height: 1px; padding-top: 208px; margin-left: 356px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i[0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="356" y="211" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="356" y="211" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i[0]
                 </text>
             </switch>
         </g>
-        <rect x="500" y="46" width="42" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <rect x="500" y="46" width="42" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
@@ -656,112 +656,112 @@
                 </text>
             </switch>
         </g>
-        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="941" y="228" width="35" height="17" rx="2.55" ry="2.55" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 33px; height: 1px; padding-top: 236px; margin-left: 943px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 led_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="943" y="239" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     led_o
                 </text>
             </switch>
         </g>
-        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <rect x="905" y="407" width="73" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 71px; height: 1px; padding-top: 414px; margin-left: 907px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 read_data_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="907" y="418" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     read_data_o
                 </text>
             </switch>
         </g>
-        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 338 336 L 341 336" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 291 343 L 291 374 L 275 374 L 29 374.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 328.6 336 L 338 336 M 291 329 L 301.81 329 M 291 343 L 301.81 343" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 309.8 322 C 318.01 322.26 325.34 327.72 328.6 336 C 325.34 344.28 318.01 349.74 309.8 350 L 298.05 350 C 303.09 341.34 303.09 330.66 298.05 322 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 264 329 L 275 329 M 220 319.5 L 231 319.5 M 220 338.5 L 231 338.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 310 L 247.5 310 C 256.61 310 264 318.51 264 329 C 264 339.49 256.61 348 247.5 348 L 231 348 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 178 273 L 188 273 M 138 264 L 148 264 M 138 282 L 148 282" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 148 255 L 163 255 C 171.28 255 178 263.06 178 273 C 178 282.94 171.28 291 163 291 L 148 291 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="146" cy="264" rx="2" ry="2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 170 209 L 180 209 M 130 200 L 140 200 M 130 218 L 140 218" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 140 191 L 155 191 C 163.28 191 170 199.06 170 209 C 170 218.94 163.28 227 155 227 L 140 227 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="0" y="310" width="71" height="16" rx="2.4" ry="2.4" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 69px; height: 1px; padding-top: 317px; margin-left: 2px;">
                         <div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 write_data_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px">
+                <text x="2" y="321" fill="#FFFFFF" font-family="Helvetica" font-size="12px" style="fill: light-dark(#FFFFFF, #121212);">
                     write_data_i
                 </text>
             </switch>
         </g>
-        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 91.83 317.83 L 71 317.8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="103.5" cy="329.5" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 31px; height: 1px; padding-top: 330px; margin-left: 88px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 =
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="104" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     =
                 </text>
             </switch>
         </g>
-        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 57 341.5 L 91.83 341.17" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="56" y="342" width="32" height="13" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 30px; height: 1px; padding-top: 349px; margin-left: 57px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 32'd1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="72" y="352" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     32'd1
                 </text>
             </switch>
         </g>
-        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 261 411.5 L 271 411.5 M 221 402.5 L 231 402.5 M 221 420.5 L 231 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 393.5 L 246 393.5 C 254.28 393.5 261 401.56 261 411.5 C 261 421.44 254.28 429.5 246 429.5 L 231 429.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 261 460.5 L 271 460.5 M 221 451.5 L 231 451.5 M 221 469.5 L 231 469.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 231 442.5 L 246 442.5 C 254.28 442.5 261 450.56 261 460.5 C 261 470.44 254.28 478.5 246 478.5 L 231 478.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 489.5 209.25 L 500 209.3" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <rect x="500" y="202" width="56" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all"/>
+        <path d="M 120 329.5 L 231.22 329.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 275 329 L 291 329" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 261 411.5 L 271 411.5 M 221 402.5 L 231 402.5 M 221 420.5 L 231 420.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 393.5 L 246 393.5 C 254.28 393.5 261 401.56 261 411.5 C 261 421.44 254.28 429.5 246 429.5 L 231 429.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 261 460.5 L 271 460.5 M 221 451.5 L 231 451.5 M 221 469.5 L 231 469.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 231 442.5 L 246 442.5 C 254.28 442.5 261 450.56 261 460.5 C 261 470.44 254.28 478.5 246 478.5 L 231 478.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 489.5 209.25 L 500 209.3" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <rect x="500" y="202" width="56" height="16" rx="2.4" ry="2.4" fill="#999999" stroke="none" pointer-events="all" style="fill: light-dark(#999999, #4f4f4f);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">

.pic/Basic Verilog structures/modules/fig_00.svg

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="Vector_layer-4" data-name="Vector layer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 860.34 937.64" style="background-color: rgb(255, 255, 255);">
+<svg id="Vector_layer-4" data-name="Vector layer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 860.34 937.64" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
   <defs>
     <style>
       .cls-1 {

.pic/Basic Verilog structures/modules/fig_01.drawio.svg

@@ -1,8 +1,8 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="474px" height="253px" viewBox="-0.5 -0.5 474 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;sMkzfwMeaTspXCx-zENP&quot;&gt;1ZRNU4MwEEB/DXdIaKnXYlsvnnrwHGELGQPLpGkBf72BJHwUnamjHoQD8HZJsm8z8WhcNAfJqvwZUxAe8dPGo48eIYEfEP3oSGsIjR4MyCRPbdIIjvwd5vDCUzjPkEIUildzmGBZQqJmjEmJ9TzthGI+acUyWIBjwsSSvvBU5YZuSDTyJ+BZ7mYO1ra8V5a8ZRIvpZ3PI/TUXyZcMDeWb8A5ZynWE0R3Ho0lojJvRROD6NQ6a+a//RfRYd0SSnXPD7ZNVyYu4Fbcr0u1zkVfDXT5gUe3dc4VHCuWdNFaN1+zXBXChs9K4tvgjA4kRoGyH49u/O7WkRMXYsL3q32022rOZGI3RJe1rMgWeQWpoJkgW+EBsAAlW53ioqG13d5812NvqetIPumr3sh2T9n9lA1jj071i9X6uWL6HcX+vYqduBJL+B1L0XomiZBwISlcKgp/Lij8J4JW/urG0PpvDOnP8QToY5NTlu4+AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="474px" height="253px" viewBox="-0.5 -0.5 474 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;sMkzfwMeaTspXCx-zENP&quot;&gt;1ZRNU4MwEEB/DXdIaKnXYlsvnnrwHGELGQPLpGkBf72BJHwUnamjHoQD8HZJsm8z8WhcNAfJqvwZUxAe8dPGo48eIYEfEP3oSGsIjR4MyCRPbdIIjvwd5vDCUzjPkEIUildzmGBZQqJmjEmJ9TzthGI+acUyWIBjwsSSvvBU5YZuSDTyJ+BZ7mYO1ra8V5a8ZRIvpZ3PI/TUXyZcMDeWb8A5ZynWE0R3Ho0lojJvRROD6NQ6a+a//RfRYd0SSnXPD7ZNVyYu4Fbcr0u1zkVfDXT5gUe3dc4VHCuWdNFaN1+zXBXChs9K4tvgjA4kRoGyH49u/O7WkRMXYsL3q32022rOZGI3RJe1rMgWeQWpoJkgW+EBsAAlW53ioqG13d5812NvqetIPumr3sh2T9n9lA1jj071i9X6uWL6HcX+vYqduBJL+B1L0XomiZBwISlcKgp/Lij8J4JW/urG0PpvDOnP8QToY5NTlu4+AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="84" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
-        <rect x="20" y="105" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
-        <rect x="449" y="107" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
+        <rect x="84" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
+        <rect x="20" y="105" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
+        <rect x="449" y="107" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
     </g>
 </svg>

.pic/Basic Verilog structures/modules/fig_02.drawio.svg

@@ -1,14 +1,14 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="474px" height="253px" viewBox="-0.5 -0.5 474 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;EuFwE4AIiKnFBe23Xgi9&quot;&gt;1ZU9c6MwEIZ/DeXNADLYKWOfnTSpXKRWQAZNBEtk2eD79bdCEt83k8w5RewC6d1F0j7vyvbIrmieJK3yF0iZ8EI/bTzy2wvDwA9CfGjlZhSyfjBCJnlqk3rhyP+wsXjhKTuPJAUgFK/GYgJlyRI10qiUUI/TTiDGm1Y0YzPhmFAxV195qnKjbsJ1rz8znuVu5yC25b3R5D2TcCntfl5ITu3HhAvq1vKNcM5pCvVAInuP7CSAMqOi2TGh0Tpq5r3DP6LduSUr1WdesDZdqbgwd+L2XOrmWLTVMJ0feGRb51yxY0UTHa3RfNRyVQgbPisJ7x0z0ik7ECDb9cjG11+MnLgQA/0QHdb7LepUJrYhdNa8IlvklUnFmoFkK3xiUDAlb5jioitL+zaZ1723xDmSD3zFRrY9Zfsp69bumeLAYl1GTBYQx0JpAIAlDVnHHxdwgV/nlsEjJgRx1bQkXBxHmX6+QePWwlOY5Uxk5iKiUktWOQNKKNnEEytRwbMSpwkawFDfavAc78qjDRQ8TfU2i73Rd8+dzCQPUzOjmZnxgpfkDlauvnJb/M/elgnvOzBaxyNE3cEHiFZzQqv/BxT9EECRH00Ixd9DCKf9j3kbG/xhkv1f&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="474px" height="253px" viewBox="-0.5 -0.5 474 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;EuFwE4AIiKnFBe23Xgi9&quot;&gt;1ZU9c6MwEIZ/DeXNADLYKWOfnTSpXKRWQAZNBEtk2eD79bdCEt83k8w5RewC6d1F0j7vyvbIrmieJK3yF0iZ8EI/bTzy2wvDwA9CfGjlZhSyfjBCJnlqk3rhyP+wsXjhKTuPJAUgFK/GYgJlyRI10qiUUI/TTiDGm1Y0YzPhmFAxV195qnKjbsJ1rz8znuVu5yC25b3R5D2TcCntfl5ITu3HhAvq1vKNcM5pCvVAInuP7CSAMqOi2TGh0Tpq5r3DP6LduSUr1WdesDZdqbgwd+L2XOrmWLTVMJ0feGRb51yxY0UTHa3RfNRyVQgbPisJ7x0z0ik7ECDb9cjG11+MnLgQA/0QHdb7LepUJrYhdNa8IlvklUnFmoFkK3xiUDAlb5jioitL+zaZ1723xDmSD3zFRrY9Zfsp69bumeLAYl1GTBYQx0JpAIAlDVnHHxdwgV/nlsEjJgRx1bQkXBxHmX6+QePWwlOY5Uxk5iKiUktWOQNKKNnEEytRwbMSpwkawFDfavAc78qjDRQ8TfU2i73Rd8+dzCQPUzOjmZnxgpfkDlauvnJb/M/elgnvOzBaxyNE3cEHiFZzQqv/BxT9EECRH00Ixd9DCKf9j3kbG/xhkv1f&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="84" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="84" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="334" y="26" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 41px; margin-left: 335px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     box
                                 </font>
@@ -16,13 +16,13 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="364" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="364" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     box
                 </text>
             </switch>
         </g>
-        <rect x="20" y="105" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
-        <rect x="449" y="107" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
+        <rect x="20" y="105" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
+        <rect x="449" y="107" width="4" height="4" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/modules/fig_03.drawio.svg

@@ -1,14 +1,14 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="478px" height="253px" viewBox="-0.5 -0.5 478 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Sm4c7_kK5CQET-6pXJPN&quot;&gt;7VjRkpowFP0aHusAAdRHdXX70pmd8aHtY4QImQ3EjVGhX9+EJEAE222ru+1UfJCcG26Sc+49OjhgkZePDO6yTzRBxPHdpHTAg+P7nuv54ksilULAeKqAlOFET2qBNf6GbPCAE7S3IE4p4XhngzEtChRzC4OM0ZM9bUuJvegOpqgHrGNI+uhnnPBMoRN/3OIfEU4zs7IX6eNtYPycMnoo9HqOD7b1pcI5NLlcBewzmNBTBwJLBywYpVzd5eUCEUmtYU09t7oQbfbNUMFf84CW6QjJAZkd1/vileGiPg2S8z0HzE8Z5mi9g7GMnoT4Ast4TnR4zxl9bjgDDbKghLI6H5i48iMiW0xIB1+Fq/FyLnDIYl0Qclb/RPqQR8Q4KjuQPuEjojnirBJTTDTQbFdn41OrLTCKZB1dRSHrmtL1lDa5W07FjaZ1mGIwQHFEuCSAiiN1uY5eDtQEPuxrDmZighftypoJExd3qfze0NLkErtQ6VSkp6Kgig9JZQQoaIHONNEQJDgtxDAWAiCBzyXxWPTKTAdynCRymcHaaKvnSmKC6bmYYU/MaEBLcAUpg593CyqSmTSglr8O5TYZlzuj30VSW90UXiTGgj9WfZGJRq7rG+BrDfjBxAAPpV5Ljaru6AkxLBiQkv5YGw5ZikxHKAglln/2xeqIEQ6IYTCGCOT4aLvukEJ6hSeK65bRtTD17VIwY5NhTw8sRvqhrgue5fHM0k2i0E6kKOglquulOfWrSij8YzcQGg27Afy3vKBT0r4Zd5rBra/reMY4tOWNgjezjOi/tIy/xR+ApXtjX7/sD4E3MjXT5hoJ5tsruJVjjG/nGJu7Y1xyjOjsB+HtHGNyd4z3c4wgsv8J/LZlhO70/SxjejvLeLlbxgXLCAJb7ht6hhi2rwhUfbSvYcDyOw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="478px" height="253px" viewBox="-0.5 -0.5 478 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Sm4c7_kK5CQET-6pXJPN&quot;&gt;7VjRkpowFP0aHusAAdRHdXX70pmd8aHtY4QImQ3EjVGhX9+EJEAE222ru+1UfJCcG26Sc+49OjhgkZePDO6yTzRBxPHdpHTAg+P7nuv54ksilULAeKqAlOFET2qBNf6GbPCAE7S3IE4p4XhngzEtChRzC4OM0ZM9bUuJvegOpqgHrGNI+uhnnPBMoRN/3OIfEU4zs7IX6eNtYPycMnoo9HqOD7b1pcI5NLlcBewzmNBTBwJLBywYpVzd5eUCEUmtYU09t7oQbfbNUMFf84CW6QjJAZkd1/vileGiPg2S8z0HzE8Z5mi9g7GMnoT4Ast4TnR4zxl9bjgDDbKghLI6H5i48iMiW0xIB1+Fq/FyLnDIYl0Qclb/RPqQR8Q4KjuQPuEjojnirBJTTDTQbFdn41OrLTCKZB1dRSHrmtL1lDa5W07FjaZ1mGIwQHFEuCSAiiN1uY5eDtQEPuxrDmZighftypoJExd3qfze0NLkErtQ6VSkp6Kgig9JZQQoaIHONNEQJDgtxDAWAiCBzyXxWPTKTAdynCRymcHaaKvnSmKC6bmYYU/MaEBLcAUpg593CyqSmTSglr8O5TYZlzuj30VSW90UXiTGgj9WfZGJRq7rG+BrDfjBxAAPpV5Ljaru6AkxLBiQkv5YGw5ZikxHKAglln/2xeqIEQ6IYTCGCOT4aLvukEJ6hSeK65bRtTD17VIwY5NhTw8sRvqhrgue5fHM0k2i0E6kKOglquulOfWrSij8YzcQGg27Afy3vKBT0r4Zd5rBra/reMY4tOWNgjezjOi/tIy/xR+ApXtjX7/sD4E3MjXT5hoJ5tsruJVjjG/nGJu7Y1xyjOjsB+HtHGNyd4z3c4wgsv8J/LZlhO70/SxjejvLeLlbxgXLCAJb7ht6hhi2rwhUfbSvYcDyOw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="85" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="85" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="335" y="26" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 41px; margin-left: 336px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     box
                                 </font>
@@ -16,19 +16,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="365" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="365" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     box
                 </text>
             </switch>
         </g>
-        <path d="M 37 73 L 85.64 73.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 37 73 L 85.64 73.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="20" y="45" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 60px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -36,19 +36,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 38 103 L 86.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 38 103 L 86.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="21" y="75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -56,19 +56,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 406 103 L 454.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 406 103 L 454.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="389" y="75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 390px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -76,7 +76,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="419" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="419" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>

.pic/Basic Verilog structures/modules/fig_04.drawio.svg

@@ -1,14 +1,14 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="478px" height="253px" viewBox="-0.5 -0.5 478 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;tUSNCOfLctFZSRTRpgDY&quot;&gt;7VhBc6IwGP01HNcBAihHtdq97ExnPOzuMUKETCOxMSrsr99AEiCC025brTtDPEjeF74k7315ChaYb/NHBnfpDxojYrl2nFvgwXJdx3Zc8VUihUTAOJRAwnCsBjXACv9BJnjAMdobEKeUcLwzwYhmGYq4gUHG6MkctqHEnHQHE9QBVhEkXfQnjnkq0Yk7bvDvCCepntkJ1PbWMHpOGD1kaj7LBZuqyfAW6ly2BPYpjOmpBYGFBeaMUi6vtvkckZJazZq8b3khWq+boYy/5QYl0xGSA9IrrtbFC81FtRtUjncsMDulmKPVDkZl9CTEF1jKt0SF95zR55ozUCNzSiir8oGJXX5EZIMJaeFLfzlezAQOWaQKohpFM94aZVdN4N2dqs0fEeMob0Fq54+IbhFnhRiio55SoTjrnxrNgVYqbektClzVmqqzpM7dcC0uFN391IMe6gPC1ZYNDYKXA9WBb/uKm6kY4AS7vGJCx8VVUn6vaa5ziVXIdDLSUVdQxfsk1JRnNENnWikIEpxkohsJAZDAZyXxWJyhqQpscRyX0/TWTFNVVxYZhOci+x2Rgx6NwSdI7L1+ulAWT0vDanhtSWGSdPkkdU9dSag6RE4g+oI/VvwqE41s29XA7wpwvYkGHnI1l+wV7d4TYlgwUEr9Ps04ZAnSJ0hCKDZ8uCtiSyS/RySNMUQgx0fTvfuUUzM8UVwdMVUjoWuWiO7rDHt6YBFSN7Xd9CyPo6euE/lmIklBJ1FVR/Wu31Ra/ofdQ2jU7x7w//MOVerulb1k7JvyBt7NrCQYrKQl2b34BjDqoba1f/YNzxnpWmpyjYQiTfOu5STj6znJenCSS04SnP1Q3M5JJoOT3J+TeIH5z+HdVuLb4ddZSXg9K3kZrOSClXieKfctvUQ/Bw9mck9mUj8dfNRM3DEYBSBs2hf5iuP0lNknGUs0GMsFY3Htya2MRXSbd56yQJr3ymDxFw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="478px" height="253px" viewBox="-0.5 -0.5 478 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;tUSNCOfLctFZSRTRpgDY&quot;&gt;7VhBc6IwGP01HNcBAihHtdq97ExnPOzuMUKETCOxMSrsr99AEiCC025brTtDPEjeF74k7315ChaYb/NHBnfpDxojYrl2nFvgwXJdx3Zc8VUihUTAOJRAwnCsBjXACv9BJnjAMdobEKeUcLwzwYhmGYq4gUHG6MkctqHEnHQHE9QBVhEkXfQnjnkq0Yk7bvDvCCepntkJ1PbWMHpOGD1kaj7LBZuqyfAW6ly2BPYpjOmpBYGFBeaMUi6vtvkckZJazZq8b3khWq+boYy/5QYl0xGSA9IrrtbFC81FtRtUjncsMDulmKPVDkZl9CTEF1jKt0SF95zR55ozUCNzSiir8oGJXX5EZIMJaeFLfzlezAQOWaQKohpFM94aZVdN4N2dqs0fEeMob0Fq54+IbhFnhRiio55SoTjrnxrNgVYqbektClzVmqqzpM7dcC0uFN391IMe6gPC1ZYNDYKXA9WBb/uKm6kY4AS7vGJCx8VVUn6vaa5ziVXIdDLSUVdQxfsk1JRnNENnWikIEpxkohsJAZDAZyXxWJyhqQpscRyX0/TWTFNVVxYZhOci+x2Rgx6NwSdI7L1+ulAWT0vDanhtSWGSdPkkdU9dSag6RE4g+oI/VvwqE41s29XA7wpwvYkGHnI1l+wV7d4TYlgwUEr9Ps04ZAnSJ0hCKDZ8uCtiSyS/RySNMUQgx0fTvfuUUzM8UVwdMVUjoWuWiO7rDHt6YBFSN7Xd9CyPo6euE/lmIklBJ1FVR/Wu31Ra/ofdQ2jU7x7w//MOVerulb1k7JvyBt7NrCQYrKQl2b34BjDqoba1f/YNzxnpWmpyjYQiTfOu5STj6znJenCSS04SnP1Q3M5JJoOT3J+TeIH5z+HdVuLb4ddZSXg9K3kZrOSClXieKfctvUQ/Bw9mck9mUj8dfNRM3DEYBSBs2hf5iuP0lNknGUs0GMsFY3Htya2MRXSbd56yQJr3ymDxFw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="85" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="85" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="335" y="26" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 41px; margin-left: 336px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     box
                                 </font>
@@ -16,19 +16,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="365" y="45" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="365" y="45" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     box
                 </text>
             </switch>
         </g>
-        <path d="M 37 73 L 85.64 73.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 37 73 L 85.64 73.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="20" y="45" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 60px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -36,19 +36,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 38 103 L 86.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 38 103 L 86.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="21" y="75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -56,19 +56,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 406 103 L 454.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 406 103 L 454.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="389" y="75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 390px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -76,19 +76,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="419" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="419" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>
         </g>
-        <path d="M 170 103 L 218.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 170 103 L 218.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="153" y="75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 154px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -96,7 +96,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="183" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="183" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>

.pic/Basic Verilog structures/modules/fig_05.drawio.svg

@@ -1,14 +1,14 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="477px" height="253px" viewBox="-0.5 -0.5 477 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;CEZA3NlOJ4VagNn5Y1bq&quot;&gt;7VhNc5swEP01HOsBxOcxdpz00pnO+ND2qIACmsjIkeUY+usrgQQIcJohsZPMBB+M3i4rad/qSWCB1ba8ZXCX/6ApIpZrp6UFri3XdWzHFX8SqRoEhHEDZAynyqkDNvgvMsEDTtHegDilhOOdCSa0KFDCDQwyRo+m2z0lZqc7mKERsEkgGaO/cMrzBo3csMO/I5zlumcnUNO7g8lDxuihUP1ZLrivr8a8hTqW3QD7HKb02IPA2gIrRilv7rblChGZWp215rmbE9Z23AwV/CUPKJqeIDkgPeJ6XLzSuahng6S/Y4HlMcccbXYwkdajIF9gOd8SZd5zRh/anIEWWVFCWR0PRLb8Ccs9JqSH3/g34XopcMgSVRC1Fy14z8uuL4GPZ6om/4QYR2UPUjO/RXSLOKuEi7J6mk9VpE6sWDl2nAPNVN7jWxS4qjVVZ1kbu8u1uFHpnk49mEh9QLiassFB8Hig2vBtX+fmSjg4wa6sM6Ht4i6T/3e01LHEKJpwjWXErkgVn6JQp7ygBRpwpSBIcFaIZiIIQAJfysRjsYaulGGL01R2M1kzXVWdmeQg9gckuyOSgwmOwRtQ7L2aYjH5aYrh5yNYLWr3zISDwDMIbxfrBQj3/y+nqEiv5A7V5blHjZm009I5ltlegp1AtEX+WPVbBaobf2RjAcLWel32zddVv/UTMSxmL2mft0A5ZBnSctlAKDU23TGBPYL8CYI0xhCBHD+ZW/UUa6qHnxTXi03XR2Sb9aH3bh1iTw8sQeqp/t45CDTcPtwgMgM1ORgFqouonfaL6io4n5DcfQnJSSExdw5B+MWEJPyAQrKwbdcUE9eLLiImH0Q5Qi8yCyLy5ilHGAeLAMTdNQy7EOx016CXt5OV6Hyy8vglKydkJfQG+4/nXExW4s8hK8CZIytSJTZqIpTxnGa0gGTdoUtUYm70KdpGl6Ld9SgbVa/xahlr5OEjnol8e6BsfjBP2fxwEGh4uDohXqLkYNVz20mH/TMDdgaaCeLnxzX0Dwx/cdOMYK6S6neMc0hp8iWlJ6TU18voHU5ojjPB+Pto6Wc9T43exEC08OfpzuhdbBxq9rFJNLsPso1799EbrP8B&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="477px" height="253px" viewBox="-0.5 -0.5 477 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;CEZA3NlOJ4VagNn5Y1bq&quot;&gt;7VhNc5swEP01HOsBxOcxdpz00pnO+ND2qIACmsjIkeUY+usrgQQIcJohsZPMBB+M3i4rad/qSWCB1ba8ZXCX/6ApIpZrp6UFri3XdWzHFX8SqRoEhHEDZAynyqkDNvgvMsEDTtHegDilhOOdCSa0KFDCDQwyRo+m2z0lZqc7mKERsEkgGaO/cMrzBo3csMO/I5zlumcnUNO7g8lDxuihUP1ZLrivr8a8hTqW3QD7HKb02IPA2gIrRilv7rblChGZWp215rmbE9Z23AwV/CUPKJqeIDkgPeJ6XLzSuahng6S/Y4HlMcccbXYwkdajIF9gOd8SZd5zRh/anIEWWVFCWR0PRLb8Ccs9JqSH3/g34XopcMgSVRC1Fy14z8uuL4GPZ6om/4QYR2UPUjO/RXSLOKuEi7J6mk9VpE6sWDl2nAPNVN7jWxS4qjVVZ1kbu8u1uFHpnk49mEh9QLiassFB8Hig2vBtX+fmSjg4wa6sM6Ht4i6T/3e01LHEKJpwjWXErkgVn6JQp7ygBRpwpSBIcFaIZiIIQAJfysRjsYaulGGL01R2M1kzXVWdmeQg9gckuyOSgwmOwRtQ7L2aYjH5aYrh5yNYLWr3zISDwDMIbxfrBQj3/y+nqEiv5A7V5blHjZm009I5ltlegp1AtEX+WPVbBaobf2RjAcLWel32zddVv/UTMSxmL2mft0A5ZBnSctlAKDU23TGBPYL8CYI0xhCBHD+ZW/UUa6qHnxTXi03XR2Sb9aH3bh1iTw8sQeqp/t45CDTcPtwgMgM1ORgFqouonfaL6io4n5DcfQnJSSExdw5B+MWEJPyAQrKwbdcUE9eLLiImH0Q5Qi8yCyLy5ilHGAeLAMTdNQy7EOx016CXt5OV6Hyy8vglKydkJfQG+4/nXExW4s8hK8CZIytSJTZqIpTxnGa0gGTdoUtUYm70KdpGl6Ld9SgbVa/xahlr5OEjnol8e6BsfjBP2fxwEGh4uDohXqLkYNVz20mH/TMDdgaaCeLnxzX0Dwx/cdOMYK6S6neMc0hp8iWlJ6TU18voHU5ojjPB+Pto6Wc9T43exEC08OfpzuhdbBxq9rFJNLsPso1799EbrP8B&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="83" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="83" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="351" y="23" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 38px; margin-left: 352px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     box
                                 </font>
@@ -16,7 +16,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="381" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="381" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     box
                 </text>
             </switch>
@@ -27,7 +27,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 56px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -35,19 +35,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="62" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="62" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 36 100 L 83 99.96" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 36 100 L 83 99.96" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="21" y="73" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 88px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -55,19 +55,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 404 115 L 452.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 404 115 L 452.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="396" y="72" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 87px; margin-left: 397px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -75,19 +75,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="426" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="426" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>
         </g>
-        <path d="M 83.64 69.51 L 175 69.5 L 175 100 L 234 100" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 83.64 69.51 L 175 69.5 L 175 100 L 234 100" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="178" y="73" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 88px; margin-left: 179px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -95,12 +95,12 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="208" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="208" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
         </g>
-        <path d="M 36 69.5 L 83 69.5" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 36 69.5 L 83 69.5" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/modules/fig_06.drawio.svg

@@ -1,14 +1,14 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="477px" height="253px" viewBox="-0.5 -0.5 477 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;xqYCtn-501nYqznjPPqh&quot;&gt;7VlNc9sgEP01PjYjCX3Yx8Rx0ktnMuND0yORiMREFg7GsdxfXxBgBJJc14ndtGPlYPFYLbBv94GUEZgu6nsKl8U3kqFyFHhZPQK3oyDwPT/gPwLZSgQkEwnkFGfKyABz/BPZ4BpnaGVBjJCS4aUNpqSqUMosDFJKNrbZMyntQZcwRx1gnsKyi37HGSskOg4Sg39FOC/0yH6slvcE05ecknWlxhsF4Lm5ZPcCal+eBFYFzMimBYHZCEwpIUzeLeopKkVoddTkc3cDvbt5U1SxQx5QNL3Bco30jJt5sa2ORbMaJOz9EbjZFJih+RKmonfDyedYwRal6l4xSl52MQM7ZEpKQht/YOyJP97zjMuyhd9Fd8nshuOQpiohGitSsZaV11wc765ULf4NUYbqFqRWfo/IAjG65SaqN9R8qiT1J4qVjeEcaKaKFt88wVWuqTzLd75NrPmNCnd/6EFP6OOSqSVbHMSva6I7vqya2FxzAz9e1k0kdD+/y8XvE6m1Lz4L6U72dNjloWJ9FOqQV6RCDlcKgiXOK95MOQGI4zci8JjX0LXqWOAsE8P05ozJqhOTHE8ih+SgQ3LcwzH4AIrDd1PMF99PMfz3CFZFHZyYcBCHFuG7Yj0D4dHv5RRV2bXYoUycW9TYQRuWzq7MtgLsx7zN40e3j8LRlZ9EGvjRAKZ9W6uhZGvbbj0ginkABPPH1SiDNEcaUoFAmbXxdklskRT1kKQxikrI8Ju9Xfcxp0Z4ILgpOJ0jY8/OEb1/axcrsqYpUk+190/HURjGV26+xZMrzpK5Qtu1DEvHdZNau0AclG3x6eTl6SIvg/Ji7yf8FHE2eUk+o7x4XmDLSxCOz6Ivn0RLEr5cKyHGTsEfqiXJhGsJmJjLdXsmWRmfTlZeL7IyICtJ6OxIoX82WZn8z7IiVGKuFkIoK0hOKljODHqDaswe1VLEvRwuUi0zlmhsW413C5gUhk95QApj4KSjk2eHilqUjPeJ2nFnJZ6KcNsyWwqD1fBqIt8ZNor3T9q1V8dDU09yBscqrH4jOYXEpheJHZDYyHdz+nwS6/s9jP91jfVBYmusMbi8GaokAUe/GUauozOd33RE9+XaqoBLcVsL0g77qPvH2ba3noc+/n5AnYeRcyAHYjd3K703h/aky0Cl86b5Wi/JMv8RAbNf&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="477px" height="253px" viewBox="-0.5 -0.5 477 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;xqYCtn-501nYqznjPPqh&quot;&gt;7VlNc9sgEP01PjYjCX3Yx8Rx0ktnMuND0yORiMREFg7GsdxfXxBgBJJc14ndtGPlYPFYLbBv94GUEZgu6nsKl8U3kqFyFHhZPQK3oyDwPT/gPwLZSgQkEwnkFGfKyABz/BPZ4BpnaGVBjJCS4aUNpqSqUMosDFJKNrbZMyntQZcwRx1gnsKyi37HGSskOg4Sg39FOC/0yH6slvcE05ecknWlxhsF4Lm5ZPcCal+eBFYFzMimBYHZCEwpIUzeLeopKkVoddTkc3cDvbt5U1SxQx5QNL3Bco30jJt5sa2ORbMaJOz9EbjZFJih+RKmonfDyedYwRal6l4xSl52MQM7ZEpKQht/YOyJP97zjMuyhd9Fd8nshuOQpiohGitSsZaV11wc765ULf4NUYbqFqRWfo/IAjG65SaqN9R8qiT1J4qVjeEcaKaKFt88wVWuqTzLd75NrPmNCnd/6EFP6OOSqSVbHMSva6I7vqya2FxzAz9e1k0kdD+/y8XvE6m1Lz4L6U72dNjloWJ9FOqQV6RCDlcKgiXOK95MOQGI4zci8JjX0LXqWOAsE8P05ozJqhOTHE8ih+SgQ3LcwzH4AIrDd1PMF99PMfz3CFZFHZyYcBCHFuG7Yj0D4dHv5RRV2bXYoUycW9TYQRuWzq7MtgLsx7zN40e3j8LRlZ9EGvjRAKZ9W6uhZGvbbj0ginkABPPH1SiDNEcaUoFAmbXxdklskRT1kKQxikrI8Ju9Xfcxp0Z4ILgpOJ0jY8/OEb1/axcrsqYpUk+190/HURjGV26+xZMrzpK5Qtu1DEvHdZNau0AclG3x6eTl6SIvg/Ji7yf8FHE2eUk+o7x4XmDLSxCOz6Ivn0RLEr5cKyHGTsEfqiXJhGsJmJjLdXsmWRmfTlZeL7IyICtJ6OxIoX82WZn8z7IiVGKuFkIoK0hOKljODHqDaswe1VLEvRwuUi0zlmhsW413C5gUhk95QApj4KSjk2eHilqUjPeJ2nFnJZ6KcNsyWwqD1fBqIt8ZNor3T9q1V8dDU09yBscqrH4jOYXEpheJHZDYyHdz+nwS6/s9jP91jfVBYmusMbi8GaokAUe/GUauozOd33RE9+XaqoBLcVsL0g77qPvH2ba3noc+/n5AnYeRcyAHYjd3K703h/aky0Cl86b5Wi/JMv8RAbNf&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="83" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="83" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="351" y="23" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 38px; margin-left: 352px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     box
                                 </font>
@@ -16,7 +16,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="381" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="381" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     box
                 </text>
             </switch>
@@ -27,7 +27,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 56px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -35,19 +35,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="62" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="62" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 36 100 L 122.75 99.75" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 36 100 L 122.75 99.75" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="21" y="73" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 88px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -55,19 +55,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 404 115 L 452.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 404 115 L 452.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="396" y="72" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 87px; margin-left: 397px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -75,19 +75,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="426" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="426" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>
         </g>
-        <path d="M 164 87 L 175 87 L 175 100.1 L 234.64 100.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 164 87 L 175 87 L 175 100.1 L 234.64 100.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="169" y="72" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 87px; margin-left: 170px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -95,13 +95,13 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="199" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="199" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
         </g>
-        <path d="M 36 70 L 120.85 69.66" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 114 61.5 Q 164 61.5 164 87 Q 164 112.5 114 112.5 Q 139 87 114 61.5 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 36 70 L 120.85 69.66" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 114 61.5 Q 164 61.5 164 87 Q 164 112.5 114 112.5 Q 139 87 114 61.5 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/modules/fig_07.drawio.svg

@@ -1,14 +1,14 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="461px" height="253px" viewBox="-0.5 -0.5 461 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;xuMb1Y4cCdMqvFs5FqsZ&quot;&gt;7Vpbc9soGP01fqxHErr5MU6c7kM7k5nszHafdrBEJDayUBGO5f31CwIsoYtrO3I27cZ9iDhgEN/5OAdwZ+B2U32msEi/khhlM8eKqxm4mzmObdkO/yOQvURAsJBAQnGsGjXAI/4HmeAWx6g0IEZIxnBhghHJcxQxA4OUkp3Z7Ilk5qAFTFAPeIxg1kf/wDFLJRo6QYP/hnCS6pFtX01vDaPnhJJtrsabOeCp/sjqDdR9WRIoUxiTXQsCqxm4pYQw+bSpblEmQqujJr93P1J7eG+KcnbKFxRNLzDbIv3G9XuxvY5FPRsk2tszsNylmKHHAkaidsfJ51jKNpmqLhklz4eYgQNySzJC6/5AaIl/vOYJZ1kLv/fug9WS45BGKiHqViRnrVZW/eF4f6Zq8i+IMlS1IDXzz4hsEKN73kTVAs2aSlLPcWV513AONFNpi2+e4CrXVJ4lh76bWPMHFe7h0IOB0PsZU1M2OPC/b4mu+FTWsbnhDWy/qOpI6Hr+lIi/a1LpvvhbyO5kTY9dHio2RKEOeU5y1OFKQTDDSc6LEScAcXwpAo/5GrpRFRscx2KYwZxpsurKJPsg6JDs90j2BzgGE1DsvppiPvlhiuHPR7Ba1M61V7XWME24670Z4d71CF9/ED5KODAJD96OcP/H/ony+EZsSZo4t6gxgzbulX1fbQXY9nmZx4/uv4mO5pblaODPGnDcUAN3lRpLlvbt0gOimEdAUH+ZKqPY2Fb1GWsx4g0wojGKMsjwi7kZG6JJjfBAcL26tOQvLCMhfDs0uyjJlkZIfau9O+p0FIBw7rvdvuZWpzsGaYJYr7s6dw6TPymdguvpx/cP/RjbIYQdw3hD/Qh/Zf0QcvCoJkIoS0lCcpitGnSJKsy+qamIZzmcp0rNWKKwbxVerVRSARRkvSv1ci2vk47uZerlOdbcB4vmYwqZBU4VMp5+cN9qVogG5ZEZ+LY5g4V19EW77fmrddaQfINLVXVxPVWNPlR1RFVdr5vGb6eqekUfk9UyhYV4rMTkT7vWOFtYj8Z47Ppjithb5gbI8915P/qDGnZErk6Ovt0L9o+dwMzTps0XQgpFwt+Isb2KLNwyYlKkrURbhLSS4HwvaRmh5xx8T3bnA3CJEV4jffrbAo7cY8HK3enWp05OUvgV5p5oh+f53LkmAsKOKQBnUlOw+5IwWQ6+djvz7vNl4tw4/wQ33ZHLHrqH7SSGdtwvcI2yB1Jiholw3jVhjGwELfoaX0QyhmV6yKKee7fSpWvkTKTZUhvTpkrEbytzlKGIUdFunpEER38lkKGy9SxytUAUqpeShvaTOZbndBwr5CfvnmPpLazhWOF4cp3sWEMXtSP7hR3c19IlIvmMWJTqNSsDKI5SdT2iqxckFE5yreSOd+UtZ97d8FaPIt4LXNdDWrUpMsha5aKlEzKhWsqxLHNY/E7kmrjetmUCskHQPR+AHtWDP7tMsTUcuqL9z0/cNgjMjUbT4P9wYde/wXXn4MJTr2sF89AdO/X2DtMTGsn7uQv+VfJA3FHYwaV50LvvmIh5Xmx+oJfNm/8EAVb/Ag==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="461px" height="253px" viewBox="-0.5 -0.5 461 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;xuMb1Y4cCdMqvFs5FqsZ&quot;&gt;7Vpbc9soGP01fqxHErr5MU6c7kM7k5nszHafdrBEJDayUBGO5f31CwIsoYtrO3I27cZ9iDhgEN/5OAdwZ+B2U32msEi/khhlM8eKqxm4mzmObdkO/yOQvURAsJBAQnGsGjXAI/4HmeAWx6g0IEZIxnBhghHJcxQxA4OUkp3Z7Ilk5qAFTFAPeIxg1kf/wDFLJRo6QYP/hnCS6pFtX01vDaPnhJJtrsabOeCp/sjqDdR9WRIoUxiTXQsCqxm4pYQw+bSpblEmQqujJr93P1J7eG+KcnbKFxRNLzDbIv3G9XuxvY5FPRsk2tszsNylmKHHAkaidsfJ51jKNpmqLhklz4eYgQNySzJC6/5AaIl/vOYJZ1kLv/fug9WS45BGKiHqViRnrVZW/eF4f6Zq8i+IMlS1IDXzz4hsEKN73kTVAs2aSlLPcWV513AONFNpi2+e4CrXVJ4lh76bWPMHFe7h0IOB0PsZU1M2OPC/b4mu+FTWsbnhDWy/qOpI6Hr+lIi/a1LpvvhbyO5kTY9dHio2RKEOeU5y1OFKQTDDSc6LEScAcXwpAo/5GrpRFRscx2KYwZxpsurKJPsg6JDs90j2BzgGE1DsvppiPvlhiuHPR7Ba1M61V7XWME24670Z4d71CF9/ED5KODAJD96OcP/H/ony+EZsSZo4t6gxgzbulX1fbQXY9nmZx4/uv4mO5pblaODPGnDcUAN3lRpLlvbt0gOimEdAUH+ZKqPY2Fb1GWsx4g0wojGKMsjwi7kZG6JJjfBAcL26tOQvLCMhfDs0uyjJlkZIfau9O+p0FIBw7rvdvuZWpzsGaYJYr7s6dw6TPymdguvpx/cP/RjbIYQdw3hD/Qh/Zf0QcvCoJkIoS0lCcpitGnSJKsy+qamIZzmcp0rNWKKwbxVerVRSARRkvSv1ci2vk47uZerlOdbcB4vmYwqZBU4VMp5+cN9qVogG5ZEZ+LY5g4V19EW77fmrddaQfINLVXVxPVWNPlR1RFVdr5vGb6eqekUfk9UyhYV4rMTkT7vWOFtYj8Z47Ppjithb5gbI8915P/qDGnZErk6Ovt0L9o+dwMzTps0XQgpFwt+Isb2KLNwyYlKkrURbhLSS4HwvaRmh5xx8T3bnA3CJEV4jffrbAo7cY8HK3enWp05OUvgV5p5oh+f53LkmAsKOKQBnUlOw+5IwWQ6+djvz7vNl4tw4/wQ33ZHLHrqH7SSGdtwvcI2yB1Jiholw3jVhjGwELfoaX0QyhmV6yKKee7fSpWvkTKTZUhvTpkrEbytzlKGIUdFunpEER38lkKGy9SxytUAUqpeShvaTOZbndBwr5CfvnmPpLazhWOF4cp3sWEMXtSP7hR3c19IlIvmMWJTqNSsDKI5SdT2iqxckFE5yreSOd+UtZ97d8FaPIt4LXNdDWrUpMsha5aKlEzKhWsqxLHNY/E7kmrjetmUCskHQPR+AHtWDP7tMsTUcuqL9z0/cNgjMjUbT4P9wYde/wXXn4MJTr2sF89AdO/X2DtMTGsn7uQv+VfJA3FHYwaV50LvvmIh5Xmx+oJfNm/8EAVb/Ag==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="67" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="67" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="335" y="23" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 38px; margin-left: 336px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     box
                                 </font>
@@ -16,7 +16,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="365" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="365" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     box
                 </text>
             </switch>
@@ -27,7 +27,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 57px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -35,7 +35,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="63" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="63" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -46,7 +46,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 87px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -54,19 +54,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 388 115 L 436.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 388 115 L 436.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="380" y="72" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 87px; margin-left: 381px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -74,19 +74,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="410" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="410" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>
         </g>
-        <path d="M 148 87 L 159 87 L 159 100.1 L 218.64 100.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 148 87 L 159 87 L 159 100.1 L 218.64 100.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="153" y="72" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 87px; margin-left: 154px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -94,21 +94,21 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="183" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="183" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
         </g>
-        <path d="M 98 61.5 Q 148 61.5 148 87 Q 148 112.5 98 112.5 Q 123 87 98 61.5 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 218 129.1 L 79 129.1 L 79 100" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 317 114.6 L 388 115" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 297.2 114.6 L 317 114.6 M 218 100.1 L 240.77 100.1 M 218 129.1 L 240.77 129.1" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 227.9 85.6 C 238.51 103.55 238.51 125.65 227.9 143.6" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 257.6 85.6 C 274.89 86.14 290.33 97.45 297.2 114.6 C 290.33 131.75 274.89 143.06 257.6 143.6 L 232.85 143.6 C 243.46 125.65 243.46 103.55 232.85 85.6 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="79" cy="100" rx="5" ry="5" fill="#808080" stroke="none" pointer-events="all"/>
+        <path d="M 98 61.5 Q 148 61.5 148 87 Q 148 112.5 98 112.5 Q 123 87 98 61.5 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
+        <path d="M 218 129.1 L 79 129.1 L 79 100" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 317 114.6 L 388 115" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 297.2 114.6 L 317 114.6 M 218 100.1 L 240.77 100.1 M 218 129.1 L 240.77 129.1" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 227.9 85.6 C 238.51 103.55 238.51 125.65 227.9 143.6" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 257.6 85.6 C 274.89 86.14 290.33 97.45 297.2 114.6 C 290.33 131.75 274.89 143.06 257.6 143.6 L 232.85 143.6 C 243.46 125.65 243.46 103.55 232.85 85.6 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
+        <ellipse cx="79" cy="100" rx="5" ry="5" fill="#808080" stroke="none" pointer-events="all" style="fill: light-dark(#808080, #737373);"/>
         <rect x="69" y="90" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
-        <path d="M 21 71.34 L 105.85 71" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 100.17 L 107 100" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 21 71.34 L 105.85 71" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 21 100.17 L 107 100" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/modules/fig_08.drawio.svg

@@ -1,15 +1,15 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="460px" height="322px" viewBox="-0.5 -0.5 460 322" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;y-hO_N2Vlj62Y5vfGqLU&quot;&gt;7VtLc6M4EP41Pi6lJ4hj7IlnD7tVU5XDzh4ZW7HZwciDcWLvr18BkkESOH6AN5mxUxWjlhDS93W31C08wpPV7nMWrZd/ijlPRgjMdyP8aYQQBBDJr0KyryQ4CCvBIovnqlEteIr/5aZwG8/5xhDlQiR5vDaFM5GmfJYbsijLxKvZ7Fkk5kPX0YI7gqdZlLjSv+J5vqykDAW1/HceL5b6ydBX0/sWzb4vMrFN1fNGCD+Xn6p6Fem+QCXYLKO5eG2I8OMITzIh8upqtZvwpIBWo1bdN+2oPYw742l+yg2Kppco2XI94nJc+V5jUc6GF+3BCI9fl3HOn9bRrKh9leRL2TJfJbIE5eUmz8R3PhGJyMq78ZiGD4QdajSacqLj5zhJGi0lSGg2K+QizRtyUH6k3J2bmu4Lz3K+a4jUXD9zseJ5tpdNVC0hfnWLUkuCsAcVda810ZDSSrZskBwCj2kVU+q1ODyghlheKJTbEcfnIA5PRVzjits4YKD4cxGf0mnwOJbyKJspEwTD4o+1nSj8KSIO+FjbRhN8GPjXQ09aoPeTXE3Z4MD/sRW64rdNic2DbAD99a5EQtfLq0XxnYu17kuOouquqnHYlVDlx4wmFSm3uFKiKIkXqSzOJAFcyscF8LH0Wg+qYhXP58VjWnXGtOMBSfZxYJHsOyT7LRxjcD3F9GqK5eTbKY4+HsHKqNHQVq19mCac0JsR7g9H+Lc74Z2EY5Pw4HaEB2+vnzydPxSbwBrnBjUmaN1rpbuuNgCGvixL/LL916IjDwCkBX+XAlTueUrBp516VlXaN0tfeBZLBArqL/PKfG5sZF3GGozQFka0LONJlMcv5va3jSb1hC8iLq1Lu/wQGArhQ2Z2sRHbbMbVXc39qNVRgJnnE7svD1jd5VG24LnTXak7h8mfpE5sOP/x4+4/unYIATT9B0M38x/hz+w/CnfwpCYisnwpFiKNksdaOua7OP+qplJcV4+jqlQ/qyjsG4WfxVMRanoqGlo6daqnogh4Pg7rj+m0AD7VaUlVi/aNZuuiwebIDHzYOoOugdrt5dAse6lGcKkHhTqV0TCgN9XQtKK6zR9CBlKVdv7D83yv7CXa5sI0Q63HwNDj4HxFblghRcy0Qh/jS6zwQqdw1Ou6PklKpnHBihqIzqIVrkWpmh5X4ffjdKGaXm6i59neuYqNmaWoGHUraos9ota7zzZszFCrvQyw+YB65XxXixGU8bthBnWDX2Ev6wY3xMPkMl0iIPAY6VokZM+DadYJid3baxaROBqaRcNfWrWKXQIMLnZTHr2Zozoha71ZRutqwe8INy5NWg8Xh1Bkb6VUuRmHoBZ1oN3MnxqHwLZstAVpcZK0Hrl5++kUTSadYeLVeB3O1aJveiTgKI6EmSE7odjBETMXR9JDPAfbUr52gJ3FUbrojIMvOL/CR1g5gwDSwcBRB4WlI3WxxKEXGp8eoG1LrtqLSJLE602PyLacDA6L7M5Gda9n74EwoH79z9HpwPNdIuSKDwgLDv9YD0SckPQ8+Irbmz+29zXUPVL18UButC2BZ0Fz3Ql28OAz7C5aPZ1gBx0kuGBrcD3ImB+E0skihkHL6TWFnlQ8hmAIy++WBYyEHoMQIxBQEkA/7ENH2xJrPZ2uxunLx8ul9q4AuhZ6B2rLb3SJBmDoNfmHOmC4RgWQmwnqLc9zbb7y/8nJ6MjHinreiHk6XXUVG5hb8p6TNu7RDrCiDFic0EAKQoJx6NsddsQcbrqGYadbaMUvHaHQBfELaku03J1T/wEVRcUutHZOBsdEO4h34KoGzo8cCxs68yPneYmzaaxMc2RETe8kMUL0WYnWlOA0V+B2RKjHqNUX8hjqDIz6S5Kc8mrfjXTqoybI7CT+xXrgI3K8ox5pv/61wvs7Z+e/ghRaawsJnLVlqFcIhnzLcH5nvGtvYZ3L3ZTxAV8znN0Z73xb3z4va0nP98O4LNY/uqgWgfqHLfjxPw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="460px" height="322px" viewBox="-0.5 -0.5 460 322" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;y-hO_N2Vlj62Y5vfGqLU&quot;&gt;7VtLc6M4EP41Pi6lJ4hj7IlnD7tVU5XDzh4ZW7HZwciDcWLvr18BkkESOH6AN5mxUxWjlhDS93W31C08wpPV7nMWrZd/ijlPRgjMdyP8aYQQBBDJr0KyryQ4CCvBIovnqlEteIr/5aZwG8/5xhDlQiR5vDaFM5GmfJYbsijLxKvZ7Fkk5kPX0YI7gqdZlLjSv+J5vqykDAW1/HceL5b6ydBX0/sWzb4vMrFN1fNGCD+Xn6p6Fem+QCXYLKO5eG2I8OMITzIh8upqtZvwpIBWo1bdN+2oPYw742l+yg2Kppco2XI94nJc+V5jUc6GF+3BCI9fl3HOn9bRrKh9leRL2TJfJbIE5eUmz8R3PhGJyMq78ZiGD4QdajSacqLj5zhJGi0lSGg2K+QizRtyUH6k3J2bmu4Lz3K+a4jUXD9zseJ5tpdNVC0hfnWLUkuCsAcVda810ZDSSrZskBwCj2kVU+q1ODyghlheKJTbEcfnIA5PRVzjits4YKD4cxGf0mnwOJbyKJspEwTD4o+1nSj8KSIO+FjbRhN8GPjXQ09aoPeTXE3Z4MD/sRW64rdNic2DbAD99a5EQtfLq0XxnYu17kuOouquqnHYlVDlx4wmFSm3uFKiKIkXqSzOJAFcyscF8LH0Wg+qYhXP58VjWnXGtOMBSfZxYJHsOyT7LRxjcD3F9GqK5eTbKY4+HsHKqNHQVq19mCac0JsR7g9H+Lc74Z2EY5Pw4HaEB2+vnzydPxSbwBrnBjUmaN1rpbuuNgCGvixL/LL916IjDwCkBX+XAlTueUrBp516VlXaN0tfeBZLBArqL/PKfG5sZF3GGozQFka0LONJlMcv5va3jSb1hC8iLq1Lu/wQGArhQ2Z2sRHbbMbVXc39qNVRgJnnE7svD1jd5VG24LnTXak7h8mfpE5sOP/x4+4/unYIATT9B0M38x/hz+w/CnfwpCYisnwpFiKNksdaOua7OP+qplJcV4+jqlQ/qyjsG4WfxVMRanoqGlo6daqnogh4Pg7rj+m0AD7VaUlVi/aNZuuiwebIDHzYOoOugdrt5dAse6lGcKkHhTqV0TCgN9XQtKK6zR9CBlKVdv7D83yv7CXa5sI0Q63HwNDj4HxFblghRcy0Qh/jS6zwQqdw1Ou6PklKpnHBihqIzqIVrkWpmh5X4ffjdKGaXm6i59neuYqNmaWoGHUraos9ota7zzZszFCrvQyw+YB65XxXixGU8bthBnWDX2Ev6wY3xMPkMl0iIPAY6VokZM+DadYJid3baxaROBqaRcNfWrWKXQIMLnZTHr2Zozoha71ZRutqwe8INy5NWg8Xh1Bkb6VUuRmHoBZ1oN3MnxqHwLZstAVpcZK0Hrl5++kUTSadYeLVeB3O1aJveiTgKI6EmSE7odjBETMXR9JDPAfbUr52gJ3FUbrojIMvOL/CR1g5gwDSwcBRB4WlI3WxxKEXGp8eoG1LrtqLSJLE602PyLacDA6L7M5Gda9n74EwoH79z9HpwPNdIuSKDwgLDv9YD0SckPQ8+Irbmz+29zXUPVL18UButC2BZ0Fz3Ql28OAz7C5aPZ1gBx0kuGBrcD3ImB+E0skihkHL6TWFnlQ8hmAIy++WBYyEHoMQIxBQEkA/7ENH2xJrPZ2uxunLx8ul9q4AuhZ6B2rLb3SJBmDoNfmHOmC4RgWQmwnqLc9zbb7y/8nJ6MjHinreiHk6XXUVG5hb8p6TNu7RDrCiDFic0EAKQoJx6NsddsQcbrqGYadbaMUvHaHQBfELaku03J1T/wEVRcUutHZOBsdEO4h34KoGzo8cCxs68yPneYmzaaxMc2RETe8kMUL0WYnWlOA0V+B2RKjHqNUX8hjqDIz6S5Kc8mrfjXTqoybI7CT+xXrgI3K8ox5pv/61wvs7Z+e/ghRaawsJnLVlqFcIhnzLcH5nvGtvYZ3L3ZTxAV8znN0Z73xb3z4va0nP98O4LNY/uqgWgfqHLfjxPw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="144" y="23.19" width="155" height="90.81" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all"/>
-        <rect x="67" y="124" width="320" height="176" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="144" y="23.19" width="155" height="90.81" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#b59a48, #937922);"/>
+        <rect x="67" y="124" width="320" height="176" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="335" y="126" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 141px; margin-left: 336px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     top
                                 </font>
@@ -17,7 +17,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="365" y="145" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="365" y="145" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     top
                 </text>
             </switch>
@@ -28,7 +28,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 160px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -36,7 +36,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="166" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="166" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -47,7 +47,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 190px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -55,19 +55,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="196" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="196" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 388 218 L 436.64 218.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 388 218 L 436.64 218.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="369" y="182" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 197px; margin-left: 370px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -75,26 +75,26 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="399" y="203" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="399" y="203" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>
         </g>
-        <path d="M 148 190 L 159 190 L 159 203.1 L 218.64 203.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 220 232 L 79 232 L 80 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 174.34 L 105.85 174" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 203.17 L 80.5 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 219 191 Q 281 191 281 218.5 Q 281 246 219 246 Z" fill="rgb(255, 255, 255)" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="182" y="53" width="38" height="40" fill="#fff2cc" stroke="none" pointer-events="all"/>
-        <path d="M 182 53 L 212.4 73 L 182 93 Z" fill="#fff2cc" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="216.2" cy="73" rx="3.8" ry="3.902439024390244" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all"/>
-        <rect x="97" y="164.19" width="51.78" height="49.81" fill="#fff2cc" stroke="#7a6831" stroke-width="2" pointer-events="none"/>
+        <path d="M 148 190 L 159 190 L 159 203.1 L 218.64 203.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 220 232 L 79 232 L 80 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 21 174.34 L 105.85 174" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 21 203.17 L 80.5 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 219 191 Q 281 191 281 218.5 Q 281 246 219 246 Z" fill="rgb(255, 255, 255)" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(#808080, #737373);"/>
+        <rect x="182" y="53" width="38" height="40" fill="#fff2cc" stroke="none" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00);"/>
+        <path d="M 182 53 L 212.4 73 L 182 93 Z" fill="#fff2cc" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#b59a48, #937922);"/>
+        <ellipse cx="216.2" cy="73" rx="3.8" ry="3.902439024390244" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#b59a48, #937922);"/>
+        <rect x="97" y="164.19" width="51.78" height="49.81" fill="#fff2cc" stroke="#7a6831" stroke-width="2" pointer-events="none" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#7a6831, #9c8952);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 175px; margin-left: 109px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     inv
                                 </font>
@@ -102,18 +102,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="134" y="178" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="134" y="178" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     inv
                 </text>
             </switch>
         </g>
-        <path d="M 281 218.5 L 303 218.64" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 281 218.5 L 303 218.64" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#808080, #737373);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 36px; margin-left: 252px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     inv
                                 </font>
@@ -121,19 +121,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="277" y="39" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="277" y="39" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     inv
                 </text>
             </switch>
         </g>
-        <path d="M 106 73 L 182 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 220 73 L 322 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 106 73 L 182 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#b59a48, #937922);"/>
+        <path d="M 220 73 L 322 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#b59a48, #937922);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 62px; margin-left: 96px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -141,7 +141,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="125" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -151,7 +151,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 62px; margin-left: 281px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d
                                 </font>
@@ -159,7 +159,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="310" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="310" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -169,7 +169,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 186px; margin-left: 148px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -177,7 +177,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="177" y="192" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="177" y="192" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>

.pic/Basic Verilog structures/modules/fig_09.drawio.svg

@@ -1,15 +1,15 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="460px" height="322px" viewBox="-0.5 -0.5 460 322" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Q-EJFBlvZuQXj54t-2-i&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="460px" height="322px" viewBox="-0.5 -0.5 460 322" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Q-EJFBlvZuQXj54t-2-i&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="144" y="23.19" width="155" height="90.81" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all"/>
-        <rect x="67" y="124" width="320" height="176" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
+        <rect x="144" y="23.19" width="155" height="90.81" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#b59a48, #937922);"/>
+        <rect x="67" y="124" width="320" height="176" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
         <rect x="335" y="126" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 141px; margin-left: 336px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     top
                                 </font>
@@ -17,7 +17,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="365" y="145" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="365" y="145" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     top
                 </text>
             </switch>
@@ -28,7 +28,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 160px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -36,7 +36,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="166" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="166" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -47,7 +47,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 190px; margin-left: 22px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     b
                                 </font>
@@ -55,19 +55,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="51" y="196" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="51" y="196" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 388 218 L 436.64 218.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 388 218 L 436.64 218.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
         <rect x="369" y="182" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 197px; margin-left: 370px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     q
                                 </font>
@@ -75,27 +75,27 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="399" y="203" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="399" y="203" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     q
                 </text>
             </switch>
         </g>
-        <path d="M 148 190 L 159 190 L 159 203.1 L 218.64 203.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 218 232.1 L 79 232.1 L 79 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 317 217.6 L 388 218" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 174.34 L 105.85 174" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 21 203.17 L 80.5 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 219 191 Q 281 191 281 218.5 Q 281 246 219 246 Z" fill="rgb(255, 255, 255)" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="182" y="53" width="38" height="40" fill="#fff2cc" stroke="none" pointer-events="all"/>
-        <path d="M 182 53 L 212.4 73 L 182 93 Z" fill="#fff2cc" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="216.2" cy="73" rx="3.8" ry="3.902439024390244" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all"/>
-        <rect x="97" y="164.19" width="51.78" height="49.81" fill="#fff2cc" stroke="#7a6831" stroke-width="2" pointer-events="none"/>
+        <path d="M 148 190 L 159 190 L 159 203.1 L 218.64 203.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 218 232.1 L 79 232.1 L 79 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 317 217.6 L 388 218" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 21 174.34 L 105.85 174" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 21 203.17 L 80.5 203" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 219 191 Q 281 191 281 218.5 Q 281 246 219 246 Z" fill="rgb(255, 255, 255)" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(#808080, #737373);"/>
+        <rect x="182" y="53" width="38" height="40" fill="#fff2cc" stroke="none" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00);"/>
+        <path d="M 182 53 L 212.4 73 L 182 93 Z" fill="#fff2cc" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#b59a48, #937922);"/>
+        <ellipse cx="216.2" cy="73" rx="3.8" ry="3.902439024390244" fill="#fff2cc" stroke="#b59a48" stroke-width="2" pointer-events="all" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#b59a48, #937922);"/>
+        <rect x="97" y="164.19" width="51.78" height="49.81" fill="#fff2cc" stroke="#7a6831" stroke-width="2" pointer-events="none" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#7a6831, #9c8952);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 175px; margin-left: 109px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     inv
                                 </font>
@@ -103,18 +103,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="134" y="178" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="134" y="178" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     inv
                 </text>
             </switch>
         </g>
-        <rect x="303" y="193.28" width="51.78" height="50.72" fill="#fff2cc" stroke="#7a6831" stroke-width="2" pointer-events="none"/>
+        <rect x="303" y="193.28" width="51.78" height="50.72" fill="#fff2cc" stroke="#7a6831" stroke-width="2" pointer-events="none" style="fill: light-dark(#fff2cc, #261c00); stroke: light-dark(#7a6831, #9c8952);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 204px; margin-left: 315px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     inv
                                 </font>
@@ -122,18 +122,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="340" y="207" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="340" y="207" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     inv
                 </text>
             </switch>
         </g>
-        <path d="M 281 218.5 L 303 218.64" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 281 218.5 L 303 218.64" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#808080, #737373);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 50px; height: 1px; padding-top: 36px; margin-left: 252px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 16px;">
                                     inv
                                 </font>
@@ -141,19 +141,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="277" y="39" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="277" y="39" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     inv
                 </text>
             </switch>
         </g>
-        <path d="M 106 73 L 182 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 220 73 L 322 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 106 73 L 182 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#b59a48, #937922);"/>
+        <path d="M 220 73 L 322 73" fill="none" stroke="#b59a48" stroke-width="3" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#b59a48, #937922);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 62px; margin-left: 96px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     a
                                 </font>
@@ -161,7 +161,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="125" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="125" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -171,7 +171,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 62px; margin-left: 281px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     d
                                 </font>
@@ -179,7 +179,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="310" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="310" y="68" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -189,7 +189,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 186px; margin-left: 148px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 20px;">
                                     c
                                 </font>
@@ -197,7 +197,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="177" y="192" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="177" y="192" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>

.pic/Basic Verilog structures/multiplexors/fig_01.drawio.svg

@@ -1,18 +1,18 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="479px" height="190px" viewBox="-0.5 -0.5 479 190" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Pi9opATpEP3AVho0b5Q2&quot;&gt;7Vtdc6IwFP01PLpDiCA8Vvuxndmd2Zk+7HMqEZgicSG2dn/9BkiQBGkFgbqKL8JNchNyzj3eJKjBxXr3EKON/5O4ONQM3d1p8FYzDGBDh32llvfcAmfc4MWByyvtDU/BXywbt4GLE8lECQlpsJGNSxJFeEklG4pj8iZXW5FQ7nSDPFwxPC1RWLX+Dlzq51bbmO3t33Hg+aJnYPHHe0bLFy8m24j3pxlwlX3y4jUSvvTckPjIJW8lE7zT4CImhOZX690Ch+nUilnL293XlBbjjnFEj2lg5A1eUbjFYsTZuOi7mAscuTfplLK7iETMOPfpOmR3gF1mj4pTZzq7S2hMXooZg8yyIhFdkJDEmS+oZ5+i5qGS6hPwh8KuhBl/ngdM1pjG76zC2x4pk0+vXwJJ2GIcIhq8ykgjThivcFf08IsEbCSGzrk9MafcEaf2TNdlHwnZxkvMm5XnXvU0nSmeTMUTRbGHacUTuyg9+N6UYXsYZzji3BRnFR0btsVZZYxt94bzdMT5VJwrUdg6niuM6Q5nc8T563R7wHi2GuG8DFGSBMtmUCdstFRhSma7D9JhZa1YH/wOXCY5KiLgtCUHtD7x1B05ZgfIYYWUIySxxPqzJaJgkmTp9g2rAM3NLoNHlLMrL/0mWyp8sVHk7vKSKv8YhD/QM1sASLRDYeBFKScZ5JjxYf6KYxqwFPuGF6wD1019zGPMBoSeM38pWTbp1GSTZc4185aPmq8RgPEBAcN0GPMiBRdVOKmrJBTRxUaGdxJ1+MKCj0orJ+cSPXkr/ZthTk0Jd9ANMYEjeZ0YjuyCrFYJPpVI9qgyg6iMZSraYHX1E1Tx1J3KOLUqk2xQdJLKPJY0JncmNKaZjBlWTQf6FYiYCN5rFzGgjyr2JSrW4cK4vwUTAP0lS4+1KtNQxuyaDsAVyFgRvlevY8aoY8NsCOiy+jhQgfN4HVM82f1t5IJDO7kdpWNJeohTk5BdkNCI+DpfoYFAdjrrQ2aabRUTVm/UmBa/GF2t+AAYbMUHDu0uj0u+M5KwrhRsAtR9TzUDL3NcotRH/Gm2az1KSyfSYotDoZOlpeKpQ2mp37PuXVqO7aBWWsA1ZEf9SYtj1nP8aGlptlXd/OBTkpb92qqsLkBSF/0y1QWq4P0PeUv9VvV4IHZc9J//ZjLQ5cXRRKznOl0diffzhtGZT1OYyxSZ7s7cBztyL34fG/HCRYmfcQE0I0kpzA37IikwUTjgtD5LUMnU3zs5AvJxC+4Mkkwlu3DUl7raJJmDvC174XFtqBtfajweHdiG+tJEj5E9xOuz1wa8uuxrD7zqqTXw7Hb/F4u8+v5vLPDuHw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="479px" height="190px" viewBox="-0.5 -0.5 479 190" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Pi9opATpEP3AVho0b5Q2&quot;&gt;7Vtdc6IwFP01PLpDiCA8Vvuxndmd2Zk+7HMqEZgicSG2dn/9BkiQBGkFgbqKL8JNchNyzj3eJKjBxXr3EKON/5O4ONQM3d1p8FYzDGBDh32llvfcAmfc4MWByyvtDU/BXywbt4GLE8lECQlpsJGNSxJFeEklG4pj8iZXW5FQ7nSDPFwxPC1RWLX+Dlzq51bbmO3t33Hg+aJnYPHHe0bLFy8m24j3pxlwlX3y4jUSvvTckPjIJW8lE7zT4CImhOZX690Ch+nUilnL293XlBbjjnFEj2lg5A1eUbjFYsTZuOi7mAscuTfplLK7iETMOPfpOmR3gF1mj4pTZzq7S2hMXooZg8yyIhFdkJDEmS+oZ5+i5qGS6hPwh8KuhBl/ngdM1pjG76zC2x4pk0+vXwJJ2GIcIhq8ykgjThivcFf08IsEbCSGzrk9MafcEaf2TNdlHwnZxkvMm5XnXvU0nSmeTMUTRbGHacUTuyg9+N6UYXsYZzji3BRnFR0btsVZZYxt94bzdMT5VJwrUdg6niuM6Q5nc8T563R7wHi2GuG8DFGSBMtmUCdstFRhSma7D9JhZa1YH/wOXCY5KiLgtCUHtD7x1B05ZgfIYYWUIySxxPqzJaJgkmTp9g2rAM3NLoNHlLMrL/0mWyp8sVHk7vKSKv8YhD/QM1sASLRDYeBFKScZ5JjxYf6KYxqwFPuGF6wD1019zGPMBoSeM38pWTbp1GSTZc4185aPmq8RgPEBAcN0GPMiBRdVOKmrJBTRxUaGdxJ1+MKCj0orJ+cSPXkr/ZthTk0Jd9ANMYEjeZ0YjuyCrFYJPpVI9qgyg6iMZSraYHX1E1Tx1J3KOLUqk2xQdJLKPJY0JncmNKaZjBlWTQf6FYiYCN5rFzGgjyr2JSrW4cK4vwUTAP0lS4+1KtNQxuyaDsAVyFgRvlevY8aoY8NsCOiy+jhQgfN4HVM82f1t5IJDO7kdpWNJeohTk5BdkNCI+DpfoYFAdjrrQ2aabRUTVm/UmBa/GF2t+AAYbMUHDu0uj0u+M5KwrhRsAtR9TzUDL3NcotRH/Gm2az1KSyfSYotDoZOlpeKpQ2mp37PuXVqO7aBWWsA1ZEf9SYtj1nP8aGlptlXd/OBTkpb92qqsLkBSF/0y1QWq4P0PeUv9VvV4IHZc9J//ZjLQ5cXRRKznOl0diffzhtGZT1OYyxSZ7s7cBztyL34fG/HCRYmfcQE0I0kpzA37IikwUTjgtD5LUMnU3zs5AvJxC+4Mkkwlu3DUl7raJJmDvC174XFtqBtfajweHdiG+tJEj5E9xOuz1wa8uuxrD7zqqTXw7Hb/F4u8+v5vLPDuHw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 90.6 20.4 L 132.6 50.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 132.6 98.4 L 90.6 128.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 132.6 50.4 L 132.6 98.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 90.6 20.4 L 90.6 128.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 132.6 74.4 L 192.54 74.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 196.59 74.4 L 191.19 77.1 L 192.54 74.4 L 191.19 71.7 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 90.6 20.4 L 132.6 50.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 132.6 98.4 L 90.6 128.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 132.6 50.4 L 132.6 98.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.6 20.4 L 90.6 128.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 132.6 74.4 L 192.54 74.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 196.59 74.4 L 191.19 77.1 L 192.54 74.4 L 191.19 71.7 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 95px; margin-left: 272px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 35px;">
                                     out
                                 </font>
@@ -20,19 +20,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="272" y="98" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="272" y="98" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     out
                 </text>
             </switch>
         </g>
-        <path d="M 24.6 56.4 L 84.54 56.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 88.59 56.4 L 83.19 59.1 L 84.54 56.4 L 83.19 53.7 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 24.6 56.4 L 84.54 56.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 88.59 56.4 L 83.19 59.1 L 84.54 56.4 L 83.19 53.7 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 65px; margin-left: 92px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <span style="font-size: 35px;">
                                     I
                                 </span>
@@ -43,19 +43,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="92" y="68" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="92" y="68" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     I0
                 </text>
             </switch>
         </g>
-        <path d="M 24.6 98.4 L 84.54 98.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 88.59 98.4 L 83.19 101.1 L 84.54 98.4 L 83.19 95.7 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 24.6 98.4 L 84.54 98.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 88.59 98.4 L 83.19 101.1 L 84.54 98.4 L 83.19 95.7 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 135px; margin-left: 92px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 35px;">
                                     I
                                 </font>
@@ -66,19 +66,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="92" y="138" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="92" y="138" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     I1
                 </text>
             </switch>
         </g>
-        <path d="M 114.6 163.8 L 114.6 116.46" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 114.6 112.41 L 117.3 117.81 L 114.6 116.46 L 111.9 117.81 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 114.6 163.8 L 114.6 116.46" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 114.6 112.41 L 117.3 117.81 L 114.6 116.46 L 111.9 117.81 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 235px; margin-left: 222px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <span style="font-size: 35px;">
                                     sel
                                 </span>
@@ -86,19 +86,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="222" y="238" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="222" y="238" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel
                 </text>
             </switch>
         </g>
-        <path d="M 300.6 56.4 L 346.8 56.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="348.6" cy="56.4" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
+        <path d="M 300.6 56.4 L 346.8 56.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="348.6" cy="56.4" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 65px; margin-left: 522px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <span style="font-size: 35px;">
                                     I
                                 </span>
@@ -109,19 +109,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="522" y="68" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="522" y="68" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     I0
                 </text>
             </switch>
         </g>
-        <path d="M 300.6 95.4 L 346.8 95.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="348.6" cy="95.4" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
+        <path d="M 300.6 95.4 L 346.8 95.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="348.6" cy="95.4" rx="1.7999999999999998" ry="1.7999999999999998" fill="#000000" stroke="#000000" stroke-width="1.8" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 130px; margin-left: 522px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <span style="font-size: 35px;">
                                     I
                                 </span>
@@ -132,19 +132,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="522" y="133" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="522" y="133" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     I1
                 </text>
             </switch>
         </g>
-        <path d="M 390.92 72.27 L 348.6 56.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 394.72 73.69 L 388.71 74.33 L 390.92 72.27 L 390.61 69.27 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 390.92 72.27 L 348.6 56.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 394.72 73.69 L 388.71 74.33 L 390.92 72.27 L 390.61 69.27 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 94px; margin-left: 712px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 35px;">
                                     out
                                 </font>
@@ -152,19 +152,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="712" y="98" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="712" y="98" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     out
                 </text>
             </switch>
         </g>
-        <path d="M 456.6 74.4 L 396.6 74.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 372.6 158.4 L 372.6 68.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" stroke-dasharray="5.3999999999999995 5.3999999999999995" pointer-events="stroke"/>
+        <path d="M 456.6 74.4 L 396.6 74.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 372.6 158.4 L 372.6 68.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" stroke-dasharray="5.3999999999999995 5.3999999999999995" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 235px; margin-left: 582px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <span style="font-size: 35px;">
                                     sel
                                 </span>
@@ -172,13 +172,13 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="582" y="238" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="582" y="238" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel
                 </text>
             </switch>
         </g>
-        <path d="M 240.6 68.4 L 264.6 68.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 240.6 77.4 L 264.6 77.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 240.6 68.4 L 264.6 68.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 240.6 77.4 L 264.6 77.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/multiplexors/fig_02.drawio.svg

@@ -1,17 +1,17 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="283px" height="166px" viewBox="-0.5 -0.5 283 166" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;OJYapwEZxr0HDLvha2f5&quot;&gt;7VdNj9sgEP01OTbiw2D7uMl+XVpV3UrtHlmbOGhtk9okcfrrCwbiECer1bZRtVV9SJiHmYGZNw95gudVd9ew1fKjzHk5QSDvJvh6ghCilOo/g+wsguPUAkUjcgvBAXgQP3kIrkXO2wBSUpZKrEIwk3XNMxVgrGnkNnxtIcsw6IoVfAQ8ZKwco99ErpYWTVA84PdcFEsfGVJ3vCeWPReNXNcu3gThRf/Y6Yp5X8AC7ZLlcnsA4ZsJnjdSKjuqujkvTWp91uy62zOz+303vFavWYDsgg0r19zvuN+X2vlc8Dq/MinVVi1rDc6Wqiq1BfWwPyo3zoC2FrJWrpZQH2WmN9HsvpvJKfHmo3u3N667wNo5q1WsUT5oVrK2FZmHb0Xpg5twt6wSpVn3VVSaMQh84lv9+0VWrO6XNPKZz2Upm/40GPSPW3wKtyt81bFGxjl1aeZ5wCKX4TsuK65Po1/YDtwhruDLA9p4rOElU2ITco85Chd7d/sIn6XQO0HAdduHJImnEaQ4Ilj3WYKI9bDzUeAUAJxiGsEIphSF/lu5bjLuXB4y5ThKStNpmsaIQGLcpXQUBSYxwCRNYgwxJGEYXbqCq1EYPTjI2AD1ND1NWXxRyv5N6vFOKNstiDjz0cUz46FZjDH0yrvjK4SATGMIU81Zkgx3g6NShOkURiCmMUgTnAD6RsJCBMCx40uRMjpBSloqV+yAnfTHWvqJD21PvSv9Ao5WXV88P69Hhfl/9J70Hqwzi49Yr3inQqqzUhS14bFmAtdsm214o4S+5q7cRCXy3CyfNVzvhD31rgyrViYnfZbIbEKuja+1kq1rlBG7XZctdIMcQ2e4fpakZou8e5Gme91LY61siEY4igFIvDL4asdIzwIYRxGMAaGxu7wPSB6hEySPzvM5IMgLbCD/Jer9S9TR/ZYc8eLtMjRy9edkiF5OhnSN36xDrxULr1eNLeh5udouheIPK5aZkFv9CXKyaS6lOxCR8MYiBI+0hSRjdlLw+9oSX7DE4J8ocSB897zccBPhUrWPALlU7bU5fAlaNRi+tvHNLw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="283px" height="166px" viewBox="-0.5 -0.5 283 166" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;OJYapwEZxr0HDLvha2f5&quot;&gt;7VdNj9sgEP01OTbiw2D7uMl+XVpV3UrtHlmbOGhtk9okcfrrCwbiECer1bZRtVV9SJiHmYGZNw95gudVd9ew1fKjzHk5QSDvJvh6ghCilOo/g+wsguPUAkUjcgvBAXgQP3kIrkXO2wBSUpZKrEIwk3XNMxVgrGnkNnxtIcsw6IoVfAQ8ZKwco99ErpYWTVA84PdcFEsfGVJ3vCeWPReNXNcu3gThRf/Y6Yp5X8AC7ZLlcnsA4ZsJnjdSKjuqujkvTWp91uy62zOz+303vFavWYDsgg0r19zvuN+X2vlc8Dq/MinVVi1rDc6Wqiq1BfWwPyo3zoC2FrJWrpZQH2WmN9HsvpvJKfHmo3u3N667wNo5q1WsUT5oVrK2FZmHb0Xpg5twt6wSpVn3VVSaMQh84lv9+0VWrO6XNPKZz2Upm/40GPSPW3wKtyt81bFGxjl1aeZ5wCKX4TsuK65Po1/YDtwhruDLA9p4rOElU2ITco85Chd7d/sIn6XQO0HAdduHJImnEaQ4Ilj3WYKI9bDzUeAUAJxiGsEIphSF/lu5bjLuXB4y5ThKStNpmsaIQGLcpXQUBSYxwCRNYgwxJGEYXbqCq1EYPTjI2AD1ND1NWXxRyv5N6vFOKNstiDjz0cUz46FZjDH0yrvjK4SATGMIU81Zkgx3g6NShOkURiCmMUgTnAD6RsJCBMCx40uRMjpBSloqV+yAnfTHWvqJD21PvSv9Ao5WXV88P69Hhfl/9J70Hqwzi49Yr3inQqqzUhS14bFmAtdsm214o4S+5q7cRCXy3CyfNVzvhD31rgyrViYnfZbIbEKuja+1kq1rlBG7XZctdIMcQ2e4fpakZou8e5Gme91LY61siEY4igFIvDL4asdIzwIYRxGMAaGxu7wPSB6hEySPzvM5IMgLbCD/Jer9S9TR/ZYc8eLtMjRy9edkiF5OhnSN36xDrxULr1eNLeh5udouheIPK5aZkFv9CXKyaS6lOxCR8MYiBI+0hSRjdlLw+9oSX7DE4J8ocSB897zccBPhUrWPALlU7bU5fAlaNRi+tvHNLw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 236.69 77.42 L 193.2 77.51" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 240.74 77.41 L 235.34 80.12 L 236.69 77.42 L 235.33 74.72 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 105.71 38.48 L 55.2 38.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 109.76 38.48 L 104.36 41.17 L 105.71 38.48 L 104.36 35.77 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 236.69 77.42 L 193.2 77.51" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 240.74 77.41 L 235.34 80.12 L 236.69 77.42 L 235.33 74.72 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 105.71 38.48 L 55.2 38.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 109.76 38.48 L 104.36 41.17 L 105.71 38.48 L 104.36 35.77 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <rect x="237" y="60" width="25.2" height="32.4" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 127px; margin-left: 416px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 34px;">
                                     Y
                                 </font>
@@ -19,20 +19,20 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="416" y="131" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="416" y="131" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     Y
                 </text>
             </switch>
         </g>
-        <path d="M 105.54 127.2 L 55.2 127.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 109.59 127.2 L 104.19 129.9 L 105.54 127.2 L 104.19 124.5 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 105.54 127.2 L 55.2 127.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 109.59 127.2 L 104.19 129.9 L 105.54 127.2 L 104.19 124.5 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <rect x="19.8" y="108.6" width="34.8" height="36" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 56px; height: 1px; padding-top: 211px; margin-left: 33px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 34px;">
                                     D1
                                 </font>
@@ -40,7 +40,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="89" y="215" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="end">
+                <text x="89" y="215" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="end" style="fill: light-dark(#000000, #ffffff);">
                     D1
                 </text>
             </switch>
@@ -51,7 +51,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 56px; height: 1px; padding-top: 63px; margin-left: 33px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 34px;">
                                     D0
                                 </font>
@@ -59,7 +59,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="89" y="67" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="end">
+                <text x="89" y="67" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="end" style="fill: light-dark(#000000, #ffffff);">
                     D0
                 </text>
             </switch>

.pic/Basic Verilog structures/multiplexors/fig_03.drawio.svg

@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="282px" height="233px" viewBox="-0.5 -0.5 282 233" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;ijon_vyJteeQyEuEBMoe&quot;&gt;7VlNk9o4EP01HMelb1nHYchkD5tUaidVu3P0gABVjMXaYmDy67dly/gLEgLDbnYqHMB6krvtfs/dLTOid6vd+zxZLz/YmU5HBM12IzoZEYJjquDHIy8VQmUAFrmZhUUN8GC+6i64MTNddCBnberMugtObZbpqetgSZ7bbXfZ3KZdp+tkoQfAwzRJh+ifZuaWFRoT2eC/abNY1p6xCLf3lEy/LHK7yYK/EaHz8lNNr5LaFqqAYpnM7LYF0Xcjepdb66qj1e5Opz60ddSq8+6PzO6vO9eZO+UEUp3wnKQbXV+xSOHU8dyCBbhA9xKCIv7e2HripigZu4UFlK2B9XEzD0cL/ztBtSlwX1mrJsKd7w0Tp3ceX7pVCgCGw8Ll9ou+s6nNAclspr1jk6Y9KEnNIoPhFG5XAz5+1rkzwONtmFiZ2cy7GW+XxumHdTL1PrcgWsBKnrSPBAr3VZsH2lD52V9uO6Qhyt6X3rWgEOL32q60y19gSZi94SjoIzwOvOZ/26iLiQpatoTFw7Ik6HmxN91wCgeB1sMU0ytSjH9RvKcY4w7Fgh+gWA4pjsXlFLMDFPcIgESz9ocO4qK/Wn/meK1zA758VBv8UwO26Zqbna7zNA6hrIekDLRLnLGeEOVDWqlnwmQkMGecwjflQtJw6n2yMqmP1GdwVsClftRb+P7DrpJsII42VccoPER+mjzpdLzPyN/XWuW2zvj0lZTBSC8I3VTAeAS3wWUssaSSkoFqiESRkkwhwjlkBIaHIsJURljImMSIxkQIfLmm+MVpg9EjaWNfGJ7yJmF8Cznga2j1f5iL2g/QCU/FMe0X4Mdki88WvExucIP0hr/ruQveX0XXKo6UkkhJwRmIU/aETUiEEJNIcOicsBromhIOooVb4DEIn1N6QNexjBiSUsVUCAWFiF8ubPH9ZKmz2a3vIhvmW2L5No0Qz/zlLz8Z8Xr4GNaWg8muM3oJo8IluaudTtOkKMy0hu9Nuk/D18idP5D29KzTOA/F0eK3LoCHGppcp1Aunrvt9iFWg4dP1pRJp9YeZiRiWIAgKGwtYsJIt/hiDNqjigqGGVb9fFjYTT7VwWa7O+67gdLqJU445t6cYmzgBiSKKFcgYVzn7toNcLfQbuCmFOg+ZCdpVl5Vs/+l9vTOuOpxITwMH4M/f9w8LX7QPCwnC7aiutMm/SwahkodIQJbRxCoVJAERTd/ckiPDHKrZDHk1/hMCTPOe/2GuJZK47ev0pZEQ4J/4yLFikSQZZEvxUxR6GE7aoIUGHFGMBISI64IP1OlRHUTOKtfIL2+StXFje3R/fDD+S3o6a1lruFKkqfSlNfZ2sekjBIfj/jE29o4WzRbtVO722vujoHfshnksI3BsOfloke3GLSHdUnvqJpd3v9hdD0BPP4SwBEBYO4FQASjsCNAsB/oVSVfCxHCkjEsERfxvycHfEAOb6xqXam3+llqFBW9V2+qp4uzm6WBpbPLEAybt/rV8uafE/ruHw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="282px" height="233px" viewBox="-0.5 -0.5 282 233" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;ijon_vyJteeQyEuEBMoe&quot;&gt;7VlNk9o4EP01HMelb1nHYchkD5tUaidVu3P0gABVjMXaYmDy67dly/gLEgLDbnYqHMB6krvtfs/dLTOid6vd+zxZLz/YmU5HBM12IzoZEYJjquDHIy8VQmUAFrmZhUUN8GC+6i64MTNddCBnberMugtObZbpqetgSZ7bbXfZ3KZdp+tkoQfAwzRJh+ifZuaWFRoT2eC/abNY1p6xCLf3lEy/LHK7yYK/EaHz8lNNr5LaFqqAYpnM7LYF0Xcjepdb66qj1e5Opz60ddSq8+6PzO6vO9eZO+UEUp3wnKQbXV+xSOHU8dyCBbhA9xKCIv7e2HripigZu4UFlK2B9XEzD0cL/ztBtSlwX1mrJsKd7w0Tp3ceX7pVCgCGw8Ll9ou+s6nNAclspr1jk6Y9KEnNIoPhFG5XAz5+1rkzwONtmFiZ2cy7GW+XxumHdTL1PrcgWsBKnrSPBAr3VZsH2lD52V9uO6Qhyt6X3rWgEOL32q60y19gSZi94SjoIzwOvOZ/26iLiQpatoTFw7Ik6HmxN91wCgeB1sMU0ytSjH9RvKcY4w7Fgh+gWA4pjsXlFLMDFPcIgESz9ocO4qK/Wn/meK1zA758VBv8UwO26Zqbna7zNA6hrIekDLRLnLGeEOVDWqlnwmQkMGecwjflQtJw6n2yMqmP1GdwVsClftRb+P7DrpJsII42VccoPER+mjzpdLzPyN/XWuW2zvj0lZTBSC8I3VTAeAS3wWUssaSSkoFqiESRkkwhwjlkBIaHIsJURljImMSIxkQIfLmm+MVpg9EjaWNfGJ7yJmF8Cznga2j1f5iL2g/QCU/FMe0X4Mdki88WvExucIP0hr/ruQveX0XXKo6UkkhJwRmIU/aETUiEEJNIcOicsBromhIOooVb4DEIn1N6QNexjBiSUsVUCAWFiF8ubPH9ZKmz2a3vIhvmW2L5No0Qz/zlLz8Z8Xr4GNaWg8muM3oJo8IluaudTtOkKMy0hu9Nuk/D18idP5D29KzTOA/F0eK3LoCHGppcp1Aunrvt9iFWg4dP1pRJp9YeZiRiWIAgKGwtYsJIt/hiDNqjigqGGVb9fFjYTT7VwWa7O+67gdLqJU445t6cYmzgBiSKKFcgYVzn7toNcLfQbuCmFOg+ZCdpVl5Vs/+l9vTOuOpxITwMH4M/f9w8LX7QPCwnC7aiutMm/SwahkodIQJbRxCoVJAERTd/ckiPDHKrZDHk1/hMCTPOe/2GuJZK47ev0pZEQ4J/4yLFikSQZZEvxUxR6GE7aoIUGHFGMBISI64IP1OlRHUTOKtfIL2+StXFje3R/fDD+S3o6a1lruFKkqfSlNfZ2sekjBIfj/jE29o4WzRbtVO722vujoHfshnksI3BsOfloke3GLSHdUnvqJpd3v9hdD0BPP4SwBEBYO4FQASjsCNAsB/oVSVfCxHCkjEsERfxvycHfEAOb6xqXam3+llqFBW9V2+qp4uzm6WBpbPLEAybt/rV8uafE/ruHw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
         <rect x="21" y="73.2" width="27.6" height="30" fill="none" stroke="none" pointer-events="all"/>
@@ -7,7 +7,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 44px; height: 1px; padding-top: 147px; margin-left: 36px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 34px;">
                                     D0
                                 </font>
@@ -15,7 +15,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="58" y="151" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="58" y="151" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     D0
                 </text>
             </switch>
@@ -26,7 +26,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 295px; margin-left: 34px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 34px;">
                                     D1
                                 </font>
@@ -34,19 +34,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="57" y="299" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="57" y="299" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     D1
                 </text>
             </switch>
         </g>
-        <path d="M 69.83 170.68 L 98.4 88.38 L 203.85 88.38 L 232.42 170.68 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" transform="rotate(90,151.12,129.53)" pointer-events="all"/>
+        <path d="M 69.83 170.68 L 98.4 88.38 L 203.85 88.38 L 232.42 170.68 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" transform="rotate(90,151.12,129.53)" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="27" y="74.4" width="195.1" height="112.44" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 329px; height: 1px; padding-top: 217px; margin-left: 43px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 43px;">
                                     0
                                     <br/>
@@ -58,24 +58,24 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="208" y="221" fill="#000000" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                <text x="208" y="221" fill="#000000" font-family="Times New Roman" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     0...
                 </text>
             </switch>
         </g>
-        <path d="M 234.89 127.82 L 191.4 127.91" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 238.94 127.81 L 233.54 130.52 L 234.89 127.82 L 233.53 125.12 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 103.91 88.88 L 53.4 88.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 107.96 88.88 L 102.56 91.57 L 103.91 88.88 L 102.56 86.17 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 151.14 56.46 L 151.2 24.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 151.13 60.51 L 148.44 55.11 L 151.14 56.46 L 153.84 55.12 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 234.89 127.82 L 191.4 127.91" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 238.94 127.81 L 233.54 130.52 L 234.89 127.82 L 233.53 125.12 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 103.91 88.88 L 53.4 88.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 107.96 88.88 L 102.56 91.57 L 103.91 88.88 L 102.56 86.17 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 151.14 56.46 L 151.2 24.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 151.13 60.51 L 148.44 55.11 L 151.14 56.46 L 153.84 55.12 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <rect x="151.2" y="22.8" width="25.2" height="32.4" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 65px; margin-left: 273px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 34px;">
                                     S
                                 </font>
@@ -83,7 +83,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="273" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="273" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     S
                 </text>
             </switch>
@@ -94,7 +94,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 211px; margin-left: 413px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 34px;">
                                     Y
                                 </font>
@@ -102,13 +102,13 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="413" y="215" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="413" y="215" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     Y
                 </text>
             </switch>
         </g>
-        <path d="M 103.74 177.6 L 53.4 177.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 107.79 177.6 L 102.39 180.3 L 103.74 177.6 L 102.39 174.9 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 103.74 177.6 L 53.4 177.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 107.79 177.6 L 102.39 180.3 L 103.74 177.6 L 102.39 174.9 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/multiplexors/fig_04.drawio.svg

@@ -1,105 +1,105 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="377px" height="207px" viewBox="-0.5 -0.5 377 207" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;2lN0DgL5kQKo2tDThWaH&quot;&gt;7VtLc+I4EP41HENZkp/HkGRmD7NbU5up2pmjBwS4YizWOAHm169kS1gvgzEm8U7CIUFtSxbdX3/daskjdLfafc7j9fJPMsPpCDqz3QjdjyAEDoD0H5PsKwkKokqwyJMZv6kWPCa/sCp8TmZ4o4gKQtIiWavCKckyPC0UWZznZKveNiep+tB1vMCG4HEap6b0n2RWLCtpCINa/gdOFkvxZODzn/cznj4tcvKc8eeNIJqXn+ryKhZjOZVgs4xnZCuJ0MMI3eWEFNW31e4Op0y1QmtVv08NVw/zznFWtOnAzfQSp89YzLicV7EXuih/DWb3OyM02S6TAj+u4ym7uqXGp7JlsUppC9CvafwTp5ODEu5ISnJ6KSMZvX+yKXLyhIWQ6sYpP4crQteISuYkKzgukMvaSZpqw7FbbIOZSuB6ecF5gXeSiCvlMyYrXOR7egu/Cl3eZS8QLQTbGg+uw/GwlLAAA5fjkGNwcRi8tgP9wk1hNws6bRaKnDX7WlAb4F+E9ZyscZ7QZ+Fcln+thbKl5skOC8cDqr6p86JJToq4SEhG21FpIX7NHUfSJwx93vdTvEpSpq1v9GkbOte/8Jb+/Zus4uyo6ZusaEPacXhZIGLiqgdwuJGnggP4aOwjSS0GVICQyVDxorEDLgeLexosOJvdMlqsFSMhQXVwHQebIs4LrXMp+5SwGR369G5/03R4lxTf2SPHIPB4+0fZhqJ5v+NTKht7qSG5wf1RktiQ53zK9RZWIjxTwoUJDMnSnmMxNJflOKU+9aIGGZvp+RO+koRO7oA75EANd4GnjlHNnXeTaV8bCYLwxEjUwgtcGCOVWDz88Fbw9Ax4Tkx8UgV/Yb6tIjNOkwUjoCm1UclfzEcTGqZv+YVVMpuxMSY5pvwU/yzHY9Zds4mXP8WbjLz7IzDT48xxijFRI7xPZ49DcsJnpQR4G6tQFIduLzi5cSPFujeBOgKZzzf4UrP6H6wTvBPW0VIhCFBX1olOjNQf6wQGPO+GxDonEhmNk0zUCO/rgXUQ/ahm6YmE1BBzA69AQuFpEhJ58o4p+NTypT0rHGEWMwtt9PozFiRGzulxDEgsIIK4zAJ6YO+SYUavx/XTNN5skqlG9+AV6Z6SwiP/XSQvlmRBsjh9qKV1QFCCwfFY0Ir30aB433O1bNNxtZVta96H+kiBRgYNvE9BEe+l2zi/Nk85cu0PqnFeDdmVb4BjeMIj5Xo6n1uHEf6AIsylea3w+SHltSBSU5EbbYheYgoAho0bg0qbmHLFkliT6a8SgVy9JAZEpUviI9/CR6FzeQQS9eR3tNy4dKlxOpC1CkrCHQYSlZCjJaswjLpGJUcbyddm01NUQpE+ZeQenZnZgc+stzBm1pd/q9h1YItBBS/HV4OXtvbtJ3i9q2LwGWSYURV+57+xbEhZO2vWQ5WtvdzqVMQR7FKRyEherg6ESt1QBSQAKOxGpa7jnBipv8IOMOvJV0P42y9G+4RtXcj0HbmQCa5TxUQm/geWS3i+UdnsuMJ1kVadQUhLent0gFesvL+9A5yuxggXccZshaK4SRAFvfK7guVgYFjWEAi9jnkx0osoMLxOXtw45aaZeUbGfnaHCB7tACN9h0LtcHnmbe5LGM4rigvbeF+qkDnGEy6mSw5PfhLDFyk1zh9ecJVZA3uabdYD9Ny8PO0h5+qSS1SZvnyMZJPF62+k0t1bFTkanfSMmnqoW9szD/lAi8/CPioaLfYufp9M3axodDiycZ1EHVjIXRh4IORult6ijokKCvRMPbraFiz42DZqVW0bCMiMcAz8jstBFAU6yODrZBBiyu1npna4OL5Dc4PoI76/VXxHoW5tUct7hfh+mO67YL96EXYoTfxoEbUbjSwH42Fti/shPBFB29JkaFTNQji+2jFMAT8Jjz9MQL5Ozb+N/59b82+khy5HokJX3YERG80XYgeqfHSDrrF/bX15wE8LrmvF4P6/z0RcuKnizi29ATnrXalkcZ1+W7D/aDwOxGB0HtV41SUDS9QKhQojlWmaD+0LuKV4XhwDm23j/ThrtqDDRtKjz0myxTeyFmG6EtCWV7e+lFO+t7NkDyHN8/2xXjURtUeZ/yxvG7ju2OnhLJj1dYOe4OWcia0TJy9UC11H+0CQuKx9vzn6XKR629ZHT6oHw1e9pnjLC1lXU7yt5N6T4uH/TvGhhW8sB097UbytXHqm4t0Gxd/2q/geVA30eqSNXKDlncNeVH1ePbJecjQuWaRFATsqpuzMRGGnLcwzYupwVxDGaxAAdt1317dqgDi2efH6gTbrt5Cr2+s3vdHDfw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="377px" height="207px" viewBox="-0.5 -0.5 377 207" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;2lN0DgL5kQKo2tDThWaH&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="85.8" y="20.4" width="244.2" height="164.4" fill="none" stroke="#000000" stroke-width="1.8" pointer-events="all"/>
-        <path d="M 238.2 129.39 L 247.2 93.98 L 348.6 93.98 L 357.6 129.39 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" transform="rotate(90,297.9,111.69)" pointer-events="all"/>
-        <path d="M 126.07 100.65 L 72 100.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <rect x="85.8" y="20.4" width="244.2" height="164.4" fill="none" stroke="#000000" stroke-width="1.8" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 238.2 129.39 L 247.2 93.98 L 348.6 93.98 L 357.6 129.39 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" transform="rotate(90,297.9,111.69)" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 126.07 100.65 L 72 100.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 161px; margin-left: 104px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 B
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="104" y="172" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="104" y="172" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     B
                 </text>
             </switch>
         </g>
-        <path d="M 126.07 123.15 L 72.6 123.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 126.07 123.15 L 72.6 123.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 205px; margin-left: 104px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 C
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="104" y="215" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="104" y="215" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     C
                 </text>
             </switch>
         </g>
-        <path d="M 118.2 89.4 Q 163.2 89.4 163.2 111.9 Q 163.2 134.4 118.2 134.4 Q 140.7 111.9 118.2 89.4 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 297.9 50.42 L 297.9 39 L 74.4 39" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 297.9 54.47 L 295.2 49.07 L 297.9 50.42 L 300.6 49.07 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 118.2 89.4 Q 163.2 89.4 163.2 111.9 Q 163.2 134.4 118.2 134.4 Q 140.7 111.9 118.2 89.4 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 297.9 50.42 L 297.9 39 L 74.4 39" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 297.9 54.47 L 295.2 49.07 L 297.9 50.42 L 300.6 49.07 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 65px; margin-left: 77px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 S[2:0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="77" y="75" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="77" y="75" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     S[2:0]
                 </text>
             </switch>
         </g>
-        <path d="M 205.8 100.2 Q 241.8 100.2 241.8 124.2 Q 241.8 148.2 205.8 148.2 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 205.8 136.2 L 177 136.2 L 177 152.4 L 73.2 152.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 205.8 100.2 Q 241.8 100.2 241.8 124.2 Q 241.8 148.2 205.8 148.2 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 205.8 136.2 L 177 136.2 L 177 152.4 L 73.2 152.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 252px; margin-left: 106px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 D
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="106" y="262" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="106" y="262" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     D
                 </text>
             </switch>
         </g>
-        <path d="M 179.4 112.2 L 163.2 111.9" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 274.13 124.22 L 241.8 124.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 278.18 124.22 L 272.78 126.92 L 274.13 124.22 L 272.79 121.52 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 274.14 151.2 L 253.2 151.2 L 253.2 171 L 120.6 171 L 120.6 152.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 278.19 151.2 L 272.79 153.9 L 274.14 151.2 L 272.79 148.5 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="120.6" cy="152.4" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 179.4 112.2 L 163.2 111.9" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 274.13 124.22 L 241.8 124.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 278.18 124.22 L 272.78 126.92 L 274.13 124.22 L 272.79 121.52 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 274.14 151.2 L 253.2 151.2 L 253.2 171 L 120.6 171 L 120.6 152.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 278.19 151.2 L 272.79 153.9 L 274.14 151.2 L 272.79 148.5 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="120.6" cy="152.4" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <rect x="114.6" y="146.4" width="12" height="12" fill="none" stroke="none" pointer-events="all"/>
-        <path d="M 205.8 112.2 L 179.4 112.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 274.14 96.6 L 179.4 96.6 L 179.4 111" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 278.19 96.6 L 272.79 99.3 L 274.14 96.6 L 272.79 93.9 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="179.4" cy="112.2" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 205.8 112.2 L 179.4 112.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 274.14 96.6 L 179.4 96.6 L 179.4 111" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 278.19 96.6 L 272.79 99.3 L 274.14 96.6 L 272.79 93.9 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="179.4" cy="112.2" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <rect x="173.4" y="106.2" width="12" height="12" fill="none" stroke="none" pointer-events="all"/>
-        <path d="M 344.34 111.62 L 315.6 111.69" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 348.39 111.61 L 342.99 114.32 L 344.34 111.62 L 342.98 108.92 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 344.34 111.62 L 315.6 111.69" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 348.39 111.61 L 342.99 114.32 L 344.34 111.62 L 342.98 108.92 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 155px; margin-left: 571px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 Y
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="571" y="165" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="571" y="165" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     Y
                 </text>
             </switch>
@@ -110,7 +110,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 51px; height: 1px; padding-top: 250px; margin-left: 474px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     3..7
                                 </font>
@@ -118,7 +118,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="474" y="254" fill="#000000" font-family="Times New Roman" font-size="12px">
+                <text x="474" y="254" fill="#000000" font-family="Times New Roman" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     3..7
                 </text>
             </switch>
@@ -129,7 +129,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 48px; height: 1px; padding-top: 103px; margin-left: 474px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     0
                                 </font>
@@ -137,7 +137,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="474" y="115" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="474" y="115" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     0
                 </text>
             </switch>
@@ -148,7 +148,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 48px; height: 1px; padding-top: 144px; margin-left: 473px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     1
                                 </font>
@@ -156,7 +156,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="473" y="156" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="473" y="156" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     1
                 </text>
             </switch>
@@ -167,7 +167,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 47px; height: 1px; padding-top: 188px; margin-left: 473px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     2
                                 </font>
@@ -175,7 +175,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="473" y="200" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="473" y="200" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     2
                 </text>
             </switch>
@@ -186,7 +186,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 25px; height: 1px; padding-top: 100px; margin-left: 93px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 34px;">
                                     A
                                 </font>
@@ -194,13 +194,13 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="93" y="112" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="93" y="112" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
         </g>
-        <path d="M 72.6 72.6 L 274.67 72.76" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 278.72 72.76 L 273.31 75.46 L 274.67 72.76 L 273.32 70.06 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 72.6 72.6 L 274.67 72.76" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 278.72 72.76 L 273.31 75.46 L 274.67 72.76 L 273.32 70.06 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Basic Verilog structures/multiplexors/fig_05.drawio.svg

@@ -1,15 +1,15 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="377px" height="207px" viewBox="-0.5 -0.5 377 207" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;aQO-kka6ENcc3FZTTxFe&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="377px" height="207px" viewBox="-0.5 -0.5 377 207" content="&lt;mxfile scale=&quot;0.6&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;aQO-kka6ENcc3FZTTxFe&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="85.8" y="20.4" width="244.2" height="164.4" fill="none" stroke="#000000" stroke-opacity="0.8" stroke-width="1.8" pointer-events="all"/>
-        <path d="M 238.2 129.39 L 247.2 93.98 L 348.6 93.98 L 357.6 129.39 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" transform="rotate(90,297.9,111.69)" pointer-events="all"/>
+        <rect x="85.8" y="20.4" width="244.2" height="164.4" fill="none" stroke="#000000" stroke-opacity="0.8" stroke-width="1.8" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 238.2 129.39 L 247.2 93.98 L 348.6 93.98 L 357.6 129.39 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" transform="rotate(90,297.9,111.69)" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="280.2" y="140.4" width="35.4" height="26.43" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 51px; height: 1px; padding-top: 256px; margin-left: 472px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     3..7
                                 </font>
@@ -17,141 +17,141 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="472" y="260" fill="#000000" font-family="Times New Roman" font-size="12px">
+                <text x="472" y="260" fill="#000000" font-family="Times New Roman" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     3..7
                 </text>
             </switch>
         </g>
-        <path d="M 114 101.2 L 72 100.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 114 101.2 L 72 100.8" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 162px; margin-left: 103px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 B
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="103" y="172" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="103" y="172" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     B
                 </text>
             </switch>
         </g>
-        <path d="M 114 123.2 L 72.6 123.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 114 123.2 L 72.6 123.6" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 205px; margin-left: 102px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 C
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="102" y="215" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="102" y="215" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     C
                 </text>
             </switch>
         </g>
-        <path d="M 297.9 50.42 L 297.9 39 L 74.4 39" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 297.9 54.47 L 295.2 49.07 L 297.9 50.42 L 300.6 49.07 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 297.9 50.42 L 297.9 39 L 74.4 39" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 297.9 54.47 L 295.2 49.07 L 297.9 50.42 L 300.6 49.07 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 65px; margin-left: 77px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 S[2:0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="77" y="75" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="77" y="75" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     S[2:0]
                 </text>
             </switch>
         </g>
-        <path d="M 274.24 125.41 L 259.2 125.4 L 259.2 136.2 L 177 136.2 L 177 152.4 L 73.2 152.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 278.29 125.42 L 272.89 128.11 L 274.24 125.41 L 272.89 122.71 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 274.24 125.41 L 259.2 125.4 L 259.2 136.2 L 177 136.2 L 177 152.4 L 73.2 152.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 278.29 125.42 L 272.89 128.11 L 274.24 125.41 L 272.89 122.71 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 253px; margin-left: 102px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 D
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="102" y="263" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="102" y="263" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     D
                 </text>
             </switch>
         </g>
-        <path d="M 179.4 112.2 L 180 112.2" fill="none" stroke="#808080" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 274.52 99.98 L 232.8 99.96 L 232.8 112.2 L 179.4 112.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 278.57 99.98 L 273.17 102.68 L 274.52 99.98 L 273.18 97.28 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 208.21 57.45 L 139.5 57.48 L 139.5 71.4 L 72.6 71.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 212.26 57.45 L 206.86 60.15 L 208.21 57.45 L 206.86 54.75 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 179.4 112.2 L 180 112.2" fill="none" stroke="#808080" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
+        <path d="M 274.52 99.98 L 232.8 99.96 L 232.8 112.2 L 179.4 112.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 278.57 99.98 L 273.17 102.68 L 274.52 99.98 L 273.18 97.28 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 208.21 57.45 L 139.5 57.48 L 139.5 71.4 L 72.6 71.4" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 212.26 57.45 L 206.86 60.15 L 208.21 57.45 L 206.86 54.75 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 114px; margin-left: 102px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 A
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="102" y="124" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="102" y="124" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     A
                 </text>
             </switch>
         </g>
-        <path d="M 344.34 111.62 L 315.6 111.69" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 348.39 111.61 L 342.99 114.32 L 344.34 111.62 L 342.98 108.92 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 344.34 111.62 L 315.6 111.69" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 348.39 111.61 L 342.99 114.32 L 344.34 111.62 L 342.98 108.92 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 155px; margin-left: 571px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 34px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 Y
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="571" y="165" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle">
+                <text x="571" y="165" fill="#000000" font-family="Helvetica" font-size="34px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     Y
                 </text>
             </switch>
         </g>
-        <path d="M 166.8 112.2 L 180 112.2 M 114 101.2 L 129.18 101.2 M 114 123.2 L 129.18 123.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 120.6 90.19 C 127.67 103.81 127.67 120.59 120.6 134.21" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 140.4 90.19 C 151.93 90.6 162.22 99.18 166.8 112.2 C 162.22 125.22 151.93 133.8 140.4 134.21 L 123.9 134.21 C 130.97 120.59 130.97 103.81 123.9 90.19 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 206.4 46.2 Q 251.4 46.2 251.4 68.7 Q 251.4 91.2 206.4 91.2 Q 228.9 68.7 206.4 46.2 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 273.54 154.8 L 261.6 154.8 L 261.6 161.4 L 98.4 161.4 L 98.4 123.39" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 277.59 154.8 L 272.19 157.5 L 273.54 154.8 L 272.19 152.1 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="98.4" cy="123.39" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 166.8 112.2 L 180 112.2 M 114 101.2 L 129.18 101.2 M 114 123.2 L 129.18 123.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 120.6 90.19 C 127.67 103.81 127.67 120.59 120.6 134.21" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 140.4 90.19 C 151.93 90.6 162.22 99.18 166.8 112.2 C 162.22 125.22 151.93 133.8 140.4 134.21 L 123.9 134.21 C 130.97 120.59 130.97 103.81 123.9 90.19 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 206.4 46.2 Q 251.4 46.2 251.4 68.7 Q 251.4 91.2 206.4 91.2 Q 228.9 68.7 206.4 46.2 Z" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 273.54 154.8 L 261.6 154.8 L 261.6 161.4 L 98.4 161.4 L 98.4 123.39" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 277.59 154.8 L 272.19 157.5 L 273.54 154.8 L 272.19 152.1 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="98.4" cy="123.39" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <rect x="92.4" y="117.39" width="12" height="12" fill="none" stroke="none" pointer-events="all"/>
-        <path d="M 208.21 79.96 L 179.4 79.98 L 179.4 112.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 212.26 79.95 L 206.86 82.66 L 208.21 79.96 L 206.86 77.26 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="179.4" cy="112.2" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 208.21 79.96 L 179.4 79.98 L 179.4 112.2" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 212.26 79.95 L 206.86 82.66 L 208.21 79.96 L 206.86 77.26 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="179.4" cy="112.2" rx="3" ry="3" fill="#000000" stroke="none" pointer-events="all" style="fill: light-dark(#000000, #ffffff);"/>
         <rect x="173.4" y="106.2" width="12" height="12" fill="none" stroke="none" pointer-events="all"/>
-        <path d="M 273.67 80.04 L 265.8 80.04 L 265.8 68.7 L 251.4 68.7" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 277.72 80.05 L 272.32 82.74 L 273.67 80.04 L 272.33 77.34 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 273.67 80.04 L 265.8 80.04 L 265.8 68.7 L 251.4 68.7" fill="none" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 277.72 80.05 L 272.32 82.74 L 273.67 80.04 L 272.33 77.34 Z" fill="#000000" stroke="#000000" stroke-width="1.8" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <rect x="280.8" y="63" width="33.6" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.6)">
             <switch>
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 48px; height: 1px; padding-top: 115px; margin-left: 473px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     0
                                 </font>
@@ -159,7 +159,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="473" y="127" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="473" y="127" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     0
                 </text>
             </switch>
@@ -170,7 +170,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 48px; height: 1px; padding-top: 149px; margin-left: 473px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     1
                                 </font>
@@ -178,7 +178,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="473" y="161" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="473" y="161" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     1
                 </text>
             </switch>
@@ -189,7 +189,7 @@
                 <foreignObject pointer-events="none" width="167%" height="167%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 47px; height: 1px; padding-top: 190px; margin-left: 473px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     2
                                 </font>
@@ -197,7 +197,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="473" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="473" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     2
                 </text>
             </switch>

.pic/Introduction/How FPGA works/fig_04.drawio.svg

@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="363px" height="91px" viewBox="-0.5 -0.5 363 91" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;gHBXE7B5oa-5G9nuQ7HD&quot;&gt;5VhLb+M2EP41BtqDDUm0FPvoV7YFtugucmh7WlAWLbGhRZWiYzu/vhyRtB5UEi+sbgLUF5MfOUPON8MZUiO02p8+CVxkv/GEsFHgJacRWo+CwPf8QP0BctYIuptrIBU0MZNq4IE+Eytp0ANNSNmaKDlnkhZtcMvznGxlC8NC8GN72o6z9qoFTokDPGwxc9E/aCIzjc6Cuxr/hdA0syv7kbEvxtvHVPBDbtYbBWhX/fTwHltdxtAywwk/NiC0GaGV4Fzq1v60Igy4tbRpufsXRi/7FiSX1wgYPz1hdjCmL8zG5NmSIclJ6Vpmcs8U4KsmZjTNVXurViFCAU9ESKroW5iBPU0SEF8KUtJnHFeqPNUvOM1l5ZxwOQrXoOsgeakDAFSXUvBHsuKMK73rnOegZUcZ60CuocZ22Ao5NSBj+CfC90SKs5piRiOkJUyMht5U94+1x5FxU9ZwtsWwibH0orjmWTUM1f20I4f2r/8b2v2p9268Tx2WSaIOvulyITOe8hyzTY0uq9NMEsNkPecz54Vh728i5dlkMSC27TZyovJPIw7tv6A9CU1vfWoMrc+2kycLyGM18wq5p2BYNf6iH0p+EFtjW6QhMPFVxwjCsKRP7dzXR7MR/QLRVDs08MO2Q/15W4XEIiXSSHWcddnGVf4Lr0hXYO5nHKuK9J8dHpf96Qun4FKijL5Wmu87HWNvEiDUzkxjk6Vv9NPYZnsrwne7ktzqkshxie+4pH2EjhmV5KHAVZge1QWi7aiMC/rMc4kt0HWUhHM3RCYKUDtwp7O5k4mmPZkoGiAT3Tm0OaxZu6tg/qKytaQc7I+5lHwPSdteHoDVBJfZhWIn2Bv89tOpdBWw7v6UwpVuQpgKWgHzJoyndPstxZKUE5pX9IpvwQD8W7ovhSCYhI4DwrCnFKDbHTB7z1LgD1gKSpVepZ3Bn+DYaMzMgbXqa+nvB8loTpqy940yr+6r99Xvo9WY+Q+rMfMr7mbvUmNmQ9UYbxJ1S4w/SIXxp31KBy039oXYSpwRg5uytl+9wbhIiA7m6J8DvKSWft0Euhguy9b4kT5SI96YVzvcgjvGsfpfAFU6HS0bCwLsF6fqhDC1YTUpjX/y4e27gqFG4+em5HjLGcNFSbSKurdsbidKzb82Nubqcd0FRe+um49StQBKyE4vD0+MsQnaxSVoX1k06SKxBX7Ni4O0qHJi3J2pMFf8FYUqUb2hMRZXrQGgM/PHMbW4koCvQ5nlLvC2oV6V9zdog8wJ0eUARmKmpmrUZrMLEfBFw2a0LkmgpY+nntNXnbxxzgOXT+9N9q7wYrxL2ma9ZtOLBn2fNWdS9pjjv6eTPyIPN7j148fsLU4GsC/FA24KlcH7Pxu98cga4PaOpp3X0537epr1vJ7m3/96Ut36k6i+NNTfndHmXw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="363px" height="91px" viewBox="-0.5 -0.5 363 91" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;gHBXE7B5oa-5G9nuQ7HD&quot;&gt;5Vldk9o2FP01zKQPMLaFvfAIC5tmJp0msw9tnzIyFra6wnJlsZj99dW1JPzJhhSnZDb7Yuno855zda/EjtD9rngvcJb8xiPCRp4TFSO0Gnme67ie+gBy1Ai6m2sgFjQynSrgkb4QO9KgexqRvNFRcs4kzZrghqcp2cgGhoXgh2a3LWfNVTMckw7wuMGsi/5BI5lodObdVfivhMaJXdkNjH0h3jzFgu9Ts97IQ9vyTzfvsJ3LGJonOOKHGoTWI3QvOJe6tCvuCQNuLW163MOZ1tO+BUnlJQOMTs+Y7Y3pC7MxebRkSFKouZaJ3DEFuKqIGY1TVd6oVYhQwDMRkir6FqZhR6MIhi8FyekLDsupHFXPOE1lKY6/HPkrmGsvea4dAKbOpeBP5J4zruZdpTyFWbaUsRbUNdTYDlshRQ0yhr8nfEekOKoupjVAeoTxUd+Z6vqhUhwZmZKa2BbDxsfi08QVz6pgqO6nHXVo//zT0O5OnZvxPu2wTCJ18E2VC5nwmKeYrSt0WZ5mEhkmqz4fOc8Me38TKY8migGxTdlIQeWfZjiU/4LyxDe1VVFrWh1tJY0WEMcq5hXyQMGwsv2sDjnfi42xLdAQmPiqMIIwLOlzM/b10WyGfgJvqgT1XL8pqDtvTiGxiIk0o1pinbZxkX7+BeEKzP2IQ5WRvtvh6bI/PXMKTinKzNcI832nY+xMPISakWlsovSVOo1ttLdD+Habk2slCTqSuB1JmkfokFBJHjNcuulBXSCaQiVc0BeeSmyBtlASzt0QkchDTcedzuadSDTtiUTBAJHorkNbhzVrd+nMn1S0lpSD/SGXku8gaNvLA7Aa4Tw5Udxx9hq//XSquTJYd1fEcKWbEKacVkC/CeMx3XyJsST5hKYlveKLNwD/lu5TIvAmfkcA3+9JBeh6AWa3TAXugKkgV+FV2h78GY6NxkwfWKu6lv6+l4ympD72oZbm1X31ofz70XLM/H/LMfML7mY3yTGzoXKMMwnaKcYdJMO4075JB0039oXYCJwBg5uytl+9wbiIiHbm4J89vKSWblUEuhjO80b7gT5RM7zWrxLcglvGsfougCodjpa1BQF2s6I8IUxtWHWKw3dqw8oqx35+qY8ZbzhjOMuJHlzVlvWNBLH5ajNDrp7VbVD07rf+HFULoIhs9fLwuBgbd12c3PWVRaP++b/d8nMrhBb4kGZ7aVHlDmG7p8JgOzfboAqhX9lhKC7aM4Di7Si5uJFAn4ei/bINN4Vwyoy5RmtkYotOpNASMtVVozYPnISC34JsLmiLCLNUOjpXMdQT68o4N06512XS+U8Ktjwz3EZNKl7j4SwJ35+BI8l7KHBv6Uxvhbsr3OdtnqdrnAnAvpQPuLmyGLz/B8SvPLcHeMehaesdfdd9R8963tHzb39Hq2r147i+Plb/gUDrfwE=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
         <rect x="0" y="25" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
@@ -7,13 +7,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 40px; margin-left: 15px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 A
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="15" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="15" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
@@ -24,69 +24,69 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 40px; margin-left: 92px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 Q
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="92" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="92" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q
                 </text>
             </switch>
         </g>
-        <path d="M 172 40 L 152 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 172 40 L 152 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 39px; margin-left: 143px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 A
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="143" y="42" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="143" y="42" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
         </g>
-        <rect x="172" y="10" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="172" y="10" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 17px; margin-left: 173px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="192" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="192" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     1
                 </text>
             </switch>
         </g>
-        <path d="M 26 40 L 37 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 72.2 40 L 81 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 68.35 40 L 35.35 56.5 L 35.35 23.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="70.55" cy="40" rx="2.2" ry="2.2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 215 40 L 232 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="212" cy="40" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 26 40 L 37 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 72.2 40 L 81 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 68.35 40 L 35.35 56.5 L 35.35 23.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="70.55" cy="40" rx="2.2" ry="2.2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 215 40 L 232 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="212" cy="40" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 41px; margin-left: 243px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 Q
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="243" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="243" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q
                 </text>
             </switch>
@@ -97,45 +97,45 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 78px; height: 1px; padding-top: 7px; margin-left: 284px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                                <table style="float: right; border: 1px solid rgb(179, 179, 179); border-collapse: collapse;" class="wikitable" border="1">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <table style="float: right; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235)); border-collapse: collapse;" class="wikitable" border="1">
                                     <tbody>
-                                        <tr style="background:#def; text-align:center;">
-                                            <td>
+                                        <tr style="background:#def;background:light-dark(#def, #204a71); text-align:center;">
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 <b>
                                                     Input
                                                 </b>
                                             </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 <b>
                                                     Output
                                                 </b>
                                                 <br/>
                                             </td>
                                         </tr>
-                                        <tr style="background:#def; text-align:center;">
-                                            <td>
+                                        <tr style="background:#def;background:light-dark(#def, #204a71); text-align:center;">
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 A
                                             </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 Q
                                                 <br/>
                                             </td>
                                         </tr>
                                         <tr>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 0
                                             </td>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 1
                                                 <br/>
                                             </td>
                                         </tr>
                                         <tr>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 1
                                             </td>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 0
                                                 <br/>
                                             </td>
@@ -146,7 +146,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="284" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="284" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     InputOutput...
                 </text>
             </switch>

.pic/Introduction/How FPGA works/fig_07.drawio.svg

@@ -1,53 +1,53 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="363px" height="249px" viewBox="-0.5 -0.5 363 249" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;yxZ-d0xhXOEgapSQBiHA&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="363px" height="249px" viewBox="-0.5 -0.5 363 249" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;yxZ-d0xhXOEgapSQBiHA&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 134 104 L 134 44.4 L 142 44.4" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 117 74 L 131 74" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="134" cy="74" rx="3" ry="3" fill="#b3b3b3" stroke="#b3b3b3" stroke-width="2" pointer-events="all"/>
+        <path d="M 134 104 L 134 44.4 L 142 44.4" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b3b3b3, #494949);"/>
+        <path d="M 117 74 L 131 74" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b3b3b3, #494949);"/>
+        <ellipse cx="134" cy="74" rx="3" ry="3" fill="#b3b3b3" stroke="#b3b3b3" stroke-width="2" pointer-events="all" style="fill: light-dark(#b3b3b3, #494949); stroke: light-dark(#b3b3b3, #494949);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 75px; margin-left: 103px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 A
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="103" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle">
+                <text x="103" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
         </g>
-        <path d="M 177 1 L 202 1" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 190 17 L 190 1" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 133 103.4 L 142 103.4" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 177 1 L 202 1" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 190 17 L 190 1" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 133 103.4 L 142 103.4" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b3b3b3, #494949);"/>
         <rect x="178" y="131" width="24" height="23" fill="none" stroke="none" pointer-events="all"/>
-        <path d="M 178 138.67 L 190 154 L 202 138.67 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 190 131 L 190 138.67" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 142 103.4 L 170 103.4" fill="none" stroke="#ff3333" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 170 115.4 L 170 91.4" fill="none" stroke="#ff3333" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 190 131.4 L 190 115.4 L 174 115.4 L 174 91.4 L 190 91.4 L 190 75.4" fill="none" stroke="#ff3333" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 142 44.4 L 164 44.4" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="167" cy="44.4" rx="3" ry="3" fill="none" stroke="#007fff" stroke-width="2" pointer-events="all"/>
-        <path d="M 170 56.4 L 170 32.4" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 190 72.4 L 190 56.4 L 174 56.4 L 174 32.4 L 190 32.4 L 190 16.4" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 190 130 L 190 131" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 193 73.4 L 210 73.4" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="190" cy="73.4" rx="3" ry="3" fill="#b3b3b3" stroke="#b3b3b3" stroke-width="2" pointer-events="all"/>
+        <path d="M 178 138.67 L 190 154 L 202 138.67 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 190 131 L 190 138.67" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 142 103.4 L 170 103.4" fill="none" stroke="#ff3333" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#ff3333, #f22026);"/>
+        <path d="M 170 115.4 L 170 91.4" fill="none" stroke="#ff3333" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#ff3333, #f22026);"/>
+        <path d="M 190 131.4 L 190 115.4 L 174 115.4 L 174 91.4 L 190 91.4 L 190 75.4" fill="none" stroke="#ff3333" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#ff3333, #f22026);"/>
+        <path d="M 142 44.4 L 164 44.4" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
+        <ellipse cx="167" cy="44.4" rx="3" ry="3" fill="none" stroke="#007fff" stroke-width="2" pointer-events="all" style="stroke: light-dark(#007fff, #0078f3);"/>
+        <path d="M 170 56.4 L 170 32.4" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
+        <path d="M 190 72.4 L 190 56.4 L 174 56.4 L 174 32.4 L 190 32.4 L 190 16.4" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
+        <path d="M 190 130 L 190 131" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b3b3b3, #494949);"/>
+        <path d="M 193 73.4 L 210 73.4" fill="none" stroke="#b3b3b3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b3b3b3, #494949);"/>
+        <ellipse cx="190" cy="73.4" rx="3" ry="3" fill="#b3b3b3" stroke="#b3b3b3" stroke-width="2" pointer-events="all" style="fill: light-dark(#b3b3b3, #494949); stroke: light-dark(#b3b3b3, #494949);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 74px; margin-left: 227px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 Q
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="227" y="81" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle">
+                <text x="227" y="81" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q
                 </text>
             </switch>
@@ -58,13 +58,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 198px; margin-left: 15px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 A
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="15" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="15" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
@@ -75,69 +75,69 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 198px; margin-left: 92px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 Q
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="92" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="92" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q
                 </text>
             </switch>
         </g>
-        <path d="M 172 198 L 152 198" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 172 198 L 152 198" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 197px; margin-left: 143px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 A
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="143" y="200" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="143" y="200" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
         </g>
-        <rect x="172" y="168" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="172" y="168" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 175px; margin-left: 173px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="192" y="187" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="192" y="187" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     1
                 </text>
             </switch>
         </g>
-        <path d="M 26 198 L 37 198" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 72.2 198 L 81 198" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 68.35 198 L 35.35 214.5 L 35.35 181.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="70.55" cy="198" rx="2.2" ry="2.2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 215 198 L 232 198" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="212" cy="198" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 26 198 L 37 198" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 72.2 198 L 81 198" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 68.35 198 L 35.35 214.5 L 35.35 181.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="70.55" cy="198" rx="2.2" ry="2.2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 215 198 L 232 198" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="212" cy="198" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 199px; margin-left: 243px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 Q
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="243" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="243" y="202" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q
                 </text>
             </switch>
@@ -148,45 +148,45 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 78px; height: 1px; padding-top: 165px; margin-left: 284px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                                <table style="float: right; border: 1px solid rgb(179, 179, 179); border-collapse: collapse;" class="wikitable" border="1">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <table style="float: right; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235)); border-collapse: collapse;" class="wikitable" border="1">
                                     <tbody>
-                                        <tr style="background:#def; text-align:center;">
-                                            <td>
+                                        <tr style="background:#def;background:light-dark(#def, #204a71); text-align:center;">
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 <b>
                                                     Input
                                                 </b>
                                             </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 <b>
                                                     Output
                                                 </b>
                                                 <br/>
                                             </td>
                                         </tr>
-                                        <tr style="background:#def; text-align:center;">
-                                            <td>
+                                        <tr style="background:#def;background:light-dark(#def, #204a71); text-align:center;">
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 A
                                             </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 Q
                                                 <br/>
                                             </td>
                                         </tr>
                                         <tr>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 0
                                             </td>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 1
                                                 <br/>
                                             </td>
                                         </tr>
                                         <tr>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 1
                                             </td>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                 0
                                                 <br/>
                                             </td>
@@ -197,7 +197,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="284" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="284" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     InputOutput...
                 </text>
             </switch>

.pic/Introduction/How FPGA works/fig_08.drawio.svg

@@ -1,29 +1,29 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="286px" height="290px" viewBox="-0.5 -0.5 286 290" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Ojn2XAf68JzeUXKF6egu&quot;&gt;7ZrPc6MgFMf/Gq+dCBrjsUm73cvOdKaH3R6pEmVqxEHSmP71CwoqkvRH1mQ6W3vo+L7AE97nSeQlDlxtqjuGivQXjXHmgFlcOfDGAcB15+K/FPaNABeLRkgYiVWfTnggr1iJM6VuSYxLoyOnNOOkMMWI5jmOuKEhxujO7LammXnXAiXYEh4ilNnqbxLztFEXIOj0n5gkKW/XGzYtTyh6Thjd5up+DoDr+q9p3iDtSy20TFFMdz0J3jpwxSjlzdWmWuFMhlaHrRn340hrO2+Gc/6RAaAZ8IKyLdYzrufF9zoWYoqFvOSCNH6lcuSywIxsMMesr9934nKXEo4fChTJkTvRQ2gp32TCcsXlmlRYY5c2oxxxQnNhhjNhl00TrK85o88tBhGhpb1Ite4XzDiuepJa9B2mYmJsL7qoVhAoACpBQajsXYfb1VraQ601pDIsaV13URYXKtCHgw7fDzrO42uZx8LKaY7N6NX5haWzT8YHx0ba29Hprd4/sHitMZwJXC/mw3IoIuoO95SImbTBh25oBj8YBLWkWxZhNaqfvQNHYDF72xFHLMHcclQDapf9IWbexGzwwAQjMRs6Go+ZPzEzQg11RP6VmeVoPGbziZkZah+MxGzoaDxmwcTMDHWwGInZ0NF4zBYTMyPU3mykvdFyNB6z8MzMBCq2/6M618aj7Hvla/OmUmMba6+so6ybpTv9k8YXwW9Rm5/4Cgq9dxwdwS8ooX2vWyE7lG/k69w/eJ8umxqPp+aWPnmfP7l6+fRopNN/k1xtDuhtHJ64t3je0JF3dbbdxXXPnAFf/iNBH/LaRyw8dU8YOPLCs0EDFrS5RY3jipuoUEYSWWyJBIq6XiMrJyRC2bVq2JA4lsOXDJfkFT3VriRWtU8Jv/7S8W+kry2nZVfKabivaEZZlyVrkmVDieZcV4CCcYo67bFEx91Xbzm9/IEH8gfOjqfKR2s6rl3UQd8WBPDNBwD48HIg7ErN0wRCg9CvPZcAYZdfogmE/iSfXXBrsmsq8QRi+G52CRB2oQRPIDSIuXs5EHb1Yz2BaL+rDS8Hwi5plPKb5O+KAg6KUvog8c4BaAwUwC4AJN8WhDd8JsDZ3puE2X3d35wAu59UwNu/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="286px" height="290px" viewBox="-0.5 -0.5 286 290" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Ojn2XAf68JzeUXKF6egu&quot;&gt;7ZrPc6MgFMf/Gq+dCBrjsUm73cvOdKaH3R6pEmVqxEHSmP71CwoqkvRH1mQ6W3vo+L7AE97nSeQlDlxtqjuGivQXjXHmgFlcOfDGAcB15+K/FPaNABeLRkgYiVWfTnggr1iJM6VuSYxLoyOnNOOkMMWI5jmOuKEhxujO7LammXnXAiXYEh4ilNnqbxLztFEXIOj0n5gkKW/XGzYtTyh6Thjd5up+DoDr+q9p3iDtSy20TFFMdz0J3jpwxSjlzdWmWuFMhlaHrRn340hrO2+Gc/6RAaAZ8IKyLdYzrufF9zoWYoqFvOSCNH6lcuSywIxsMMesr9934nKXEo4fChTJkTvRQ2gp32TCcsXlmlRYY5c2oxxxQnNhhjNhl00TrK85o88tBhGhpb1Ite4XzDiuepJa9B2mYmJsL7qoVhAoACpBQajsXYfb1VraQ601pDIsaV13URYXKtCHgw7fDzrO42uZx8LKaY7N6NX5haWzT8YHx0ba29Hprd4/sHitMZwJXC/mw3IoIuoO95SImbTBh25oBj8YBLWkWxZhNaqfvQNHYDF72xFHLMHcclQDapf9IWbexGzwwAQjMRs6Go+ZPzEzQg11RP6VmeVoPGbziZkZah+MxGzoaDxmwcTMDHWwGInZ0NF4zBYTMyPU3mykvdFyNB6z8MzMBCq2/6M618aj7Hvla/OmUmMba6+so6ybpTv9k8YXwW9Rm5/4Cgq9dxwdwS8ooX2vWyE7lG/k69w/eJ8umxqPp+aWPnmfP7l6+fRopNN/k1xtDuhtHJ64t3je0JF3dbbdxXXPnAFf/iNBH/LaRyw8dU8YOPLCs0EDFrS5RY3jipuoUEYSWWyJBIq6XiMrJyRC2bVq2JA4lsOXDJfkFT3VriRWtU8Jv/7S8W+kry2nZVfKabivaEZZlyVrkmVDieZcV4CCcYo67bFEx91Xbzm9/IEH8gfOjqfKR2s6rl3UQd8WBPDNBwD48HIg7ErN0wRCg9CvPZcAYZdfogmE/iSfXXBrsmsq8QRi+G52CRB2oQRPIDSIuXs5EHb1Yz2BaL+rDS8Hwi5plPKb5O+KAg6KUvog8c4BaAwUwC4AJN8WhDd8JsDZ3puE2X3d35wAu59UwNu/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 51 161 L 81 71 L 211 71 L 241 161 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,146,116)" pointer-events="all"/>
-        <path d="M 100 51 L 61 51" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 100 78 L 61 78" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 100 106 L 61 106" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 100 133 L 61 133" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 100 159 L 61 159" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 100 186 L 61 186" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 61 241 L 146 241 L 146 196" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 241 116 L 191 116" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 105 250 L 125 230" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 51 161 L 81 71 L 211 71 L 241 161 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,146,116)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 100 51 L 61 51" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 100 78 L 61 78" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 100 106 L 61 106" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 100 133 L 61 133" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 100 159 L 61 159" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 100 186 L 61 186" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 61 241 L 146 241 L 146 196" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 241 116 L 191 116" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 105 250 L 125 230" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="106" y="239" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 254px; margin-left: 121px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 6
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="121" y="259" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="121" y="259" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     6
                 </text>
             </switch>
@@ -34,13 +34,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 49px; margin-left: 50px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="54" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="50" y="54" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     a
                 </text>
             </switch>
@@ -51,13 +51,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 76px; margin-left: 50px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="81" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="50" y="81" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     b
                 </text>
             </switch>
@@ -68,13 +68,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 104px; margin-left: 50px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 c
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="50" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     c
                 </text>
             </switch>
@@ -85,13 +85,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 131px; margin-left: 50px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 d
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="136" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="50" y="136" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     d
                 </text>
             </switch>
@@ -102,13 +102,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 157px; margin-left: 50px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 e
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="162" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="50" y="162" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     e
                 </text>
             </switch>
@@ -119,13 +119,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 185px; margin-left: 50px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 f
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="50" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     f
                 </text>
             </switch>
@@ -136,13 +136,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 240px; margin-left: 45px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="45" y="245" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="45" y="245" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     sel
                 </text>
             </switch>
@@ -153,13 +153,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 116px; margin-left: 250px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 g
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="250" y="121" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle">
+                <text x="250" y="121" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     g
                 </text>
             </switch>

.pic/Introduction/How FPGA works/fig_09.drawio.svg

@@ -1,53 +1,53 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="526px" height="581px" viewBox="-0.5 -0.5 526 581" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;JR86UIaT7McQsBdZhVYJ&quot;&gt;7ZxRk6I4EIB/ja9XQAjg4zru7r1c1VbNw+09MpBRapFYGEfdX3+JCQoJjsAkLFNmHqagCQ301510OuAMPG2O38t4u/4HpyifeU56nIHlzPNcN6D/meDEBSCKuGBVZqlocxU8Z7+REDpCus9StGs0JBjnJNs2hQkuCpSQhiwuS3xoNnvFefOq23iFFMFzEueq9N8sJWsujbzwKv8bZas1uTzvnB95iZNfqxLvC3G9mQdez3/88CaudIkH3a3jFB9qIvB1Bp5KjAnf2hyfUM5MW5mNn/ftxtHLfZeoIF1O8PgJb3G+R9Udn++LnCpb0Fvcsk1czsDisM4Iet7GCZMcKHsqW5NNTvdcuvma5fkTzlnTZYEL2mixIyX+hSohtYdz/mONcUHa5PyMyu7UJAv1qcSDvqGSoGNNJJ7yO8IbRMoTbSKOeo6wuPBIX+werngDIVrXyEZCFguHWl0UX41KN4Rd220MHtXGbjCekf1HNfLFeiMYGT6qkX1nPCMHj2pk6I1n5PBRjRyMOPBF942MivQLy9eudqtZ9ZxHIabMMW1QlDYSQtWcNXPBFnNVshLlMcnemmlkmw3FFX7gjN7JhZYvwZIg7PC+TJA4p57VSWoU6JIeEpcrRBQ9Z56XZ+6EeG4RfwyxKwfaUMaKIn2Qq1mZpTyUMnA0UVYUaaTsWsofo+x7migrijRS7jDjt5Tfowx9TZQVRRopd6g5WMrvpl7aci9zyZfboejRi3Jckqoxpkor2bcsr854BE9wvSbBUNfgrSjS6AodSjM24M1glhW5BjF3KA5ZzO/16+HQfv2uu9ygTFnEp1qzLWuw6+GWQWMFh25wjYNdqEPpyw4aH+5NYOTrGTQURRp7E90FOusKba7g60olFUUaXUF3Ic+6QpsrAF1zR0WRPleobtm6glFX8HQVixRFGl1Bd0nQukKnCcPgNQBzM4+KfJcV0+PnXjKFcqfdsi59sXTdPVw5EocsmnZ5XahHzKFjRn6KI2z7Pyb/C4q95bHWbHmq7fxAZUbvHZWVrKDP8fN8sutElYBrc+k9C8FV4XnvVN+TVRrFzUNImJSLeDA03XkiPQKYSy43H9gj+PLCU8c8oe8sVb5O5PS7LQClmPjYpLbL619/OGhC2AwaD046ZsDkYyYEN97R6hszYSQ5JzQUM3Li5twJGjnnh3orQV1e5/uzQUOH3mbQgDCcdNT4jxM1cKSRBgTt2dit+1LaB5qHGr0l+DGiJvC8SUcNnHzU+K6mqPFl7zQ01shRUCVgnaNmrjlq9K46jJGghdNO0ILpB80NH+w/1Liyc46ToMGgX4JW9RLagkbv+oyRUgBoBk008QQttFFjuhQQ9KwF+J7moUbvUpauqBmv2jUtfw5CXdN0uSxr7oX3ao5Uc6FY8SGCjqTpOHGerQq6nVA8jPuC1ZyzJM6/iAObLE3Z6YsS7bLf8ctZFUMtYozqhYsZXDJde4J3/LtodVlE+GxLCZ35kvic2hu9cC4FdkvZHLT4mdy/DfrEVl2oerHA+gJzW74NM0bMU4gllljvEGv5wtoYMXVhKrXE+hIDLZ9rGyOmroogS6wvMdjy7bcxYmpJ/tUS60ssGDPzUMvBO/ZbOJbZHWbSOkTYwqxtVqKFmd5ipGzGR3iFKYRNemKRpfekLpL0QEmPxjmdWkwLPl2YutHYYSrN3kM4YteqFnJY1woXkJnzs6Ebv4e9/Arb5UvEQGEXGmJX6VDY+ZbdEHawJe6MsVOLKZwdsOyGsPO9EeNOLatwdp5lN4QdcEZkpxZYODvXshvCzo1GZKeWWjg7x7IblquMh06tuawssbvEAvmVdXOLB3T3+ou4fOp3/dVh8PV/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="526px" height="581px" viewBox="-0.5 -0.5 526 581" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;JR86UIaT7McQsBdZhVYJ&quot;&gt;7ZxRk6I4EIB/ja9XQAjg4zru7r1c1VbNw+09MpBRapFYGEfdX3+JCQoJjsAkLFNmHqagCQ301510OuAMPG2O38t4u/4HpyifeU56nIHlzPNcN6D/meDEBSCKuGBVZqlocxU8Z7+REDpCus9StGs0JBjnJNs2hQkuCpSQhiwuS3xoNnvFefOq23iFFMFzEueq9N8sJWsujbzwKv8bZas1uTzvnB95iZNfqxLvC3G9mQdez3/88CaudIkH3a3jFB9qIvB1Bp5KjAnf2hyfUM5MW5mNn/ftxtHLfZeoIF1O8PgJb3G+R9Udn++LnCpb0Fvcsk1czsDisM4Iet7GCZMcKHsqW5NNTvdcuvma5fkTzlnTZYEL2mixIyX+hSohtYdz/mONcUHa5PyMyu7UJAv1qcSDvqGSoGNNJJ7yO8IbRMoTbSKOeo6wuPBIX+werngDIVrXyEZCFguHWl0UX41KN4Rd220MHtXGbjCekf1HNfLFeiMYGT6qkX1nPCMHj2pk6I1n5PBRjRyMOPBF942MivQLy9eudqtZ9ZxHIabMMW1QlDYSQtWcNXPBFnNVshLlMcnemmlkmw3FFX7gjN7JhZYvwZIg7PC+TJA4p57VSWoU6JIeEpcrRBQ9Z56XZ+6EeG4RfwyxKwfaUMaKIn2Qq1mZpTyUMnA0UVYUaaTsWsofo+x7migrijRS7jDjt5Tfowx9TZQVRRopd6g5WMrvpl7aci9zyZfboejRi3Jckqoxpkor2bcsr854BE9wvSbBUNfgrSjS6AodSjM24M1glhW5BjF3KA5ZzO/16+HQfv2uu9ygTFnEp1qzLWuw6+GWQWMFh25wjYNdqEPpyw4aH+5NYOTrGTQURRp7E90FOusKba7g60olFUUaXUF3Ic+6QpsrAF1zR0WRPleobtm6glFX8HQVixRFGl1Bd0nQukKnCcPgNQBzM4+KfJcV0+PnXjKFcqfdsi59sXTdPVw5EocsmnZ5XahHzKFjRn6KI2z7Pyb/C4q95bHWbHmq7fxAZUbvHZWVrKDP8fN8sutElYBrc+k9C8FV4XnvVN+TVRrFzUNImJSLeDA03XkiPQKYSy43H9gj+PLCU8c8oe8sVb5O5PS7LQClmPjYpLbL619/OGhC2AwaD046ZsDkYyYEN97R6hszYSQ5JzQUM3Li5twJGjnnh3orQV1e5/uzQUOH3mbQgDCcdNT4jxM1cKSRBgTt2dit+1LaB5qHGr0l+DGiJvC8SUcNnHzU+K6mqPFl7zQ01shRUCVgnaNmrjlq9K46jJGghdNO0ILpB80NH+w/1Liyc46ToMGgX4JW9RLagkbv+oyRUgBoBk008QQttFFjuhQQ9KwF+J7moUbvUpauqBmv2jUtfw5CXdN0uSxr7oX3ao5Uc6FY8SGCjqTpOHGerQq6nVA8jPuC1ZyzJM6/iAObLE3Z6YsS7bLf8ctZFUMtYozqhYsZXDJde4J3/LtodVlE+GxLCZ35kvic2hu9cC4FdkvZHLT4mdy/DfrEVl2oerHA+gJzW74NM0bMU4gllljvEGv5wtoYMXVhKrXE+hIDLZ9rGyOmroogS6wvMdjy7bcxYmpJ/tUS60ssGDPzUMvBO/ZbOJbZHWbSOkTYwqxtVqKFmd5ipGzGR3iFKYRNemKRpfekLpL0QEmPxjmdWkwLPl2YutHYYSrN3kM4YteqFnJY1woXkJnzs6Ebv4e9/Arb5UvEQGEXGmJX6VDY+ZbdEHawJe6MsVOLKZwdsOyGsPO9EeNOLatwdp5lN4QdcEZkpxZYODvXshvCzo1GZKeWWjg7x7IblquMh06tuawssbvEAvmVdXOLB3T3+ou4fOp3/dVh8PV/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 139.3 34.3 Q 181.3 34.3 181.3 62.3 Q 181.3 90.3 139.3 90.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 139.3 118.3 Q 181.3 118.3 181.3 146.3 Q 181.3 174.3 139.3 174.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 139.3 202.3 Q 181.3 202.3 181.3 230.3 Q 181.3 258.3 139.3 258.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 139.3 286.3 Q 181.3 286.3 181.3 314.3 Q 181.3 342.3 139.3 342.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 139.3 370.3 Q 181.3 370.3 181.3 398.3 Q 181.3 426.3 139.3 426.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 139.3 454.3 Q 181.3 454.3 181.3 482.3 Q 181.3 510.3 139.3 510.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 27.3 48.3 L 139.3 48.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27.3 132.3 L 139.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27.3 216.3 L 139.3 216.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27.3 300.3 L 139.3 300.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27.3 384.3 L 139.3 384.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27.3 468.3 L 139.3 468.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 85.4 496.3 L 139.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="83.3" cy="496.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 83.3 496.3 L 83.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27.3 538.3 L 83.3 538.3 L 83.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 85.4 415.1 L 139.3 415.1" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="83.3" cy="415.1" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 85.4 328.3 L 139.3 328.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="83.3" cy="328.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 85.4 244.3 L 139.3 244.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="83.3" cy="244.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 85.4 160.3 L 139.3 160.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="83.3" cy="160.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 85.4 76.3 L 139.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="83.3" cy="76.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 363.3 230.3 Q 433.3 230.3 433.3 272.3 Q 433.3 314.3 363.3 314.3 Q 398.3 272.3 363.3 230.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 181.3 62.3 L 307.3 62.3 L 307.3 240.8 L 370.86 240.63" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 181.3 146.3 L 279.3 146.3 L 279.3 251.3 L 375.55 251.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 181.3 230.3 L 251.3 230.3 L 251.3 261.8 L 379.54 261.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 181.3 314.3 L 251.3 314.3 L 251.3 282.8 L 379.54 282.55" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 181.3 398.3 L 279.3 398.3 L 279.3 293.3 L 375.55 293.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 181.3 482.3 L 307.3 482.3 L 307.3 303.8 L 370.51 303.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 433.3 272.3 L 503.3 272.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 139.3 34.3 Q 181.3 34.3 181.3 62.3 Q 181.3 90.3 139.3 90.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 139.3 118.3 Q 181.3 118.3 181.3 146.3 Q 181.3 174.3 139.3 174.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 139.3 202.3 Q 181.3 202.3 181.3 230.3 Q 181.3 258.3 139.3 258.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 139.3 286.3 Q 181.3 286.3 181.3 314.3 Q 181.3 342.3 139.3 342.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 139.3 370.3 Q 181.3 370.3 181.3 398.3 Q 181.3 426.3 139.3 426.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 139.3 454.3 Q 181.3 454.3 181.3 482.3 Q 181.3 510.3 139.3 510.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 48.3 L 139.3 48.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 132.3 L 139.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 216.3 L 139.3 216.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 300.3 L 139.3 300.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 384.3 L 139.3 384.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 468.3 L 139.3 468.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.4 496.3 L 139.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="83.3" cy="496.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 83.3 496.3 L 83.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27.3 538.3 L 83.3 538.3 L 83.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.4 415.1 L 139.3 415.1" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="83.3" cy="415.1" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.4 328.3 L 139.3 328.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="83.3" cy="328.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.4 244.3 L 139.3 244.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="83.3" cy="244.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.4 160.3 L 139.3 160.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="83.3" cy="160.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.4 76.3 L 139.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <ellipse cx="83.3" cy="76.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 363.3 230.3 Q 433.3 230.3 433.3 272.3 Q 433.3 314.3 363.3 314.3 Q 398.3 272.3 363.3 230.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 62.3 L 307.3 62.3 L 307.3 240.8 L 370.86 240.63" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 146.3 L 279.3 146.3 L 279.3 251.3 L 375.55 251.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 230.3 L 251.3 230.3 L 251.3 261.8 L 379.54 261.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 314.3 L 251.3 314.3 L 251.3 282.8 L 379.54 282.55" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 398.3 L 279.3 398.3 L 279.3 293.3 L 375.55 293.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 482.3 L 307.3 482.3 L 307.3 303.8 L 370.51 303.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 433.3 272.3 L 503.3 272.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="27.3" y="20.3" width="21" height="28" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 49px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="55" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="55" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -58,13 +58,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 169px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="175" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="175" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
@@ -75,13 +75,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 289px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 c
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="295" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="295" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
@@ -92,13 +92,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 409px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 d
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="415" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="415" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -109,13 +109,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 529px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 e
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="535" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="535" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e
                 </text>
             </switch>
@@ -126,13 +126,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 649px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 f
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="655" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="655" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f
                 </text>
             </switch>
@@ -143,31 +143,31 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 749px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="54" y="755" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="54" y="755" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel
                 </text>
             </switch>
         </g>
-        <path d="M 51.8 541.8 L 58.8 534.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 51.8 541.8 L 58.8 534.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="48.3" y="531.3" width="21" height="28" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 779px; margin-left: 84px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 6
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="84" y="784" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="84" y="784" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     6
                 </text>
             </switch>
@@ -178,13 +178,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 695px; margin-left: 150px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel[5]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="150" y="701" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="150" y="701" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel[5]
                 </text>
             </switch>
@@ -195,13 +195,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 579px; margin-left: 150px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel[4]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="150" y="585" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="150" y="585" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel[4]
                 </text>
             </switch>
@@ -212,13 +212,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 455px; margin-left: 150px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel[3]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="150" y="461" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="150" y="461" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel[3]
                 </text>
             </switch>
@@ -229,13 +229,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 335px; margin-left: 150px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel[2]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="150" y="341" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="150" y="341" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel[2]
                 </text>
             </switch>
@@ -246,13 +246,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 215px; margin-left: 150px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel[1]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="150" y="221" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="150" y="221" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel[1]
                 </text>
             </switch>
@@ -263,13 +263,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 95px; margin-left: 150px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sel[0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="150" y="101" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="150" y="101" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel[0]
                 </text>
             </switch>
@@ -280,13 +280,13 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 369px; margin-left: 704px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 g
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="704" y="375" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="704" y="375" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     g
                 </text>
             </switch>

.pic/Introduction/How FPGA works/fig_11.drawio.svg

@@ -1,139 +1,139 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="358px" height="228px" viewBox="-0.5 -0.5 358 228" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;0oUt_fGswlk1lFavbBAw&quot;&gt;7ZpNc9owEIZ/DccwtoUxHBvy0UM6k5kcmp46ii1sNcLLyCKB/vpKeOUPTBIyTbAJcGC8q9Xa8j6sXjA9MpktryWdJz8gYqLnOdGyRy56nue6Q/1uHKvcQUaj3BFLHmFM6bjjfxk6HfQueMSyWqACEIrP684Q0pSFquajUsJzPWwKon7WOY1Zw3EXUtH0/uSRSnLvyAtK/3fG40QV6x3nIw80fIwlLFI8X88j0/UrH55RmwsXmiU0gueKi1z2yEQCqPxotpwwYW6tvW35vKsXRovrlixVu0zw8DLUyi6dRfpOoAlSJRBDSsVl6T1fL4+ZBI62ypgbgLl2utr5hym1wrLShQLtStRM4ChbcnVfOf5lUvV9tC6WmHltrCrGLZN8xhST1pcqubqvGnkmz7d2mWttrarWZjZBH5g4L+o3AQFmKIWUradE3wxYNc8VFwJnZ0rCI7OTdNmd9asYsRjpCp9PIVV4czwH7W0zm8XE+mawkCHWy8ePB5Uxs1HoM6WszEMCrhnoZcuVDpBMUMWf6tBT/OzERVzJjz5AhLbjRPIUT1QsMCltEzCnBpj3fsI+i4mXKv42K+9h4s36Y7s+c/qOO8YOjR37zEK0MyOY/ha4vrIit2s7HeZ1h37fG/mBO8jfCalnzDnGJNXGtZnX3365Ng9MpxlTDXaLxe+E86CB80N3cA5OOG/g/Nnojv13svqhMPoNGBssPjGpuFYxN6bOt5BxxSHVQw+gFMxMQazcMPc+ollSYEkFj01oqAtheKnyZ9N+wxhluDW55ua8s2VsNGCfCa3EpInrC4h5+DumimWVYwP/nEmKF2VoeYPIV4jTWG4N/tB91iycLV9lzo4ON1jx0X4u5aProC+pSEc773923eFXFHHBMYm4cZdEXNBoNGF3dr3jEXHjbux6nt/qrjdqwBh1B8bjkWBdgXHUKozjkwQ7HAnmDfYowewPlycNdrAazCVbRFjQlghzLf9lr2Hd2fiOR4VZKtre+cig1Z3P9Ro4TruD4/HosM7gGLSLY/NBw0mJdVaJEbJPJTb4ikrsqB5putueabanxI7wh/cXO8qeaNi91xBn41ufs89eM2ygER9y9zlUUbRrb7DPu90aMh8kkfygW4q9+TP+qW11pm0NBhuwWAg/oW1ps/xDWU5S+ac9cvkP&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="358px" height="228px" viewBox="-0.5 -0.5 358 228" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;0oUt_fGswlk1lFavbBAw&quot;&gt;7ZpNc9owEIZ/DccwtoUxHBvy0UM6k5kcmp46ii1sNcLLyCKB/vpKeOUPTBIyTbAJcGC8q9Xa8j6sXjA9MpktryWdJz8gYqLnOdGyRy56nue6Q/1uHKvcQUaj3BFLHmFM6bjjfxk6HfQueMSyWqACEIrP684Q0pSFquajUsJzPWwKon7WOY1Zw3EXUtH0/uSRSnLvyAtK/3fG40QV6x3nIw80fIwlLFI8X88j0/UrH55RmwsXmiU0gueKi1z2yEQCqPxotpwwYW6tvW35vKsXRovrlixVu0zw8DLUyi6dRfpOoAlSJRBDSsVl6T1fL4+ZBI62ypgbgLl2utr5hym1wrLShQLtStRM4ChbcnVfOf5lUvV9tC6WmHltrCrGLZN8xhST1pcqubqvGnkmz7d2mWttrarWZjZBH5g4L+o3AQFmKIWUradE3wxYNc8VFwJnZ0rCI7OTdNmd9asYsRjpCp9PIVV4czwH7W0zm8XE+mawkCHWy8ePB5Uxs1HoM6WszEMCrhnoZcuVDpBMUMWf6tBT/OzERVzJjz5AhLbjRPIUT1QsMCltEzCnBpj3fsI+i4mXKv42K+9h4s36Y7s+c/qOO8YOjR37zEK0MyOY/ha4vrIit2s7HeZ1h37fG/mBO8jfCalnzDnGJNXGtZnX3365Ng9MpxlTDXaLxe+E86CB80N3cA5OOG/g/Nnojv13svqhMPoNGBssPjGpuFYxN6bOt5BxxSHVQw+gFMxMQazcMPc+ollSYEkFj01oqAtheKnyZ9N+wxhluDW55ua8s2VsNGCfCa3EpInrC4h5+DumimWVYwP/nEmKF2VoeYPIV4jTWG4N/tB91iycLV9lzo4ON1jx0X4u5aProC+pSEc773923eFXFHHBMYm4cZdEXNBoNGF3dr3jEXHjbux6nt/qrjdqwBh1B8bjkWBdgXHUKozjkwQ7HAnmDfYowewPlycNdrAazCVbRFjQlghzLf9lr2Hd2fiOR4VZKtre+cig1Z3P9Ro4TruD4/HosM7gGLSLY/NBw0mJdVaJEbJPJTb4ikrsqB5putueabanxI7wh/cXO8qeaNi91xBn41ufs89eM2ygER9y9zlUUbRrb7DPu90aMh8kkfygW4q9+TP+qW11pm0NBhuwWAg/oW1ps/xDWU5S+ac9cvkP&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 118.3 59.5 L 132.3 59.5 L 132.3 84 L 146.3 84" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 48.3 49 L 34.3 49 L 20.3 49.2" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 118.3 59.5 L 132.3 59.5 L 132.3 84 L 146.3 84" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 48.3 49 L 34.3 49 L 20.3 49.2" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 40px; margin-left: 64px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="64" y="46" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="64" y="46" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 48.3 70 L 20.3 70" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 48.3 70 L 20.3 70" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 85px; margin-left: 49px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="49" y="91" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="49" y="91" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 104.3 59.5 L 118.3 59.5 M 48.3 49 L 64.4 49 M 48.3 70 L 64.4 70" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 76.3 38.5 C 88.53 38.89 99.44 47.08 104.3 59.5 C 99.44 71.92 88.53 80.11 76.3 80.5 L 58.8 80.5 C 66.3 67.51 66.3 51.49 58.8 38.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 118.3 122.5 L 132.3 122.5 L 132.3 105 L 146.3 105" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 48.3 112 L 20.3 112" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 104.3 59.5 L 118.3 59.5 M 48.3 49 L 64.4 49 M 48.3 70 L 64.4 70" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 76.3 38.5 C 88.53 38.89 99.44 47.08 104.3 59.5 C 99.44 71.92 88.53 80.11 76.3 80.5 L 58.8 80.5 C 66.3 67.51 66.3 51.49 58.8 38.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 118.3 122.5 L 132.3 122.5 L 132.3 105 L 146.3 105" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 48.3 112 L 20.3 112" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 145px; margin-left: 49px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 c
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="49" y="151" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="49" y="151" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
         </g>
-        <path d="M 48.3 133 L 20.3 133" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 48.3 133 L 20.3 133" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 175px; margin-left: 49px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 d
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="49" y="181" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="49" y="181" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
         </g>
-        <path d="M 104.3 122.5 L 118.3 122.5 M 48.3 112 L 64.4 112 M 48.3 133 L 64.4 133" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 76.3 101.5 C 88.53 101.89 99.44 110.08 104.3 122.5 C 99.44 134.92 88.53 143.11 76.3 143.5 L 58.8 143.5 C 66.3 130.51 66.3 114.49 58.8 101.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 118.3 185.5 L 244.3 185.5" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 48.3 175 L 20.3 175" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 104.3 122.5 L 118.3 122.5 M 48.3 112 L 64.4 112 M 48.3 133 L 64.4 133" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 76.3 101.5 C 88.53 101.89 99.44 110.08 104.3 122.5 C 99.44 134.92 88.53 143.11 76.3 143.5 L 58.8 143.5 C 66.3 130.51 66.3 114.49 58.8 101.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 118.3 185.5 L 244.3 185.5" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 48.3 175 L 20.3 175" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 235px; margin-left: 49px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 e
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="49" y="241" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="49" y="241" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     e
                 </text>
             </switch>
         </g>
-        <path d="M 48.3 196 L 20.3 196" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 48.3 196 L 20.3 196" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 265px; margin-left: 49px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 f
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="49" y="271" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="49" y="271" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f
                 </text>
             </switch>
         </g>
-        <path d="M 104.3 185.5 L 118.3 185.5 M 48.3 175 L 64.4 175 M 48.3 196 L 64.4 196" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 76.3 164.5 C 88.53 164.89 99.44 173.08 104.3 185.5 C 99.44 197.92 88.53 206.11 76.3 206.5 L 58.8 206.5 C 66.3 193.51 66.3 177.49 58.8 164.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 216.3 94.5 L 230.3 94.5 L 230.3 164.5 L 244.3 164.5" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 202.3 94.5 L 216.3 94.5 M 146.3 84 L 162.4 84 M 146.3 105 L 162.4 105" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 174.3 73.5 C 186.53 73.89 197.44 82.08 202.3 94.5 C 197.44 106.92 186.53 115.11 174.3 115.5 L 156.8 115.5 C 164.3 102.51 164.3 86.49 156.8 73.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 314.3 175 L 335.3 175" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 104.3 185.5 L 118.3 185.5 M 48.3 175 L 64.4 175 M 48.3 196 L 64.4 196" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 76.3 164.5 C 88.53 164.89 99.44 173.08 104.3 185.5 C 99.44 197.92 88.53 206.11 76.3 206.5 L 58.8 206.5 C 66.3 193.51 66.3 177.49 58.8 164.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 216.3 94.5 L 230.3 94.5 L 230.3 164.5 L 244.3 164.5" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 202.3 94.5 L 216.3 94.5 M 146.3 84 L 162.4 84 M 146.3 105 L 162.4 105" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 174.3 73.5 C 186.53 73.89 197.44 82.08 202.3 94.5 C 197.44 106.92 186.53 115.11 174.3 115.5 L 156.8 115.5 C 164.3 102.51 164.3 86.49 156.8 73.5 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 314.3 175 L 335.3 175" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 235px; margin-left: 449px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 g
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="449" y="241" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="449" y="241" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     g
                 </text>
             </switch>
         </g>
-        <path d="M 300.3 175 L 314.3 175 M 244.3 164.5 L 260.4 164.5 M 244.3 185.5 L 260.4 185.5" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 272.3 154 C 284.53 154.39 295.44 162.58 300.3 175 C 295.44 187.42 284.53 195.61 272.3 196 L 254.8 196 C 262.3 183.01 262.3 166.99 254.8 154 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 300.3 175 L 314.3 175 M 244.3 164.5 L 260.4 164.5 M 244.3 185.5 L 260.4 185.5" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 272.3 154 C 284.53 154.39 295.44 162.58 300.3 175 C 295.44 187.42 284.53 195.61 272.3 196 L 254.8 196 C 262.3 183.01 262.3 166.99 254.8 154 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Introduction/How FPGA works/fig_14.drawio.svg

@@ -1,104 +1,104 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="281px" height="210px" viewBox="-0.5 -0.5 281 210" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;qF39Ao-NccSqSEk7fsQ_&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="281px" height="210px" viewBox="-0.5 -0.5 281 210" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;qF39Ao-NccSqSEk7fsQ_&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="48.3" y="20.3" width="189" height="168" fill="none" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
-        <path d="M 90.3 69.3 L 153.3 69.3 L 153.3 132.3 L 90.3 132.3 L 90.3 69.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 90.3 L 111.3 90.3 L 132.3 90.3 L 153.3 90.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 111.3 L 111.3 111.3 L 132.3 111.3 L 153.3 111.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 111.3 69.3 L 111.3 90.3 L 111.3 111.3 L 111.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 132.3 69.3 L 132.3 90.3 L 132.3 111.3 L 132.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 69.3 M 111.3 69.3 M 111.3 90.3 M 90.3 90.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="48.3" y="20.3" width="189" height="168" fill="none" stroke="#000000" stroke-width="1.4" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 69.3 L 153.3 69.3 L 153.3 132.3 L 90.3 132.3 L 90.3 69.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 90.3 L 111.3 90.3 L 132.3 90.3 L 153.3 90.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 111.3 L 111.3 111.3 L 132.3 111.3 L 153.3 111.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 111.3 69.3 L 111.3 90.3 L 111.3 111.3 L 111.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 132.3 69.3 L 132.3 90.3 L 132.3 111.3 L 132.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 69.3 M 111.3 69.3 M 111.3 90.3 M 90.3 90.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 114px; margin-left: 130px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 x
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="144" y="119" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="144" y="119" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     x
                 </text>
             </switch>
         </g>
-        <path d="M 111.3 69.3 M 132.3 69.3 M 132.3 90.3 M 111.3 90.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 111.3 69.3 M 132.3 69.3 M 132.3 90.3 M 111.3 90.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 114px; margin-left: 160px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 y
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="174" y="119" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="174" y="119" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     y
                 </text>
             </switch>
         </g>
-        <path d="M 132.3 69.3 M 153.3 69.3 M 153.3 90.3 M 132.3 90.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 132.3 69.3 M 153.3 69.3 M 153.3 90.3 M 132.3 90.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 114px; margin-left: 190px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 f
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="204" y="119" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="204" y="119" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f
                 </text>
             </switch>
         </g>
-        <path d="M 90.3 90.3 M 111.3 90.3 M 111.3 111.3 M 90.3 111.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 90.3 90.3 M 111.3 90.3 M 111.3 111.3 M 90.3 111.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 144px; margin-left: 130px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="144" y="149" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="144" y="149" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
         </g>
-        <path d="M 111.3 90.3 M 132.3 90.3 M 132.3 111.3 M 111.3 111.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 111.3 90.3 M 132.3 90.3 M 132.3 111.3 M 111.3 111.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 144px; margin-left: 160px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="174" y="149" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="174" y="149" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
         </g>
-        <path d="M 132.3 90.3 M 153.3 90.3 M 153.3 111.3 M 132.3 111.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 132.3 90.3 M 153.3 90.3 M 153.3 111.3 M 132.3 111.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 144px; margin-left: 190px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 f
                                 <sub>
                                     00
@@ -107,60 +107,60 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="204" y="149" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="204" y="149" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f00
                 </text>
             </switch>
         </g>
-        <path d="M 90.3 111.3 M 111.3 111.3 M 111.3 132.3 M 90.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 90.3 111.3 M 111.3 111.3 M 111.3 132.3 M 90.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 174px; margin-left: 130px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="144" y="179" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="144" y="179" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
         </g>
-        <path d="M 111.3 111.3 M 132.3 111.3 M 132.3 132.3 M 111.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 111.3 111.3 M 132.3 111.3 M 132.3 132.3 M 111.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 174px; margin-left: 160px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="174" y="179" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="174" y="179" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
         </g>
-        <path d="M 132.3 111.3 M 153.3 111.3 M 153.3 132.3 M 132.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 111.3 L 153.3 111.3 L 153.3 174.3 L 90.3 174.3 L 90.3 111.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 132.3 L 111.3 132.3 L 132.3 132.3 L 153.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 153.3 L 111.3 153.3 L 132.3 153.3 L 153.3 153.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 111.3 111.3 L 111.3 132.3 L 111.3 153.3 L 111.3 174.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 132.3 111.3 L 132.3 132.3 L 132.3 153.3 L 132.3 174.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 90.3 111.3 M 111.3 111.3 M 111.3 132.3 M 90.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 111.3 111.3 M 132.3 111.3 M 132.3 132.3 M 111.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 132.3 111.3 M 153.3 111.3 M 153.3 132.3 M 132.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 132.3 111.3 M 153.3 111.3 M 153.3 132.3 M 132.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 111.3 L 153.3 111.3 L 153.3 174.3 L 90.3 174.3 L 90.3 111.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 132.3 L 111.3 132.3 L 132.3 132.3 L 153.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 153.3 L 111.3 153.3 L 132.3 153.3 L 153.3 153.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 111.3 111.3 L 111.3 132.3 L 111.3 153.3 L 111.3 174.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 132.3 111.3 L 132.3 132.3 L 132.3 153.3 L 132.3 174.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 90.3 111.3 M 111.3 111.3 M 111.3 132.3 M 90.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 111.3 111.3 M 132.3 111.3 M 132.3 132.3 M 111.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 132.3 111.3 M 153.3 111.3 M 153.3 132.3 M 132.3 132.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 174px; margin-left: 190px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 f
                                 <sub>
                                     01
@@ -169,52 +169,52 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="204" y="179" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="204" y="179" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f01
                 </text>
             </switch>
         </g>
-        <path d="M 90.3 132.3 M 111.3 132.3 M 111.3 153.3 M 90.3 153.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 90.3 132.3 M 111.3 132.3 M 111.3 153.3 M 90.3 153.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 204px; margin-left: 130px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="144" y="209" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="144" y="209" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
         </g>
-        <path d="M 111.3 132.3 M 132.3 132.3 M 132.3 153.3 M 111.3 153.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 111.3 132.3 M 132.3 132.3 M 132.3 153.3 M 111.3 153.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 204px; margin-left: 160px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="174" y="209" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="174" y="209" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
         </g>
-        <path d="M 132.3 132.3 M 153.3 132.3 M 153.3 153.3 M 132.3 153.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 132.3 132.3 M 153.3 132.3 M 153.3 153.3 M 132.3 153.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 204px; margin-left: 190px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 f
                                 <sub>
                                     10
@@ -223,52 +223,52 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="204" y="209" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="204" y="209" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f10
                 </text>
             </switch>
         </g>
-        <path d="M 90.3 153.3 M 111.3 153.3 M 111.3 174.3 M 90.3 174.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 90.3 153.3 M 111.3 153.3 M 111.3 174.3 M 90.3 174.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 234px; margin-left: 130px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="144" y="239" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="144" y="239" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
         </g>
-        <path d="M 111.3 153.3 M 132.3 153.3 M 132.3 174.3 M 111.3 174.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 111.3 153.3 M 132.3 153.3 M 132.3 174.3 M 111.3 174.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 234px; margin-left: 160px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="174" y="239" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="174" y="239" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
         </g>
-        <path d="M 132.3 153.3 M 153.3 153.3 M 153.3 174.3 M 132.3 174.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 132.3 153.3 M 153.3 153.3 M 153.3 174.3 M 132.3 174.3" fill="none" stroke="#000000" stroke-width="0.7" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 234px; margin-left: 190px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 26px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 f
                                 <sub>
                                     11
@@ -277,67 +277,67 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="204" y="239" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle">
+                <text x="204" y="239" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f11
                 </text>
             </switch>
         </g>
-        <path d="M 153.3 79.8 L 181.3 79.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 153.3 100.8 L 181.3 100.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 153.3 142.8 L 181.3 142.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 153.3 121.8 L 181.3 121.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 153.3 163.8 L 181.3 163.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 181.3 181.3 L 181.3 69.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 181.3 181.3 L 223.3 153.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 181.3 69.3 L 223.3 97.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 223.3 153.3 L 223.3 97.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 202.3 83.3 L 202.3 62.3 L 83.3 62.3 L 83.3 125.3 L 20.3 125.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 153.3 79.8 L 181.3 79.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 153.3 100.8 L 181.3 100.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 153.3 142.8 L 181.3 142.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 153.3 121.8 L 181.3 121.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 153.3 163.8 L 181.3 163.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 181.3 L 181.3 69.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 181.3 L 223.3 153.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 181.3 69.3 L 223.3 97.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 223.3 153.3 L 223.3 97.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 202.3 83.3 L 202.3 62.3 L 83.3 62.3 L 83.3 125.3 L 20.3 125.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 188px; margin-left: 45px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                 y
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="45" y="194" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="45" y="194" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     y
                 </text>
             </switch>
         </g>
-        <path d="M 209.3 87.5 L 209.3 55.3 L 62.3 55.3 L 62.3 69.3 L 20.3 69.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 209.3 87.5 L 209.3 55.3 L 62.3 55.3 L 62.3 69.3 L 20.3 69.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 87px; margin-left: 44px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                 x
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="44" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="44" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     x
                 </text>
             </switch>
         </g>
-        <path d="M 223.3 125.3 L 258.3 125.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 223.3 125.3 L 258.3 125.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 159px; margin-left: 349px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                 f
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="349" y="165" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="349" y="165" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     f
                 </text>
             </switch>
@@ -347,7 +347,7 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 54px; margin-left: 175px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 32px;">
                                     <font style="font-size: 32px;">
                                         LUT
@@ -357,7 +357,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="204" y="64" fill="#000000" font-family="Helvetica" font-size="32px" text-anchor="middle">
+                <text x="204" y="64" fill="#000000" font-family="Helvetica" font-size="32px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     LUT
                 </text>
             </switch>

.pic/Introduction/Implementation steps/fig_01.drawio.svg

@@ -1,31 +1,31 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="581px" height="393px" viewBox="-0.5 -0.5 581 393" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;jwC3Ir5vknWNR0bwBlxH&quot;&gt;7VpLc5s6FP413mZAAoyXbZr2LtqZzGRxe1d3FKOAWow8Qo5xf30lkHhIpCYuEE+LFxl0dHSQ9H3nIYUVvN0VnxjaJ19ohNMVcKJiBT+sAHDdQPyVglMlgGFYCWJGIqXTCB7ID6yEjpIeSITzjiKnNOVk3xVuaZbhLe/IEGP02FV7omn3rXsUY0vwsEWpLf2XRDyppCFYN/J/MIkTXq93U/U8ou33mNFDpt63AvCp/FXdO6RtqYXmCYrosSWCdyt4yyjl1dOuuMWp3Fq9bdW4jy/01vNmOONDBgA1DX7SS8eR2AnVpIwnNKYZSu8a6ftyeVgacESr0flM6V4IXSH8hjk/KVjRgVMhSvguVb24IPxr6/k/aerGV60PhbJcNk6txj1mZIc5ZlqWcXb62m5UloCv242tsnVqt2xr0TtJHdHMaIYryUeSpqo/54x+r+kAasktTSkr9w465U/0PNGM98lteBRiOT2wrUIAKsIjFmOlpdxJYtMapiD9hKlYBzsJBYZTxMlzl8VIOUNc6zWEEA+KE/38UHN5RukBa0YbhBEU3ldkEQs8JoTjhz0q13IUsaGL/Kv2UGy9litAXr2tz5hxXPxyy1Qv8JRHqojlag89Nv4fKFHScv3Q+f1N9t7SCZ2OE64v8cIr8ZvRnUQNvadEvLVmiht0mQJCv2uiclw1ymBBPY1BxPD/xOh8PjhfF5/acVjHw6k55rtdjkFvM4hjYuPQqaW2lwr5y+/xQoPLa6NcOKOv59VQvJrBpYQPzqcbGdKJqNQ+o0ec3tOccEIz0fVIOac7yQZdUkmgI5QntTOglMRSdStQlzRts16bfad0uPSW9zq37YpY1rk3OBXVJpN6NymNyfb/GHGct56ly+0xQ2pSRZkUrzfrQd/A37Oznuv0pL1ghLS3vp60dya6XUtE0pXC3CnOcwwTL4Sfs3HMMlStboxcGb4Jm96SGbOzwHT6kZKQ7/e/pzepnB8N/KkotlkoNjLFArOeWA+rpW0WnDM0Hgt0SPtVkWKD1kK0S4lxLzEmZUO7Eh5aCLcKCb+njtCykUOV6zmD4LcNQcMQnOxw57qz8Gi98Og3eGRe7wzlkWdcJ9WF9gQ8AhaPkEUkcR7gfVdx5lHDPn1YhybzpLQjUVSmur67vy5HJVNUogMXMWf4ycY1ygLXtU82ffd5cISDjWvfmj4uiFiI+DMi4lmIbBdETETAnIj4FiLRgoiJCAz8+RCxL99y+V/dBRPzgBnOh8nawoThfMEkMMp06HnzYRJamFiAvKJuf9vz+zxlte9uui5k4jC0rDYNQTBdWb1ZYH4tzOvwJgy6AF2MtG3Lmw5sbXkB+2KftlxxONKGIZMyI8I87pXL3wjz5aHbgHlKb7ZvRL4cCgvpv65qslw2mO+81/MlmbMg4gOjjoV2HQumQsS+E3EXRCxEdBEyPiKi2XzoW4W55mNqePcT&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="581px" height="393px" viewBox="-0.5 -0.5 581 393" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;jwC3Ir5vknWNR0bwBlxH&quot;&gt;7VpLc5s6FP413mZAAoyXbZr2LtqZzGRxe1d3FKOAWow8Qo5xf30lkHhIpCYuEE+LFxl0dHSQ9H3nIYUVvN0VnxjaJ19ohNMVcKJiBT+sAHDdQPyVglMlgGFYCWJGIqXTCB7ID6yEjpIeSITzjiKnNOVk3xVuaZbhLe/IEGP02FV7omn3rXsUY0vwsEWpLf2XRDyppCFYN/J/MIkTXq93U/U8ou33mNFDpt63AvCp/FXdO6RtqYXmCYrosSWCdyt4yyjl1dOuuMWp3Fq9bdW4jy/01vNmOONDBgA1DX7SS8eR2AnVpIwnNKYZSu8a6ftyeVgacESr0flM6V4IXSH8hjk/KVjRgVMhSvguVb24IPxr6/k/aerGV60PhbJcNk6txj1mZIc5ZlqWcXb62m5UloCv242tsnVqt2xr0TtJHdHMaIYryUeSpqo/54x+r+kAasktTSkr9w465U/0PNGM98lteBRiOT2wrUIAKsIjFmOlpdxJYtMapiD9hKlYBzsJBYZTxMlzl8VIOUNc6zWEEA+KE/38UHN5RukBa0YbhBEU3ldkEQs8JoTjhz0q13IUsaGL/Kv2UGy9litAXr2tz5hxXPxyy1Qv8JRHqojlag89Nv4fKFHScv3Q+f1N9t7SCZ2OE64v8cIr8ZvRnUQNvadEvLVmiht0mQJCv2uiclw1ymBBPY1BxPD/xOh8PjhfF5/acVjHw6k55rtdjkFvM4hjYuPQqaW2lwr5y+/xQoPLa6NcOKOv59VQvJrBpYQPzqcbGdKJqNQ+o0ec3tOccEIz0fVIOac7yQZdUkmgI5QntTOglMRSdStQlzRts16bfad0uPSW9zq37YpY1rk3OBXVJpN6NymNyfb/GHGct56ly+0xQ2pSRZkUrzfrQd/A37Oznuv0pL1ghLS3vp60dya6XUtE0pXC3CnOcwwTL4Sfs3HMMlStboxcGb4Jm96SGbOzwHT6kZKQ7/e/pzepnB8N/KkotlkoNjLFArOeWA+rpW0WnDM0Hgt0SPtVkWKD1kK0S4lxLzEmZUO7Eh5aCLcKCb+njtCykUOV6zmD4LcNQcMQnOxw57qz8Gi98Og3eGRe7wzlkWdcJ9WF9gQ8AhaPkEUkcR7gfVdx5lHDPn1YhybzpLQjUVSmur67vy5HJVNUogMXMWf4ycY1ygLXtU82ffd5cISDjWvfmj4uiFiI+DMi4lmIbBdETETAnIj4FiLRgoiJCAz8+RCxL99y+V/dBRPzgBnOh8nawoThfMEkMMp06HnzYRJamFiAvKJuf9vz+zxlte9uui5k4jC0rDYNQTBdWb1ZYH4tzOvwJgy6AF2MtG3Lmw5sbXkB+2KftlxxONKGIZMyI8I87pXL3wjz5aHbgHlKb7ZvRL4cCgvpv65qslw2mO+81/MlmbMg4gOjjoV2HQumQsS+E3EXRCxEdBEyPiKi2XzoW4W55mNqePcT&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 170 70 L 195 70 L 195 165 L 220 165" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 110 30 Q 170 30 170 70 Q 170 110 110 110 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 220 195 L 30 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 320 180 L 350 180 L 350 259 L 390 259" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 300 180 L 320 180 M 220 165 L 243 165 M 220 195 L 243 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 230 150 C 240.72 168.56 240.72 191.44 230 210" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 260 150 C 277.47 150.56 293.06 162.25 300 180 C 293.06 197.75 277.47 209.44 260 210 L 235 210 C 245.72 191.44 245.72 168.56 235 150 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 390 311 L 30 311" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 420 335 L 420 370 L 30 370" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 450 285 L 550 285" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 30 50 L 110 50" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 30 90 L 110 90" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 170 70 L 195 70 L 195 165 L 220 165" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 110 30 Q 170 30 170 70 Q 170 110 110 110 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 220 195 L 30 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 320 180 L 350 180 L 350 259 L 390 259" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 300 180 L 320 180 M 220 165 L 243 165 M 220 195 L 243 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 230 150 C 240.72 168.56 240.72 191.44 230 210" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 260 150 C 277.47 150.56 293.06 162.25 300 180 C 293.06 197.75 277.47 209.44 260 210 L 235 210 C 245.72 191.44 245.72 168.56 235 150 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 390 311 L 30 311" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 420 335 L 420 370 L 30 370" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 450 285 L 550 285" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 30 50 L 110 50" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 30 90 L 110 90" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="20" y="20" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 35px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="41" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="41" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
@@ -36,13 +36,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 75px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="81" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="81" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
@@ -53,13 +53,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 175px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 c
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="181" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="181" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     c
                 </text>
             </switch>
@@ -70,13 +70,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 290px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 d
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="296" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="296" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     d
                 </text>
             </switch>
@@ -87,13 +87,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 353px; margin-left: 21px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 sel
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="50" y="359" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="50" y="359" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     sel
                 </text>
             </switch>
@@ -104,34 +104,34 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 269px; margin-left: 501px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 res
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="530" y="275" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="530" y="275" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     res
                 </text>
             </switch>
         </g>
-        <path d="M 389 340 L 389 230" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 448.86 240 L 448.86 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 389 230 L 449 240" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 389 340 L 449 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 389 340 L 389 230" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 448.86 240 L 448.86 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 389 230 L 449 240" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 389 340 L 449 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="389" y="270" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 285px; margin-left: 390px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 Mux
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="419" y="291" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="419" y="291" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     Mux
                 </text>
             </switch>
@@ -142,13 +142,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 259px; margin-left: 391px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="400" y="265" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="400" y="265" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -159,13 +159,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 311px; margin-left: 391px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="400" y="317" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="400" y="317" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>

.pic/Introduction/Sequential logic/fig_02.drawio.svg

@@ -1,33 +1,33 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="181px" height="122px" viewBox="-0.5 -0.5 181 122" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;-sAuFuvBt7Gn3LlA9TYI&quot;&gt;7VlNc5swEP01HOsBFGN8TMhHD+lMOulM21NHMTKoEYgRcoz76yshCZDlJK6HOJ26HDLs02qR9j2WteKBpGhuGKzyTzRFxAv9tPHApReGQRCJvxLYKADEsQIyhlPt0wP3+BeywRVOUW1BnFLCcWWDC1qWaMEtDDJG17bbkhL7oRXMkAPcLyBx0a845blC43DW4x8RznLebXeuRh7g4jFjdFXq53khWLaXGi6gieUroM5hStcDCFx5IGGUcnVXNAkiMrMma2re9TOj3boZKvk+E0I14QmSFTIrbtfFNyYXT4hxLFJzCx8QuaM15piWYuiBck4LD1x0e/CFkcI6R6k2IMGZdF2I1SAmgJwXRNiBuDVhz7UPp5WKVcnnFk0mdTVBRNDLpN+E0AwvfmSQo3qCSzkdsR8iYRdLTEhCCWXtesG1uJJE4G4udHrauc0A0rm5QbRAnG2Eix6N5kBN0TIOzzRv614VMw3lA0EArXaodZh1kXsuxI2mYzc1wGECpUKk2qSM5zSjJSRXPXrRKq9Lf+9zS2V227z/RJxv9AsHV5zarKAG82+D++8y1GSqrctGR26NzcC4QwyLHUqSFVam5/I9FGZJS6SQayw3244/y43c44vMMEQgx0/2i7orz3rqHcXiER2js9i3GTW2CcEhyxDXs4ZvznagaCvQdG4HqumKLZATqKW9289eSjh7TyX476UElT+rTL21OKLZtjjAYeKI5oEdKIpF6vaRh8gV3AzcKulQ/8GStQx7tamIh2pvevLaC8D7iA8Es4k/vKJDtbgVF4RH0iI4C0fVYvT/i3iELyII/VF0t/2BNGp4gw+kbstf6mLd9A84tkVyOBODrnC6oys02PiFYq/EjtYLHcBQfNIMOX3EoQyB8M0Ymo/KUC0Wxo0zFUENpiteW01LsbjuMy+NQW2VZl9cW2vzGvsqGRrat2U8jiIcIvcshk6g2H8l0HiKCPx/TBJ/V5Fwqu80nsTROKrYFWtEYQSOMD47yuCo4bYcas7oIzInNVouw8MbDTmnRttHRQVO07a5W+eYo/sKtq36msHKEd2Slly3doEUUS2ccZl9aZu/D9NxToliUzy77LunRCbqUEiiwZ8+r5p9z4lMpbPYSBIvdn+6nTAnAICJ+TF7HFrA69XztI9Ww63WBjjsjHS0Ksz+RF3Vu/6fFuDqNw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="181px" height="122px" viewBox="-0.5 -0.5 181 122" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;-sAuFuvBt7Gn3LlA9TYI&quot;&gt;7VlNc5swEP01HOsBFGN8TMhHD+lMOulM21NHMTKoEYgRcoz76yshCZDlJK6HOJ26HDLs02qR9j2WteKBpGhuGKzyTzRFxAv9tPHApReGQRCJvxLYKADEsQIyhlPt0wP3+BeywRVOUW1BnFLCcWWDC1qWaMEtDDJG17bbkhL7oRXMkAPcLyBx0a845blC43DW4x8RznLebXeuRh7g4jFjdFXq53khWLaXGi6gieUroM5hStcDCFx5IGGUcnVXNAkiMrMma2re9TOj3boZKvk+E0I14QmSFTIrbtfFNyYXT4hxLFJzCx8QuaM15piWYuiBck4LD1x0e/CFkcI6R6k2IMGZdF2I1SAmgJwXRNiBuDVhz7UPp5WKVcnnFk0mdTVBRNDLpN+E0AwvfmSQo3qCSzkdsR8iYRdLTEhCCWXtesG1uJJE4G4udHrauc0A0rm5QbRAnG2Eix6N5kBN0TIOzzRv614VMw3lA0EArXaodZh1kXsuxI2mYzc1wGECpUKk2qSM5zSjJSRXPXrRKq9Lf+9zS2V227z/RJxv9AsHV5zarKAG82+D++8y1GSqrctGR26NzcC4QwyLHUqSFVam5/I9FGZJS6SQayw3244/y43c44vMMEQgx0/2i7orz3rqHcXiER2js9i3GTW2CcEhyxDXs4ZvznagaCvQdG4HqumKLZATqKW9289eSjh7TyX476UElT+rTL21OKLZtjjAYeKI5oEdKIpF6vaRh8gV3AzcKulQ/8GStQx7tamIh2pvevLaC8D7iA8Es4k/vKJDtbgVF4RH0iI4C0fVYvT/i3iELyII/VF0t/2BNGp4gw+kbstf6mLd9A84tkVyOBODrnC6oys02PiFYq/EjtYLHcBQfNIMOX3EoQyB8M0Ymo/KUC0Wxo0zFUENpiteW01LsbjuMy+NQW2VZl9cW2vzGvsqGRrat2U8jiIcIvcshk6g2H8l0HiKCPx/TBJ/V5Fwqu80nsTROKrYFWtEYQSOMD47yuCo4bYcas7oIzInNVouw8MbDTmnRttHRQVO07a5W+eYo/sKtq36msHKEd2Slly3doEUUS2ccZl9aZu/D9NxToliUzy77LunRCbqUEiiwZ8+r5p9z4lMpbPYSBIvdn+6nTAnAICJ+TF7HFrA69XztI9Ww63WBjjsjHS0Ksz+RF3Vu/6fFuDqNw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 23 19 L 37 19" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 81.8 19 L 93 19" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 76.9 19 L 34.9 38 L 34.9 0 Z" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="79.7" cy="19" rx="2.8" ry="2.533333333333333" fill="#ffffcc" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 90 19 L 110 19 L 110 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 23 19 L 0 19 L 0 43" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 22 102 L 0 102 L 0 77" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 90 102 L 110 102 L 110 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 0 77 L 110 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 0 43 L 110 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 113 102 L 159 102" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="110" cy="102" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
-        <path d="M 113 18.85 L 159 18.75" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="110" cy="18.86" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 23 19 L 37 19" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 81.8 19 L 93 19" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 76.9 19 L 34.9 38 L 34.9 0 Z" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="79.7" cy="19" rx="2.8" ry="2.533333333333333" fill="#ffffcc" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 90 19 L 110 19 L 110 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 23 19 L 0 19 L 0 43" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 22 102 L 0 102 L 0 77" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 90 102 L 110 102 L 110 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 0 77 L 110 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 0 43 L 110 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 113 102 L 159 102" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="110" cy="102" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 113 18.85 L 159 18.75" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="110" cy="18.86" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="159" y="10" width="21" height="17.5" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 19px; height: 1px; padding-top: 16px; margin-left: 160px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 Q
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="170" y="21" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="15px" text-anchor="middle">
+                <text x="170" y="21" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="15px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q
                 </text>
             </switch>
@@ -38,21 +38,21 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 19px; height: 1px; padding-top: 100px; margin-left: 160px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 Q̅
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="170" y="104" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="15px" text-anchor="middle">
+                <text x="170" y="104" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="15px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     Q̅
                 </text>
             </switch>
         </g>
-        <path d="M 22 102 L 36 102" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 80.8 102 L 92 102" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 75.9 102 L 33.9 121 L 33.9 83 Z" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <ellipse cx="78.7" cy="102" rx="2.8" ry="2.533333333333333" fill="#ffffcc" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 22 102 L 36 102" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 80.8 102 L 92 102" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 75.9 102 L 33.9 121 L 33.9 83 Z" fill="#ffffcc" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <ellipse cx="78.7" cy="102" rx="2.8" ry="2.533333333333333" fill="#ffffcc" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(#ffffcc, #171600); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Introduction/Sequential logic/fig_08.svg

@@ -1,5 +1,5 @@
-<?xml version='1.0' encoding='UTF-8'?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" viewBox="0 0 241.04 133.06" style="background-color: rgb(255, 255, 255);">
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 241.04 133.06" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
   <defs>
     <style>
       .cls-1 {
@@ -8,82 +8,102 @@
 
       .cls-2 {
         fill: #cbccce;
+        fill: light-dark(#cbccce, #38383a);
       }
 
       .cls-3 {
         fill: #989a9d;
+        fill: light-dark(#989a9d, #5b5d5f);
       }
 
       .cls-4 {
         fill: #bec0c2;
+        fill: light-dark(#bec0c2, #3f4143);
       }
 
       .cls-5 {
         fill: #abadaf;
+        fill: light-dark(#abadaf, #4c4e50);
       }
 
       .cls-6 {
         fill: #d1d3d4;
+        fill: light-dark(#d1d3d4, #333435);
       }
 
       .cls-7 {
         fill: #c8c9cb;
+        fill: light-dark(#c8c9cb, #3a3a3c);
       }
 
       .cls-8 {
         fill: #c7eafb;
+        fill: light-dark(#c7eafb, #0c2b38);
       }
 
       .cls-9 {
         fill: #231f20;
+        fill: light-dark(#231f20, #f3eeef);
       }
 
       .cls-10 {
         fill: #b7b9bc;
+        fill: light-dark(#b7b9bc, #444648);
       }
 
       .cls-11 {
         fill: #aeb0b2;
+        fill: light-dark(#aeb0b2, #4a4c4e);
       }
 
       .cls-12 {
         fill: #dbdcde;
+        fill: light-dark(#dbdcde, #2d2e2f);
       }
 
       .cls-13 {
         fill: #f2f2f3;
+        fill: light-dark(#f2f2f3, #1e1e1e);
       }
 
       .cls-14 {
         fill: #bbbdbf;
+        fill: light-dark(#bbbdbf, #414345);
       }
 
       .cls-15 {
         fill: #dedfe1;
+        fill: light-dark(#dedfe1, #2b2c2d);
       }
 
       .cls-16 {
         fill: #d8d9db;
+        fill: light-dark(#d8d9db, #2f3031);
       }
 
       .cls-17 {
         fill: #9b9da0;
+        fill: light-dark(#9b9da0, #585a5d);
       }
 
       .cls-18 {
         fill: #c1c3c5;
+        fill: light-dark(#c1c3c5, #3d3f40);
       }
 
       .cls-19 {
         fill: #ced0d1;
+        fill: light-dark(#ced0d1, #353637);
       }
 
       .cls-20 {
         fill: #00aeef;
+        fill: light-dark(#00aeef, #0084b7);
       }
 
       .cls-21 {
         fill: #c4c6c8;
+        fill: light-dark(#c4c6c8, #3b3d3e);
       }
 
       .cls-22 {
@@ -96,50 +116,62 @@
 
       .cls-24 {
         fill: #b1b3b5;
+        fill: light-dark(#b1b3b5, #484a4c);
       }
 
       .cls-25 {
         fill: #b4b6b8;
+        fill: light-dark(#b4b6b8, #464849);
       }
 
       .cls-26 {
         fill: #e8e9ea;
+        fill: light-dark(#e8e9ea, #242525);
       }
 
       .cls-27 {
         fill: #a4a6a9;
+        fill: light-dark(#a4a6a9, #525356);
       }
 
       .cls-28 {
         fill: #e2e3e4;
+        fill: light-dark(#e2e3e4, #28292a);
       }
 
       .cls-29 {
         fill: #efeff0;
+        fill: light-dark(#efeff0, #202021);
       }
 
       .cls-30 {
         fill: #9ea0a3;
+        fill: light-dark(#9ea0a3, #56585b);
       }
 
       .cls-31 {
         fill: #ebeced;
+        fill: light-dark(#ebeced, #222223);
       }
 
       .cls-32 {
         fill: #a1a3a6;
+        fill: light-dark(#a1a3a6, #545658);
       }
 
       .cls-33 {
         fill: #e5e6e7;
+        fill: light-dark(#e5e6e7, #262728);
       }
 
       .cls-34 {
         fill: #a7aaac;
+        fill: light-dark(#a7aaac, #4e5153);
       }
 
       .cls-35 {
         fill: #95979a;
+        fill: light-dark(#95979a, #5d5f62);
       }
 
       .cls-36 {
@@ -148,6 +180,7 @@
 
       .cls-37 {
         fill: #d5d6d8;
+        fill: light-dark(#d5d6d8, #313233);
       }
     </style>
     <clipPath id="clippath">
@@ -266,11 +299,45 @@
   <path class="cls-20" d="M183.28,105.24c-3.51,0-6.37-2.88-6.37-6.42s2.86-6.41,6.37-6.41,6.37,2.88,6.37,6.41-2.86,6.42-6.37,6.42ZM183.28,93.08c-3.14,0-5.69,2.58-5.69,5.74s2.55,5.74,5.69,5.74,5.69-2.58,5.69-5.74-2.55-5.74-5.69-5.74Z"/>
   <g>
     <g>
-      </g>
+      <path class="cls-9" d="M168.34,113.64c-.01.1-.03.22-.06.34-.03.12-.07.24-.13.36s-.13.24-.22.35c-.09.11-.2.21-.33.29s-.28.15-.46.21c-.18.05-.38.08-.6.08-.12,0-.25-.02-.39-.05-.14-.03-.27-.08-.4-.15-.13-.07-.25-.16-.37-.28-.12-.11-.22-.25-.31-.42s-.16-.36-.21-.58c-.05-.22-.08-.47-.08-.76,0-.35.05-.67.15-.95s.23-.52.4-.71c.17-.2.36-.35.58-.45.22-.11.45-.16.7-.16.22,0,.41.02.58.07.17.05.32.11.44.19s.23.17.32.28c.09.1.16.21.21.33.05.11.09.23.12.35.03.12.05.23.05.34h-.68c-.04-.29-.13-.51-.3-.68-.16-.16-.39-.25-.68-.25-.2,0-.37.04-.52.12-.15.08-.27.2-.37.34-.1.15-.17.32-.22.53-.05.21-.07.43-.07.68,0,.28.03.52.08.72.05.2.13.37.22.5s.21.23.36.29c.14.06.3.09.48.09.13,0,.25-.02.36-.07s.21-.11.3-.2c.09-.09.17-.2.23-.33.06-.13.11-.28.13-.44h.68Z"/>
+      <path class="cls-9" d="M170.17,111.52h-1.45v-.63h3.62v.63h-1.45v3.6h-.72v-3.6Z"/>
+      <path class="cls-9" d="M173.07,112.16c0-.26.06-.48.14-.66.09-.18.21-.32.36-.43.15-.11.33-.19.54-.24.21-.05.44-.07.68-.07.2,0,.4.02.59.06.19.04.36.11.51.2s.27.21.36.36c.09.15.14.33.14.54v2.46c0,.07.02.13.05.18s.1.07.18.07c.04,0,.07,0,.11,0,.04,0,.08-.01.12-.02v.5c-.06.02-.12.03-.18.04-.06.01-.13.02-.21.02-.12,0-.23-.01-.32-.03-.09-.02-.17-.06-.23-.1s-.11-.11-.14-.19c-.03-.08-.06-.17-.07-.29-.09.1-.18.19-.28.27s-.21.16-.33.22c-.12.06-.26.11-.41.15s-.32.05-.51.05c-.16,0-.32-.03-.47-.08s-.29-.13-.41-.23c-.12-.1-.22-.23-.29-.38-.07-.15-.11-.33-.11-.53,0-.22.04-.41.11-.57.07-.16.17-.29.29-.4.12-.11.25-.19.4-.25.15-.06.31-.1.46-.12l1.18-.15c.11-.01.2-.06.27-.13.06-.08.1-.2.1-.36,0-.26-.08-.44-.25-.55-.17-.11-.41-.17-.72-.17s-.56.07-.71.2c-.16.14-.25.34-.27.61h-.67ZM175.67,112.97c-.06.04-.13.08-.21.1s-.18.05-.28.07c-.1.02-.21.04-.33.05-.12.01-.23.03-.35.04-.13.02-.25.04-.36.08-.11.03-.21.08-.29.13s-.14.12-.19.2c-.04.08-.07.17-.07.27,0,.12.02.23.06.32.04.09.09.17.16.23.07.06.15.11.24.14.09.03.2.05.31.05.07,0,.15,0,.24-.03.09-.02.19-.04.28-.08s.19-.08.29-.13c.09-.05.18-.12.25-.2.07-.08.13-.16.18-.26.04-.1.07-.21.07-.33v-.68Z"/>
+      <path class="cls-9" d="M180.81,109.26s-.01.09-.02.14c0,.06-.03.12-.05.18s-.06.13-.11.19c-.05.06-.11.12-.18.18-.04.03-.08.05-.11.08s-.08.04-.13.06c-.05.02-.12.03-.2.04s-.19.02-.33.02h-.3c-.2.01-.39.06-.55.13-.16.08-.31.19-.43.32-.12.14-.23.31-.31.5-.08.2-.14.41-.18.65.05-.11.12-.21.2-.31s.18-.19.3-.27.26-.15.42-.19.35-.07.57-.07c.24,0,.47.04.69.13s.41.22.57.39c.16.17.29.39.39.65s.15.56.15.9c0,.11,0,.24-.02.39s-.05.32-.09.48-.11.34-.2.5-.2.32-.35.45-.32.24-.53.32-.46.12-.75.12c-.12,0-.25,0-.38-.03-.14-.02-.27-.06-.41-.11s-.27-.13-.39-.22-.24-.22-.35-.36c-.05-.07-.1-.16-.16-.25-.05-.1-.1-.21-.14-.35-.04-.14-.08-.3-.1-.49-.03-.19-.04-.41-.04-.67,0-.17,0-.36.02-.57.02-.21.04-.43.08-.65s.09-.44.16-.64c.07-.21.15-.39.25-.54.11-.17.23-.31.35-.41s.25-.19.38-.25c.14-.06.28-.1.44-.13s.33-.04.51-.05h.25c.08-.01.16-.01.21-.02s.11-.02.15-.03c.04-.02.07-.04.09-.07.02-.03.04-.08.06-.13h.55ZM178.02,113.09c0,.08,0,.17.01.28,0,.11.03.22.06.34.03.12.07.23.12.35s.13.22.22.31c.09.09.2.17.34.22s.29.08.48.08c.21,0,.38-.03.52-.1s.26-.15.35-.26c.09-.11.16-.22.21-.35.05-.13.08-.26.11-.38.02-.12.04-.24.04-.34s0-.18,0-.23c0-.19-.02-.38-.07-.57-.04-.18-.11-.35-.21-.49-.09-.14-.22-.26-.37-.34-.15-.09-.34-.13-.56-.13s-.4.04-.56.13-.29.2-.39.35c-.1.15-.18.32-.23.51-.05.19-.08.4-.08.62Z"/>
+      <path class="cls-9" d="M182.02,110.89h.72v3.25h.02l2.06-3.25h.83v4.24h-.73v-3.25h-.02l-2.06,3.25h-.83v-4.24Z"/>
+      <path class="cls-9" d="M189.54,111.52h-1.61l-.03,1.02c-.02.51-.05.94-.12,1.29-.06.34-.15.62-.26.83-.11.21-.24.36-.39.44-.15.09-.33.13-.53.13-.07,0-.14-.01-.19-.03s-.09-.05-.12-.07v-.64c.1.04.19.06.27.06.05,0,.11,0,.16-.03.05-.02.1-.05.14-.11.05-.05.09-.13.13-.22.04-.1.07-.22.1-.38.03-.16.05-.34.07-.57s.03-.49.04-.79l.04-1.56h3.02v4.24h-.72v-3.6Z"/>
+      <path class="cls-9" d="M191.33,110.89h.72v1.59h1.17c.23,0,.44.03.62.09.18.06.33.15.46.27.13.11.22.25.29.42.07.16.1.35.1.55s-.03.39-.1.55c-.07.16-.16.3-.29.42-.13.12-.28.2-.46.26s-.39.09-.62.09h-1.89v-4.24ZM192.05,114.55h1.03c.12,0,.24-.01.35-.04.11-.03.2-.07.28-.13s.14-.14.18-.23c.04-.09.07-.21.07-.34s-.02-.24-.07-.34c-.05-.09-.11-.17-.19-.23-.08-.06-.18-.1-.3-.13-.12-.03-.25-.04-.39-.04h-.96v1.48Z"/>
+      <path class="cls-9" d="M195.34,110.89h.72v1.71h1.96v-1.71h.73v4.24h-.73v-1.9h-1.96v1.9h-.72v-4.24Z"/>
+      <path class="cls-9" d="M203.47,113c0,.35-.04.66-.13.94s-.22.52-.38.71c-.17.2-.37.34-.61.45-.24.1-.52.16-.82.16s-.58-.05-.82-.16c-.24-.1-.44-.25-.61-.45-.17-.2-.3-.43-.38-.71s-.13-.59-.13-.94.04-.65.13-.93c.09-.28.22-.51.38-.71.17-.2.37-.35.61-.45.24-.1.51-.16.82-.16s.58.05.82.16c.24.1.45.25.61.45.17.19.3.43.38.71.09.28.13.59.13.93ZM202.75,113c0-.23-.03-.45-.08-.65-.05-.2-.13-.37-.24-.51s-.23-.25-.39-.33c-.15-.08-.33-.12-.53-.12s-.38.04-.53.12c-.15.08-.28.19-.38.33s-.18.31-.24.51c-.05.2-.08.41-.08.65s.03.46.08.66c.05.2.13.37.24.51.1.14.23.25.38.33.15.08.33.12.53.12s.38-.04.53-.12c.15-.08.28-.19.39-.33.1-.14.18-.31.24-.51.05-.2.08-.42.08-.66Z"/>
+      <path class="cls-9" d="M207.86,113.78c-.03.18-.09.37-.19.54s-.22.33-.38.48c-.16.14-.34.25-.56.34-.21.09-.45.13-.71.13-.28,0-.54-.05-.78-.14-.24-.09-.45-.24-.62-.42-.17-.19-.31-.42-.41-.71s-.15-.62-.15-1c0-.26.03-.49.08-.7.06-.21.13-.4.23-.56s.21-.31.33-.43c.13-.12.26-.22.4-.3.14-.08.28-.14.43-.17s.29-.06.42-.06c.29,0,.55.04.79.13s.44.22.62.4c.17.18.3.4.4.67.09.27.14.58.14.94v.36h-3.07c0,.21.03.39.09.56.05.17.13.31.24.43.1.12.23.21.37.28s.31.1.49.1.34-.03.47-.08.24-.12.32-.2c.09-.08.16-.17.21-.27s.1-.2.13-.3h.7ZM207.19,112.68c0-.21-.04-.39-.09-.55-.06-.16-.13-.3-.24-.41s-.22-.19-.36-.25-.3-.08-.47-.08-.32.03-.46.1-.26.15-.37.27c-.1.11-.19.25-.25.41s-.1.33-.11.52h2.35Z"/>
+    </g>
     <g>
-      </g>
+      <path class="cls-9" d="M41.87,113.64c-.01.1-.03.22-.06.34-.03.12-.07.24-.13.36s-.13.24-.22.35c-.09.11-.2.21-.33.29s-.28.15-.46.21c-.18.05-.38.08-.6.08-.12,0-.25-.02-.39-.05-.14-.03-.27-.08-.4-.15-.13-.07-.25-.16-.37-.28-.12-.11-.22-.25-.31-.42s-.16-.36-.21-.58c-.05-.22-.08-.47-.08-.76,0-.35.05-.67.15-.95s.23-.52.4-.71c.17-.2.36-.35.58-.45.22-.11.45-.16.7-.16.22,0,.41.02.58.07.17.05.32.11.44.19s.23.17.32.28c.09.1.16.21.21.33.05.11.09.23.12.35.03.12.05.23.05.34h-.68c-.04-.29-.13-.51-.3-.68-.16-.16-.39-.25-.68-.25-.2,0-.37.04-.52.12-.15.08-.27.2-.37.34-.1.15-.17.32-.22.53-.05.21-.07.43-.07.68,0,.28.03.52.08.72.05.2.13.37.22.5s.21.23.36.29c.14.06.3.09.48.09.13,0,.25-.02.36-.07s.21-.11.3-.2c.09-.09.17-.2.23-.33.06-.13.11-.28.13-.44h.68Z"/>
+      <path class="cls-9" d="M43.71,111.52h-1.45v-.63h3.62v.63h-1.45v3.6h-.72v-3.6Z"/>
+      <path class="cls-9" d="M46.6,112.16c0-.26.06-.48.14-.66.09-.18.21-.32.36-.43.15-.11.33-.19.54-.24.21-.05.44-.07.68-.07.2,0,.4.02.59.06.19.04.36.11.51.2s.27.21.36.36c.09.15.14.33.14.54v2.46c0,.07.02.13.05.18s.1.07.18.07c.04,0,.07,0,.11,0,.04,0,.08-.01.12-.02v.5c-.06.02-.12.03-.18.04-.06.01-.13.02-.21.02-.12,0-.23-.01-.32-.03-.09-.02-.17-.06-.23-.1s-.11-.11-.14-.19c-.03-.08-.06-.17-.07-.29-.09.1-.18.19-.28.27s-.21.16-.33.22c-.12.06-.26.11-.41.15s-.32.05-.51.05c-.16,0-.32-.03-.47-.08s-.29-.13-.41-.23c-.12-.1-.22-.23-.29-.38-.07-.15-.11-.33-.11-.53,0-.22.04-.41.11-.57.07-.16.17-.29.29-.4.12-.11.25-.19.4-.25.15-.06.31-.1.46-.12l1.18-.15c.11-.01.2-.06.27-.13.06-.08.1-.2.1-.36,0-.26-.08-.44-.25-.55-.17-.11-.41-.17-.72-.17s-.56.07-.71.2c-.16.14-.25.34-.27.61h-.67ZM49.21,112.97c-.06.04-.13.08-.21.1s-.18.05-.28.07c-.1.02-.21.04-.33.05-.12.01-.23.03-.35.04-.13.02-.25.04-.36.08-.11.03-.21.08-.29.13s-.14.12-.19.2c-.04.08-.07.17-.07.27,0,.12.02.23.06.32.04.09.09.17.16.23.07.06.15.11.24.14.09.03.2.05.31.05.07,0,.15,0,.24-.03.09-.02.19-.04.28-.08s.19-.08.29-.13c.09-.05.18-.12.25-.2.07-.08.13-.16.18-.26.04-.1.07-.21.07-.33v-.68Z"/>
+      <path class="cls-9" d="M54.34,109.26s-.01.09-.02.14c0,.06-.03.12-.05.18s-.06.13-.11.19c-.05.06-.11.12-.18.18-.04.03-.08.05-.11.08s-.08.04-.13.06c-.05.02-.12.03-.2.04s-.19.02-.33.02h-.3c-.2.01-.39.06-.55.13-.16.08-.31.19-.43.32-.12.14-.23.31-.31.5-.08.2-.14.41-.18.65.05-.11.12-.21.2-.31s.18-.19.3-.27.26-.15.42-.19.35-.07.57-.07c.24,0,.47.04.69.13s.41.22.57.39c.16.17.29.39.39.65s.15.56.15.9c0,.11,0,.24-.02.39s-.05.32-.09.48-.11.34-.2.5-.2.32-.35.45-.32.24-.53.32-.46.12-.75.12c-.12,0-.25,0-.38-.03-.14-.02-.27-.06-.41-.11s-.27-.13-.39-.22-.24-.22-.35-.36c-.05-.07-.1-.16-.16-.25-.05-.1-.1-.21-.14-.35-.04-.14-.08-.3-.1-.49-.03-.19-.04-.41-.04-.67,0-.17,0-.36.02-.57.02-.21.04-.43.08-.65s.09-.44.16-.64c.07-.21.15-.39.25-.54.11-.17.23-.31.35-.41s.25-.19.38-.25c.14-.06.28-.1.44-.13s.33-.04.51-.05h.25c.08-.01.16-.01.21-.02s.11-.02.15-.03c.04-.02.07-.04.09-.07.02-.03.04-.08.06-.13h.55ZM51.55,113.09c0,.08,0,.17.01.28,0,.11.03.22.06.34.03.12.07.23.12.35s.13.22.22.31c.09.09.2.17.34.22s.29.08.48.08c.21,0,.38-.03.52-.1s.26-.15.35-.26c.09-.11.16-.22.21-.35.05-.13.08-.26.11-.38.02-.12.04-.24.04-.34s0-.18,0-.23c0-.19-.02-.38-.07-.57-.04-.18-.11-.35-.21-.49-.09-.14-.22-.26-.37-.34-.15-.09-.34-.13-.56-.13s-.4.04-.56.13-.29.2-.39.35c-.1.15-.18.32-.23.51-.05.19-.08.4-.08.62Z"/>
+      <path class="cls-9" d="M55.55,110.89h.72v3.25h.02l2.06-3.25h.83v4.24h-.73v-3.25h-.02l-2.06,3.25h-.83v-4.24Z"/>
+      <path class="cls-9" d="M63.07,111.52h-1.61l-.03,1.02c-.02.51-.05.94-.12,1.29-.06.34-.15.62-.26.83-.11.21-.24.36-.39.44-.15.09-.33.13-.53.13-.07,0-.14-.01-.19-.03s-.09-.05-.12-.07v-.64c.1.04.19.06.27.06.05,0,.11,0,.16-.03.05-.02.1-.05.14-.11.05-.05.09-.13.13-.22.04-.1.07-.22.1-.38.03-.16.05-.34.07-.57s.03-.49.04-.79l.04-1.56h3.02v4.24h-.72v-3.6Z"/>
+      <path class="cls-9" d="M64.86,110.89h.72v1.59h1.17c.23,0,.44.03.62.09.18.06.33.15.46.27.13.11.22.25.29.42.07.16.1.35.1.55s-.03.39-.1.55c-.07.16-.16.3-.29.42-.13.12-.28.2-.46.26s-.39.09-.62.09h-1.89v-4.24ZM65.58,114.55h1.03c.12,0,.24-.01.35-.04.11-.03.2-.07.28-.13s.14-.14.18-.23c.04-.09.07-.21.07-.34s-.02-.24-.07-.34c-.05-.09-.11-.17-.19-.23-.08-.06-.18-.1-.3-.13-.12-.03-.25-.04-.39-.04h-.96v1.48Z"/>
+      <path class="cls-9" d="M68.88,110.89h.72v1.71h1.96v-1.71h.73v4.24h-.73v-1.9h-1.96v1.9h-.72v-4.24Z"/>
+      <path class="cls-9" d="M77.01,113c0,.35-.04.66-.13.94s-.22.52-.38.71c-.17.2-.37.34-.61.45-.24.1-.52.16-.82.16s-.58-.05-.82-.16c-.24-.1-.44-.25-.61-.45-.17-.2-.3-.43-.38-.71s-.13-.59-.13-.94.04-.65.13-.93c.09-.28.22-.51.38-.71.17-.2.37-.35.61-.45.24-.1.51-.16.82-.16s.58.05.82.16c.24.1.45.25.61.45.17.19.3.43.38.71.09.28.13.59.13.93ZM76.28,113c0-.23-.03-.45-.08-.65-.05-.2-.13-.37-.24-.51s-.23-.25-.39-.33c-.15-.08-.33-.12-.53-.12s-.38.04-.53.12c-.15.08-.28.19-.38.33s-.18.31-.24.51c-.05.2-.08.41-.08.65s.03.46.08.66c.05.2.13.37.24.51.1.14.23.25.38.33.15.08.33.12.53.12s.38-.04.53-.12c.15-.08.28-.19.39-.33.1-.14.18-.31.24-.51.05-.2.08-.42.08-.66Z"/>
+      <path class="cls-9" d="M81.4,113.78c-.03.18-.09.37-.19.54s-.22.33-.38.48c-.16.14-.34.25-.56.34-.21.09-.45.13-.71.13-.28,0-.54-.05-.78-.14-.24-.09-.45-.24-.62-.42-.17-.19-.31-.42-.41-.71s-.15-.62-.15-1c0-.26.03-.49.08-.7.06-.21.13-.4.23-.56s.21-.31.33-.43c.13-.12.26-.22.4-.3.14-.08.28-.14.43-.17s.29-.06.42-.06c.29,0,.55.04.79.13s.44.22.62.4c.17.18.3.4.4.67.09.27.14.58.14.94v.36h-3.07c0,.21.03.39.09.56.05.17.13.31.24.43.1.12.23.21.37.28s.31.1.49.1.34-.03.47-.08.24-.12.32-.2c.09-.08.16-.17.21-.27s.1-.2.13-.3h.7ZM80.72,112.68c0-.21-.04-.39-.09-.55-.06-.16-.13-.3-.24-.41s-.22-.19-.36-.25-.3-.08-.47-.08-.32.03-.46.1-.26.15-.37.27c-.1.11-.19.25-.25.41s-.1.33-.11.52h2.35Z"/>
+    </g>
   </g>
   <g>
-    </g>
+    <path class="cls-9" d="M92.48,35.25h1.05l1.11,3.47h.02l1.13-3.47h.99v4.24h-.68v-3.41h-.02l-1.11,3.41h-.69l-1.11-3.41h-.02v3.41h-.67v-4.24Z"/>
+    <path class="cls-9" d="M101.42,38.14c-.03.18-.09.37-.19.54s-.22.33-.38.48c-.16.14-.34.25-.56.34-.21.09-.45.13-.71.13-.28,0-.54-.05-.78-.14-.24-.09-.45-.24-.62-.42-.17-.19-.31-.42-.41-.71s-.15-.62-.15-1c0-.26.03-.49.08-.7.06-.21.13-.4.23-.56s.21-.31.33-.43c.13-.12.26-.22.4-.3.14-.08.28-.14.43-.17s.29-.06.42-.06c.29,0,.55.04.79.13s.44.22.62.4c.17.18.3.4.4.67.09.27.14.58.14.94v.36h-3.07c0,.21.03.39.09.56.05.17.13.31.24.43.1.12.23.21.37.28s.31.1.49.1.34-.03.47-.08.24-.12.32-.2c.09-.08.16-.17.21-.27s.1-.2.13-.3h.7ZM100.74,37.05c0-.21-.04-.39-.09-.55-.06-.16-.13-.3-.24-.41s-.22-.19-.36-.25-.3-.08-.47-.08-.32.03-.46.1-.26.15-.37.27c-.1.11-.19.25-.25.41s-.1.33-.11.52h2.35Z"/>
+    <path class="cls-9" d="M103.43,35.89h-1.45v-.63h3.62v.63h-1.45v3.6h-.72v-3.6Z"/>
+    <path class="cls-9" d="M106.32,36.52c0-.26.06-.48.14-.66.09-.18.21-.32.36-.43.15-.11.33-.19.54-.24.21-.05.44-.07.68-.07.2,0,.4.02.59.06.19.04.36.11.51.2s.27.21.36.36c.09.15.14.33.14.54v2.46c0,.07.02.13.05.18s.1.07.18.07c.04,0,.07,0,.11,0,.04,0,.08-.01.12-.02v.5c-.06.02-.12.03-.18.04-.06.01-.13.02-.21.02-.12,0-.23-.01-.32-.03-.09-.02-.17-.06-.23-.1s-.11-.11-.14-.19c-.03-.08-.06-.17-.07-.29-.09.1-.18.19-.28.27s-.21.16-.33.22c-.12.06-.26.11-.41.15s-.32.05-.51.05c-.16,0-.32-.03-.47-.08s-.29-.13-.41-.23c-.12-.1-.22-.23-.29-.38-.07-.15-.11-.33-.11-.53,0-.22.04-.41.11-.57.07-.16.17-.29.29-.4.12-.11.25-.19.4-.25.15-.06.31-.1.46-.12l1.18-.15c.11-.01.2-.06.27-.13.06-.08.1-.2.1-.36,0-.26-.08-.44-.25-.55-.17-.11-.41-.17-.72-.17s-.56.07-.71.2c-.16.14-.25.34-.27.61h-.67ZM108.93,37.34c-.06.04-.13.08-.21.1s-.18.05-.28.07c-.1.02-.21.04-.33.05-.12.01-.23.03-.35.04-.13.02-.25.04-.36.08-.11.03-.21.08-.29.13s-.14.12-.19.2c-.04.08-.07.17-.07.27,0,.12.02.23.06.32.04.09.09.17.16.23.07.06.15.11.24.14.09.03.2.05.31.05.07,0,.15,0,.24-.03.09-.02.19-.04.28-.08s.19-.08.29-.13c.09-.05.18-.12.25-.2.07-.08.13-.16.18-.26.04-.1.07-.21.07-.33v-.68Z"/>
+    <path class="cls-9" d="M114.11,38c-.01.1-.03.22-.06.34-.03.12-.07.24-.13.36s-.13.24-.22.35c-.09.11-.2.21-.33.29s-.28.15-.46.21c-.18.05-.38.08-.6.08-.12,0-.25-.02-.39-.05-.14-.03-.27-.08-.4-.15-.13-.07-.25-.16-.37-.28-.12-.11-.22-.25-.31-.42s-.16-.36-.21-.58c-.05-.22-.08-.47-.08-.76,0-.35.05-.67.15-.95s.23-.52.4-.71c.17-.2.36-.35.58-.45.22-.11.45-.16.7-.16.22,0,.41.02.58.07.17.05.32.11.44.19s.23.17.32.28c.09.1.16.21.21.33.05.11.09.23.12.35.03.12.05.23.05.34h-.68c-.04-.29-.13-.51-.3-.68-.16-.16-.39-.25-.68-.25-.2,0-.37.04-.52.12-.15.08-.27.2-.37.34-.1.15-.17.32-.22.53-.05.21-.07.43-.07.68,0,.28.03.52.08.72.05.2.13.37.22.5s.21.23.36.29c.14.06.3.09.48.09.13,0,.25-.02.36-.07s.21-.11.3-.2c.09-.09.17-.2.23-.33.06-.13.11-.28.13-.44h.68Z"/>
+    <path class="cls-9" d="M115.94,35.89h-1.45v-.63h3.62v.63h-1.45v3.6h-.72v-3.6Z"/>
+    <path class="cls-9" d="M118.84,36.52c0-.26.06-.48.14-.66.09-.18.21-.32.36-.43.15-.11.33-.19.54-.24.21-.05.44-.07.68-.07.2,0,.4.02.59.06.19.04.36.11.51.2s.27.21.36.36c.09.15.14.33.14.54v2.46c0,.07.02.13.05.18s.1.07.18.07c.04,0,.07,0,.11,0,.04,0,.08-.01.12-.02v.5c-.06.02-.12.03-.18.04-.06.01-.13.02-.21.02-.12,0-.23-.01-.32-.03-.09-.02-.17-.06-.23-.1s-.11-.11-.14-.19c-.03-.08-.06-.17-.07-.29-.09.1-.18.19-.28.27s-.21.16-.33.22c-.12.06-.26.11-.41.15s-.32.05-.51.05c-.16,0-.32-.03-.47-.08s-.29-.13-.41-.23c-.12-.1-.22-.23-.29-.38-.07-.15-.11-.33-.11-.53,0-.22.04-.41.11-.57.07-.16.17-.29.29-.4.12-.11.25-.19.4-.25.15-.06.31-.1.46-.12l1.18-.15c.11-.01.2-.06.27-.13.06-.08.1-.2.1-.36,0-.26-.08-.44-.25-.55-.17-.11-.41-.17-.72-.17s-.56.07-.71.2c-.16.14-.25.34-.27.61h-.67ZM121.44,37.34c-.06.04-.13.08-.21.1s-.18.05-.28.07c-.1.02-.21.04-.33.05-.12.01-.23.03-.35.04-.13.02-.25.04-.36.08-.11.03-.21.08-.29.13s-.14.12-.19.2c-.04.08-.07.17-.07.27,0,.12.02.23.06.32.04.09.09.17.16.23.07.06.15.11.24.14.09.03.2.05.31.05.07,0,.15,0,.24-.03.09-.02.19-.04.28-.08s.19-.08.29-.13c.09-.05.18-.12.25-.2.07-.08.13-.16.18-.26.04-.1.07-.21.07-.33v-.68Z"/>
+    <path class="cls-9" d="M126.58,33.62s-.01.09-.02.14c0,.06-.03.12-.05.18s-.06.13-.11.19c-.05.06-.11.12-.18.18-.04.03-.08.05-.11.08s-.08.04-.13.06c-.05.02-.12.03-.2.04s-.19.02-.33.02h-.3c-.2.01-.39.06-.55.13-.16.08-.31.19-.43.32-.12.14-.23.31-.31.5-.08.2-.14.41-.18.65.05-.11.12-.21.2-.31s.18-.19.3-.27.26-.15.42-.19.35-.07.57-.07c.24,0,.47.04.69.13s.41.22.57.39c.16.17.29.39.39.65s.15.56.15.9c0,.11,0,.24-.02.39s-.05.32-.09.48-.11.34-.2.5-.2.32-.35.45-.32.24-.53.32-.46.12-.75.12c-.12,0-.25,0-.38-.03-.14-.02-.27-.06-.41-.11s-.27-.13-.39-.22-.24-.22-.35-.36c-.05-.07-.1-.16-.16-.25-.05-.1-.1-.21-.14-.35-.04-.14-.08-.3-.1-.49-.03-.19-.04-.41-.04-.67,0-.17,0-.36.02-.57.02-.21.04-.43.08-.65s.09-.44.16-.64c.07-.21.15-.39.25-.54.11-.17.23-.31.35-.41s.25-.19.38-.25c.14-.06.28-.1.44-.13s.33-.04.51-.05h.25c.08-.01.16-.01.21-.02s.11-.02.15-.03c.04-.02.07-.04.09-.07.02-.03.04-.08.06-.13h.55ZM123.79,37.45c0,.08,0,.17.01.28,0,.11.03.22.06.34.03.12.07.23.12.35s.13.22.22.31c.09.09.2.17.34.22s.29.08.48.08c.21,0,.38-.03.52-.1s.26-.15.35-.26c.09-.11.16-.22.21-.35.05-.13.08-.26.11-.38.02-.12.04-.24.04-.34s0-.18,0-.23c0-.19-.02-.38-.07-.57-.04-.18-.11-.35-.21-.49-.09-.14-.22-.26-.37-.34-.15-.09-.34-.13-.56-.13s-.4.04-.56.13-.29.2-.39.35c-.1.15-.18.32-.23.51-.05.19-.08.4-.08.62Z"/>
+    <path class="cls-9" d="M127.79,35.25h.72v3.25h.02l2.06-3.25h.83v4.24h-.73v-3.25h-.02l-2.06,3.25h-.83v-4.24Z"/>
+    <path class="cls-9" d="M135.31,35.89h-1.61l-.03,1.02c-.02.51-.05.94-.12,1.29-.06.34-.15.62-.26.83-.11.21-.24.36-.39.44-.15.09-.33.13-.53.13-.07,0-.14-.01-.19-.03s-.09-.05-.12-.07v-.64c.1.04.19.06.27.06.05,0,.11,0,.16-.03.05-.02.1-.05.14-.11.05-.05.09-.13.13-.22.04-.1.07-.22.1-.38.03-.16.05-.34.07-.57s.03-.49.04-.79l.04-1.56h3.02v4.24h-.72v-3.6Z"/>
+    <path class="cls-9" d="M137.1,35.25h.72v1.59h1.17c.23,0,.44.03.62.09.18.06.33.15.46.27.13.11.22.25.29.42.07.16.1.35.1.55s-.03.39-.1.55c-.07.16-.16.3-.29.42-.13.12-.28.2-.46.26s-.39.09-.62.09h-1.89v-4.24ZM137.82,38.91h1.03c.12,0,.24-.01.35-.04.11-.03.2-.07.28-.13s.14-.14.18-.23c.04-.09.07-.21.07-.34s-.02-.24-.07-.34c-.05-.09-.11-.17-.19-.23-.08-.06-.18-.1-.3-.13-.12-.03-.25-.04-.39-.04h-.96v1.48Z"/>
+    <path class="cls-9" d="M141.11,35.25h.72v1.71h1.96v-1.71h.73v4.24h-.73v-1.9h-1.96v1.9h-.72v-4.24Z"/>
+    <path class="cls-9" d="M149.24,37.37c0,.35-.04.66-.13.94s-.22.52-.38.71c-.17.2-.37.34-.61.45-.24.1-.52.16-.82.16s-.58-.05-.82-.16c-.24-.1-.44-.25-.61-.45-.17-.2-.3-.43-.38-.71s-.13-.59-.13-.94.04-.65.13-.93c.09-.28.22-.51.38-.71.17-.2.37-.35.61-.45.24-.1.51-.16.82-.16s.58.05.82.16c.24.1.45.25.61.45.17.19.3.43.38.71.09.28.13.59.13.93ZM148.52,37.37c0-.23-.03-.45-.08-.65-.05-.2-.13-.37-.24-.51s-.23-.25-.39-.33c-.15-.08-.33-.12-.53-.12s-.38.04-.53.12c-.15.08-.28.19-.38.33s-.18.31-.24.51c-.05.2-.08.41-.08.65s.03.46.08.66c.05.2.13.37.24.51.1.14.23.25.38.33.15.08.33.12.53.12s.38-.04.53-.12c.15-.08.28-.19.39-.33.1-.14.18-.31.24-.51.05-.2.08-.42.08-.66Z"/>
+    <path class="cls-9" d="M153.63,38.14c-.03.18-.09.37-.19.54s-.22.33-.38.48c-.16.14-.34.25-.56.34-.21.09-.45.13-.71.13-.28,0-.54-.05-.78-.14-.24-.09-.45-.24-.62-.42-.17-.19-.31-.42-.41-.71s-.15-.62-.15-1c0-.26.03-.49.08-.7.06-.21.13-.4.23-.56s.21-.31.33-.43c.13-.12.26-.22.4-.3.14-.08.28-.14.43-.17s.29-.06.42-.06c.29,0,.55.04.79.13s.44.22.62.4c.17.18.3.4.4.67.09.27.14.58.14.94v.36h-3.07c0,.21.03.39.09.56.05.17.13.31.24.43.1.12.23.21.37.28s.31.1.49.1.34-.03.47-.08.24-.12.32-.2c.09-.08.16-.17.21-.27s.1-.2.13-.3h.7ZM152.96,37.05c0-.21-.04-.39-.09-.55-.06-.16-.13-.3-.24-.41s-.22-.19-.36-.25-.3-.08-.47-.08-.32.03-.46.1-.26.15-.37.27c-.1.11-.19.25-.25.41s-.1.33-.11.52h2.35Z"/>
+  </g>
   <path class="cls-9" d="M207.89,106.17h-24.62c-16.21,0-28.54-8.27-36.63-24.59-7.91-15.95-15.88-24.03-23.67-24.03s-15.76,8.09-23.67,24.03c-8.09,16.32-20.42,24.59-36.63,24.59h-24.63v-13.17h1.01v12.16h23.62c15.8,0,27.82-8.09,35.73-24.03,8.09-16.32,16.36-24.59,24.57-24.59s16.48,8.27,24.57,24.59c7.91,15.95,19.93,24.03,35.73,24.03h23.61v-12.16h1.01v13.17Z"/>
-<text x="123.1" y="39.5" font-family="Arial, Helvetica, sans-serif" font-size="8" fill="#231f20" text-anchor="middle">metastable</text><text x="59.9" y="115.2" font-family="Arial, Helvetica, sans-serif" font-size="8" fill="#231f20" text-anchor="middle">stable</text><text x="186.4" y="115.2" font-family="Arial, Helvetica, sans-serif" font-size="8" fill="#231f20" text-anchor="middle">stable</text></svg>
+</svg>

.pic/Introduction/What is HDL/fig_05.drawio.svg

@@ -1,117 +1,117 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="536px" height="221px" viewBox="-0.5 -0.5 536 221" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;QR7426CQi--nARgSUg8b&quot;&gt;7VpNc6M4EP01HOMChPg4TpLZmcNsVapy2N3TlgwyqAYjl8CxnV+/EkiAhElsBjJO1XJwWY0kpO73ulsNFnjYHr8xtMv+pAnOLddOjhZ4tFzXcXz+KwSnRgDCsBGkjCSyTyd4Jq9YCm0p3ZMEl1rHitK8IjtdGNOiwHGlyRBj9KB329Bcf+oOpXggeI5RPpT+RZIqa7cVdTe+Y5Jm8tGhGzQ31ij+mTK6L+TzLBds6qu5vUVqLrnRMkMJPfRE4KsFHhilVfNve3zAuVCtUlsz7o+Ru+26GS6qSwa4zYAXlO+xWnG9ruqkdFHvBov+jgXuDxmp8PMOxeLugRufy7Jqm8vbG1pUDzSnrB4L7Pri8hytcX7fKkd1KWjB57kvK0Z/4nPjNiTPjc7DLcpdv2BW4WNPJLf8DdMtrtiJd5F3gS/Vr+AJZPvQGRtAKct6dm7thiTA0nbuTsn8j9TzeZ2Dgc7RQOm4SL4IHPNWnKOyJLGu584oQktcE+z0t2isbBsowT+1ADihEjwe+/0fT/3WE2aE7wQzKRSGlLx07QUMi3KSFlyW4031llErxFKstN+IcKKRd9TKd/bKhVGoWfrOGVr6nKGVjOEcVeRFdwvnjC9X8UQJ30C7BDfUgebZBn5KumcxlqP6PDUm8j0DsZ4xUaOnNyZSHelmU2KtT43XVn0XQdgbQHj9P4THIHwVXm8KreFEtJr+dTDRx6IVvh/krgPr3EiaDp2PAUbgGt4njFaRZ3cXnIaT0DbmjS7DyQQM+AMMlPvtEAZc3z+EEXXrG0wXiQbhyeIXKd6SJBEz3DNckle0rmcTdt2JhddbgfcWfJzNJw3xoiBupkBtiixXZfXTzBEn5AQwmgU2dwBo5nUM685C7mBg2JifAE4zMPyTxY4gCH5rrhM4htOPeCg3ZpnqGLwLHcNCASS8KoBI41+MLXwklch87oS+PCnQMh/e7hIf0Tj1Gmba02VSehbFfcTEJOq9gxmXJxCHiXcO8qG7Br4/waVJ6DSQsfoHgP6ZwIE3FSlh9E5Eu5QB0AyNwWUM4CBEp143GYJGF+yZrLXtN9dl9gcBNMjVrGAq1aJlqaa4IbhmQ50gwI4+JUM0Ong3RYcxdF1NBy/UT0ZeYKScS9FhZnir6RcOJbYWRfzQnS2K+GEwiSQ6GTZhjOP4HBnWIfTgnJnxhWHktngzWxgxeQNtbxX1r0VYBIzlq/P/aL3A6A/tmVmnKsQLRxWDK8G0jOt3U+WG06sxYP1yeuWZZ9OlmDA3st1FkT2GrDbOrEJXP7HAqyPN7EWzvqu/MfxC88XTVL8+qMgtVzlzhu+rPgRiyqk6ulOd5FNnx9gN5w5n6jATfWSo5wp6dckTNeCrM4kp+Bu+bEJFMoBgmaGd+CtseMlb6iWre8u8tYYG5z0FmB6u/DO4MmPklHfWzvAdypFvzzSCqozXNfQnWpKKUK1C3n7vINSUoDJr/YKqiMZcQYK3fXuNFtyV0bfHVHyHssI5jismuq5ympL43xRVuOz952PoDjMk13Ws0WLCIaOMvHIZUs/Pje20a/wkwDFrSf4QOI59Bjn+9cjhze7rlYbt3RdC4Ot/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="536px" height="221px" viewBox="-0.5 -0.5 536 221" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;QR7426CQi--nARgSUg8b&quot;&gt;7VpNc6M4EP01HOMChPg4TpLZmcNsVapy2N3TlgwyqAYjl8CxnV+/EkiAhElsBjJO1XJwWY0kpO73ulsNFnjYHr8xtMv+pAnOLddOjhZ4tFzXcXz+KwSnRgDCsBGkjCSyTyd4Jq9YCm0p3ZMEl1rHitK8IjtdGNOiwHGlyRBj9KB329Bcf+oOpXggeI5RPpT+RZIqa7cVdTe+Y5Jm8tGhGzQ31ij+mTK6L+TzLBds6qu5vUVqLrnRMkMJPfRE4KsFHhilVfNve3zAuVCtUlsz7o+Ru+26GS6qSwa4zYAXlO+xWnG9ruqkdFHvBov+jgXuDxmp8PMOxeLugRufy7Jqm8vbG1pUDzSnrB4L7Pri8hytcX7fKkd1KWjB57kvK0Z/4nPjNiTPjc7DLcpdv2BW4WNPJLf8DdMtrtiJd5F3gS/Vr+AJZPvQGRtAKct6dm7thiTA0nbuTsn8j9TzeZ2Dgc7RQOm4SL4IHPNWnKOyJLGu584oQktcE+z0t2isbBsowT+1ADihEjwe+/0fT/3WE2aE7wQzKRSGlLx07QUMi3KSFlyW4031llErxFKstN+IcKKRd9TKd/bKhVGoWfrOGVr6nKGVjOEcVeRFdwvnjC9X8UQJ30C7BDfUgebZBn5KumcxlqP6PDUm8j0DsZ4xUaOnNyZSHelmU2KtT43XVn0XQdgbQHj9P4THIHwVXm8KreFEtJr+dTDRx6IVvh/krgPr3EiaDp2PAUbgGt4njFaRZ3cXnIaT0DbmjS7DyQQM+AMMlPvtEAZc3z+EEXXrG0wXiQbhyeIXKd6SJBEz3DNckle0rmcTdt2JhddbgfcWfJzNJw3xoiBupkBtiixXZfXTzBEn5AQwmgU2dwBo5nUM685C7mBg2JifAE4zMPyTxY4gCH5rrhM4htOPeCg3ZpnqGLwLHcNCASS8KoBI41+MLXwklch87oS+PCnQMh/e7hIf0Tj1Gmba02VSehbFfcTEJOq9gxmXJxCHiXcO8qG7Br4/waVJ6DSQsfoHgP6ZwIE3FSlh9E5Eu5QB0AyNwWUM4CBEp143GYJGF+yZrLXtN9dl9gcBNMjVrGAq1aJlqaa4IbhmQ50gwI4+JUM0Ong3RYcxdF1NBy/UT0ZeYKScS9FhZnir6RcOJbYWRfzQnS2K+GEwiSQ6GTZhjOP4HBnWIfTgnJnxhWHktngzWxgxeQNtbxX1r0VYBIzlq/P/aL3A6A/tmVmnKsQLRxWDK8G0jOt3U+WG06sxYP1yeuWZZ9OlmDA3st1FkT2GrDbOrEJXP7HAqyPN7EWzvqu/MfxC88XTVL8+qMgtVzlzhu+rPgRiyqk6ulOd5FNnx9gN5w5n6jATfWSo5wp6dckTNeCrM4kp+Bu+bEJFMoBgmaGd+CtseMlb6iWre8u8tYYG5z0FmB6u/DO4MmPklHfWzvAdypFvzzSCqozXNfQnWpKKUK1C3n7vINSUoDJr/YKqiMZcQYK3fXuNFtyV0bfHVHyHssI5jismuq5ympL43xRVuOz952PoDjMk13Ws0WLCIaOMvHIZUs/Pje20a/wkwDFrSf4QOI59Bjn+9cjhze7rlYbt3RdC4Ot/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="87" y="0" width="350" height="220" rx="33" ry="33" fill="none" stroke="#000000" pointer-events="all"/>
-        <path d="M 7 70 L 81.68 69.96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 86.93 69.96 L 79.93 73.46 L 81.68 69.96 L 79.93 66.46 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="87" y="0" width="350" height="220" rx="33" ry="33" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 7 70 L 81.68 69.96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 86.93 69.96 L 79.93 73.46 L 81.68 69.96 L 79.93 66.46 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 80px; margin-left: 39px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 a
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="39" y="86" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="39" y="86" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     a
                 </text>
             </switch>
         </g>
-        <path d="M 7 150 L 80.63 150" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 85.88 150 L 78.88 153.5 L 80.63 150 L 78.88 146.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 7 150 L 80.63 150" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 85.88 150 L 78.88 153.5 L 80.63 150 L 78.88 146.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 160px; margin-left: 39px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 b
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="39" y="166" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="39" y="166" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     b
                 </text>
             </switch>
         </g>
-        <path d="M 447 59.94 L 520.63 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 525.88 60 L 518.88 63.49 L 520.63 60 L 518.88 56.49 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 447 59.94 L 520.63 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 525.88 60 L 518.88 63.49 L 520.63 60 L 518.88 56.49 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 70px; margin-left: 449px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sum
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="449" y="76" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="449" y="76" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     sum
                 </text>
             </switch>
         </g>
-        <path d="M 437 160.01 L 520.63 160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 525.88 160 L 518.88 163.5 L 520.63 160 L 518.88 156.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 437 160.01 L 520.63 160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 525.88 160 L 518.88 163.5 L 520.63 160 L 518.88 156.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 170px; margin-left: 449px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 carry
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="449" y="176" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="449" y="176" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     carry
                 </text>
             </switch>
         </g>
-        <path d="M 82.1 69.96 L 137 70 L 137 45 L 227 45" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 137 70 L 137 145 L 246.7 144.72" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 87 150.04 L 117 150 L 117 175 L 247 174.96" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 117 150 L 117 75 L 227 75" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 309.4 60 L 447 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 437 160 L 307 160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 247 120 Q 307 120 307 160 Q 307 200 247 200 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 82.1 69.96 L 137 70 L 137 45 L 227 45" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 137 70 L 137 145 L 246.7 144.72" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 87 150.04 L 117 150 L 117 175 L 247 174.96" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 117 150 L 117 75 L 227 75" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 309.4 60 L 447 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 437 160 L 307 160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 247 120 Q 307 120 307 160 Q 307 200 247 200 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 160px; margin-left: 248px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 and
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="277" y="166" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="277" y="166" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     and
                 </text>
             </switch>
         </g>
-        <path d="M 307 60 L 327 60 M 227 45 L 250 45 M 227 75 L 250 75" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 237 30 C 247.72 48.56 247.72 71.44 237 90" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 267 30 C 284.47 30.56 300.06 42.25 307 60 C 300.06 77.75 284.47 89.44 267 90 L 242 90 C 252.72 71.44 252.72 48.56 242 30 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 307 60 L 327 60 M 227 45 L 250 45 M 227 75 L 250 75" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 237 30 C 247.72 48.56 247.72 71.44 237 90" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 267 30 C 284.47 30.56 300.06 42.25 307 60 C 300.06 77.75 284.47 89.44 267 90 L 242 90 C 252.72 71.44 252.72 48.56 242 30 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 60px; margin-left: 277px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 xor
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="277" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="277" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     xor
                 </text>
             </switch>

.pic/Labs/lab_01_adder.drawio.svg

@@ -1,20 +1,20 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="148px" height="825px" viewBox="-0.5 -0.5 148 825" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;co2t6UdU7oTB4HldX3ae&quot;&gt;7ZlNc9owEIZ/Dcd4tPrWMUnb9NJpZ3Lo2bUV49ZY1IhA+uu7tmWwgCSdhnRKCweP9UrWyq+e9WKYsOvZ+qZJ59MPLrfVhJJ8PWFvJpQCSDy2wkMvMK17oWjKPIzZCrflDxuLyzK3i0jyzlW+nMdi5uraZj7S0qZxq3jYnavioPO0sHvCbZZW++rnMvfTXtVUbfX3tiymfnO7pu/5kmbfisYt6xBvQtld9+m7Z+kwF+mFxTTN3WoksbcTdt045/uz2fraVq2zg2v9de8e6d2su7G1/5ULaH/BfVot7bDibl3+YfDC1vllaym2alejeDX1swpbgKfdrdp2MoKtO1f7sJfAsb3waTMIEts41aiVuVmZhSsXvnHf7LWrXNNFZaT7YM/Xsii6pZBEhBCHhvUTDJtFN8rHeZqVvqUQunF3ZVXtavumBR9tHmESLLyxbmZ984ADVls4RNjR6YiLQWtslfryPoYrDYwWm+k2ET65EldCScgmzUgipWLSEKI0YYHCkFpGkAQUVYwDpQoGRofpF27ZZDbMOCZhJ4gyKhHcCKkNY1yDiYNwSCQI4IKBElzIOAjuc2H9XhA8Gdm1lToIDwPJzkCePJBEJUxzhZ1GaqX57wGpgSdANEcgFZGc7gAJIjGcMqUNoYQL+lpA8jOQJw8k5Qk3xkiliKJAT5pHcWo8/r/caQ0JFmRCmdTAlNKvUZmRt4RKI4FyLQXnr1aZ5Rm8/wy8F5X544GnTg28cwV+pQr8kveg4/Gozzz+/Ty+qGie2DuzOQCkrNDPqy94Uvhuu3qhRSFCVX5fuqHjYtGBdokDQM3X/WWhfzvRZi5cVj9dHALlUdidxPB27eNsiCkO2dIStyOlVVnU2MwQOIv61b1tfJml1WXomJV53oa5Wk1Lb2+R1zbmqknnz+Zc4zyy5tpZLqgiO3n2WPoc/Lrxotxpb8mun8yeDXk8IRwfhSCUkJufTUalWRHglGhNpTThnWGUeZQl+ADloMNxPw9B4tMU6zvVHJQUjD+egRG6T3AK5PknZ7xRh7ZyxM4hcw9vwxEsp4zJyGUBbM9X0EewCY5s06Mp9se823ky8qGGjp07gnH0nzPOMB05x/g+c2I/ec0RzPyFX2JPzUwaJzCAOMAhHMNObG7/xOlL+vZ/Mvb2Jw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="148px" height="825px" viewBox="-0.5 -0.5 148 825" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;co2t6UdU7oTB4HldX3ae&quot;&gt;7ZlNc9owEIZ/Dcd4tPrWMUnb9NJpZ3Lo2bUV49ZY1IhA+uu7tmWwgCSdhnRKCweP9UrWyq+e9WKYsOvZ+qZJ59MPLrfVhJJ8PWFvJpQCSDy2wkMvMK17oWjKPIzZCrflDxuLyzK3i0jyzlW+nMdi5uraZj7S0qZxq3jYnavioPO0sHvCbZZW++rnMvfTXtVUbfX3tiymfnO7pu/5kmbfisYt6xBvQtld9+m7Z+kwF+mFxTTN3WoksbcTdt045/uz2fraVq2zg2v9de8e6d2su7G1/5ULaH/BfVot7bDibl3+YfDC1vllaym2alejeDX1swpbgKfdrdp2MoKtO1f7sJfAsb3waTMIEts41aiVuVmZhSsXvnHf7LWrXNNFZaT7YM/Xsii6pZBEhBCHhvUTDJtFN8rHeZqVvqUQunF3ZVXtavumBR9tHmESLLyxbmZ984ADVls4RNjR6YiLQWtslfryPoYrDYwWm+k2ET65EldCScgmzUgipWLSEKI0YYHCkFpGkAQUVYwDpQoGRofpF27ZZDbMOCZhJ4gyKhHcCKkNY1yDiYNwSCQI4IKBElzIOAjuc2H9XhA8Gdm1lToIDwPJzkCePJBEJUxzhZ1GaqX57wGpgSdANEcgFZGc7gAJIjGcMqUNoYQL+lpA8jOQJw8k5Qk3xkiliKJAT5pHcWo8/r/caQ0JFmRCmdTAlNKvUZmRt4RKI4FyLQXnr1aZ5Rm8/wy8F5X544GnTg28cwV+pQr8kveg4/Gozzz+/Ty+qGie2DuzOQCkrNDPqy94Uvhuu3qhRSFCVX5fuqHjYtGBdokDQM3X/WWhfzvRZi5cVj9dHALlUdidxPB27eNsiCkO2dIStyOlVVnU2MwQOIv61b1tfJml1WXomJV53oa5Wk1Lb2+R1zbmqknnz+Zc4zyy5tpZLqgiO3n2WPoc/Lrxotxpb8mun8yeDXk8IRwfhSCUkJufTUalWRHglGhNpTThnWGUeZQl+ADloMNxPw9B4tMU6zvVHJQUjD+egRG6T3AK5PknZ7xRh7ZyxM4hcw9vwxEsp4zJyGUBbM9X0EewCY5s06Mp9se823ky8qGGjp07gnH0nzPOMB05x/g+c2I/ec0RzPyFX2JPzUwaJzCAOMAhHMNObG7/xOlL+vZ/Mvb2Jw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 34.67 607.17 L 1.55 598.62" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 564.38 L 18.11 572.94" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 581.5 L 18.11 572.94" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 538.71 L 1.55 547.27" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 538.71 L 34.67 564.38" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 581.5 L 34.67 607.17" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 1.55 547.27 L 1.55 598.62" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 34.67 607.17 L 1.55 598.62" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 564.38 L 18.11 572.94" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 581.5 L 18.11 572.94" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 538.71 L 1.55 547.27" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 538.71 L 34.67 564.38" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 581.5 L 34.67 607.17" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 1.55 547.27 L 1.55 598.62" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="-1.95" y="564.7" width="23.8" height="16.17" fill="none" stroke="none" transform="rotate(-270,9.95,572.79)" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)rotate(-270 9.949070977331644 572.7883423035521)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 573px; margin-left: -1px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <b>
                                     <font style="font-size: 17px;">
                                         +
@@ -24,13 +24,13 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="10" y="577" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
+                <text x="10" y="577" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     +
                 </text>
             </switch>
         </g>
-        <rect x="142" y="0" width="5" height="9" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
-        <rect x="130" y="815" width="11" height="9" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
+        <rect x="142" y="0" width="5" height="9" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
+        <rect x="130" y="815" width="11" height="9" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Labs/lab_01_adder/column_add_bin.drawio.svg

@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="109px" height="152px" viewBox="-0.5 -0.5 109 152" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;65sb-ySDd8tBn1LYyOTq&quot;&gt;tVbbctsgEP0aPcaDhKXYj74k6UPbyYw70/YRS2uJCRIuwrd+fUGgC5acJmPbDzYcYHfZPYe1hxf58UWQbfaNJ8C8ACVHDy+9IPD9SH1r4GQAPJkYIBU0sXtaYEX/ggWRRXc0gdLZKDlnkm5dMOZFAbF0MCIEP7jbNpy5XrckhR6wignroz9pIrPmWtN24QvQNLOuJ8GjWViT+C0VfFdYf16AN9XHLOektmUvWmYk4YcOhJ88vBCcSzPKjwtgOrV12sy55wurTdwCCvmRA4E5sCdsB3XEEVNH5wnd6/jkyeYk+rPTQc03vJAPZVWxmdqAo60q+rxdV6PU/pJ8qwbFutQ/yPdr0yqcynqz8S4OfXQjh+EFhz5CqLa1FtfGPhho4FgNJBw1nsmcKcBXw1IK/gYLzrhQSMEL0F4pY2cQYTQt1FQYzs73ICRVfJ9ZPKdJor3MDxmVsNqSWLs8KHErrOIzaMYge6dnklOmtf11F9OEqCgXvCh5ZUGvW0XjSIeojNEi7ZyuY1PiQNWnuWuXuJbLOlI4diBL5BfgOUhxUlvs6ji0orKPzhhhMz+0Ep6GBso64vVrMRL7aqSN6VY5amDFMywkfFFI+sZXkWM0Oqe2FzjE63HIuHyfREOF7hDLqfKC7wQFTfHvcBgo8Tm7LhXZUuEHV86WD8H0RnWPQqfueIp6dZ+ggbrfoOzjgbKf5RuKZKZbUivGTppdaRk11x0Hv5dJR/fdFZVHcfqlDY6mU78GfldA9DiugeXR+jSzU3f2CoKqTICw4MUaSSJSkE4ngcTprP2idYoSDhSlxgQwIune7cdDlbIeXjmtZNZw4uwtmIxdE6WidAz2VLdBnhkKx/8xZHLQM1QRp7n2h7gU3uMJQRuj8BbrPdkD3eizj8kVHSlWpNJMu7Yl3a2pRG79a6J3eBxM+jzGn39c1LT942f40/65xk//AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="109px" height="152px" viewBox="-0.5 -0.5 109 152" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;65sb-ySDd8tBn1LYyOTq&quot;&gt;tVbbctsgEP0aPcaDhKXYj74k6UPbyYw70/YRS2uJCRIuwrd+fUGgC5acJmPbDzYcYHfZPYe1hxf58UWQbfaNJ8C8ACVHDy+9IPD9SH1r4GQAPJkYIBU0sXtaYEX/ggWRRXc0gdLZKDlnkm5dMOZFAbF0MCIEP7jbNpy5XrckhR6wignroz9pIrPmWtN24QvQNLOuJ8GjWViT+C0VfFdYf16AN9XHLOektmUvWmYk4YcOhJ88vBCcSzPKjwtgOrV12sy55wurTdwCCvmRA4E5sCdsB3XEEVNH5wnd6/jkyeYk+rPTQc03vJAPZVWxmdqAo60q+rxdV6PU/pJ8qwbFutQ/yPdr0yqcynqz8S4OfXQjh+EFhz5CqLa1FtfGPhho4FgNJBw1nsmcKcBXw1IK/gYLzrhQSMEL0F4pY2cQYTQt1FQYzs73ICRVfJ9ZPKdJor3MDxmVsNqSWLs8KHErrOIzaMYge6dnklOmtf11F9OEqCgXvCh5ZUGvW0XjSIeojNEi7ZyuY1PiQNWnuWuXuJbLOlI4diBL5BfgOUhxUlvs6ji0orKPzhhhMz+0Ep6GBso64vVrMRL7aqSN6VY5amDFMywkfFFI+sZXkWM0Oqe2FzjE63HIuHyfREOF7hDLqfKC7wQFTfHvcBgo8Tm7LhXZUuEHV86WD8H0RnWPQqfueIp6dZ+ggbrfoOzjgbKf5RuKZKZbUivGTppdaRk11x0Hv5dJR/fdFZVHcfqlDY6mU78GfldA9DiugeXR+jSzU3f2CoKqTICw4MUaSSJSkE4ngcTprP2idYoSDhSlxgQwIune7cdDlbIeXjmtZNZw4uwtmIxdE6WidAz2VLdBnhkKx/8xZHLQM1QRp7n2h7gU3uMJQRuj8BbrPdkD3eizj8kVHSlWpNJMu7Yl3a2pRG79a6J3eBxM+jzGn39c1LT942f40/65xk//AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
         <rect x="20.3" y="44.1" width="66.5" height="84" fill="none" stroke="none" pointer-events="all"/>
@@ -7,7 +7,7 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 97px; height: 1px; padding-top: 123px; margin-left: 27px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <div style="font-size: 36px;">
                                     011
                                 </div>
@@ -22,7 +22,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="124" y="134" fill="#000000" font-family="Lucida Console" font-size="36px" text-anchor="end">
+                <text x="124" y="134" fill="#000000" font-family="Lucida Console" font-size="36px" text-anchor="end" style="fill: light-dark(#000000, #ffffff);">
                     011...
                 </text>
             </switch>
@@ -33,7 +33,7 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-end; width: 78px; height: 1px; padding-top: 28px; margin-left: 44px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 36px;">
                                     ..
                                     <br/>
@@ -42,19 +42,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="122" y="64" fill="#000000" font-family="Courier New" font-size="36px" text-anchor="end">
+                <text x="122" y="64" fill="#000000" font-family="Courier New" font-size="36px" text-anchor="end" style="fill: light-dark(#000000, #ffffff);">
                     ..
                 </text>
             </switch>
         </g>
-        <path d="M 27.3 100.8 L 86.2 100.72" fill="none" stroke="#000000" stroke-width="2.1" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 27.3 100.8 L 86.2 100.72" fill="none" stroke="#000000" stroke-width="2.1" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="24.5" y="57.4" width="19.6" height="21" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 26px; height: 1px; padding-top: 97px; margin-left: 36px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font face="Lucida Console" style="font-size: 36px;">
                                     +
                                 </font>
@@ -62,7 +62,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="49" y="101" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="49" y="101" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     +
                 </text>
             </switch>

.pic/Labs/lab_01_adder/column_add_dec.drawio.svg

@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="111px" height="152px" viewBox="-0.5 -0.5 111 152" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;WJUam-jcV-nc5blzprv4&quot;&gt;zVZNj5swEP01HHdFcEjIMbAfPbRVpVTq2QsTsNbY1JiQ9NfXxuYrkG1Wu5HKITFv7JnxzHs2Dory47PARfaNJ0Adz02ODnpwPG+xWKlfDZwMgILAAKkgiZ3TAzvyByzoWrQiCZSjiZJzKkkxBmPOGMRyhGEheD2etud0HLXAKUyAXYzpFP1FEpl129r0hi9A0syGDry1Mbzg+DUVvGI2nuOhffMYc45bX3ajZYYTXg8g9OigSHAuzSg/RkB1aduymXVPF6xd3gKYvGaBZxYcMK2gzXhF1dIwIQednzzZmqx+VzqpcM+ZvCubjm3VBLQqVNPD3q5Gqf53l50rFb7xZgyfFmC9uW2AhS6ncfUiPuTpUp7eyKsn4ajxTOZUAQs1LKXgrxBxyoVCGGegoxJKzyBMScrUa6zaDgoPDyAkUXzeWkNOkkSHCeuMSNgVONYxayVehTV8Bc0I127qCeeEau1+rWKSYJVmxFnJGw/abhWLVjpH5YywdLC6TU6R322ebrNDYlqu6kzhOIAsUZ+B5yDFSU2x1sD3zRJ7qCx9ZN7rXqKB1VU2EOeiFRu2p0Laue6VoQZWHPNCQReFonf8IXbc36sRznUn2EtZNBZ3yLwJiUzIt1k01+gBs0ZdjnglCGiOf4d6psUTel3qsuVCyKXkuWWExX5ylcHDnRfciAxL9zoyfAIXljNcOGsCsGSr76FeooPaj/VmNN5eM+it6o5Og6vUBcnoopuWc1Auf6ZcLSaAYkkO4+txroY2wg9OGlW03Wq7Y7vlo+XYRakYGINdNbyvzhxt0D8cSSxSkBNHTUu7bV/VZf8Winf3RpA9NjlhZ26P92r/P7hBbnUHoDPZr72J7NEMj9H7Za9e++8ww5/+Wxc9/gU=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="111px" height="152px" viewBox="-0.5 -0.5 111 152" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;WJUam-jcV-nc5blzprv4&quot;&gt;zVZNj5swEP01HHdFcEjIMbAfPbRVpVTq2QsTsNbY1JiQ9NfXxuYrkG1Wu5HKITFv7JnxzHs2Dory47PARfaNJ0Adz02ODnpwPG+xWKlfDZwMgILAAKkgiZ3TAzvyByzoWrQiCZSjiZJzKkkxBmPOGMRyhGEheD2etud0HLXAKUyAXYzpFP1FEpl129r0hi9A0syGDry1Mbzg+DUVvGI2nuOhffMYc45bX3ajZYYTXg8g9OigSHAuzSg/RkB1aduymXVPF6xd3gKYvGaBZxYcMK2gzXhF1dIwIQednzzZmqx+VzqpcM+ZvCubjm3VBLQqVNPD3q5Gqf53l50rFb7xZgyfFmC9uW2AhS6ncfUiPuTpUp7eyKsn4ajxTOZUAQs1LKXgrxBxyoVCGGegoxJKzyBMScrUa6zaDgoPDyAkUXzeWkNOkkSHCeuMSNgVONYxayVehTV8Bc0I127qCeeEau1+rWKSYJVmxFnJGw/abhWLVjpH5YywdLC6TU6R322ebrNDYlqu6kzhOIAsUZ+B5yDFSU2x1sD3zRJ7qCx9ZN7rXqKB1VU2EOeiFRu2p0Laue6VoQZWHPNCQReFonf8IXbc36sRznUn2EtZNBZ3yLwJiUzIt1k01+gBs0ZdjnglCGiOf4d6psUTel3qsuVCyKXkuWWExX5ylcHDnRfciAxL9zoyfAIXljNcOGsCsGSr76FeooPaj/VmNN5eM+it6o5Og6vUBcnoopuWc1Auf6ZcLSaAYkkO4+txroY2wg9OGlW03Wq7Y7vlo+XYRakYGINdNbyvzhxt0D8cSSxSkBNHTUu7bV/VZf8Winf3RpA9NjlhZ26P92r/P7hBbnUHoDPZr72J7NEMj9H7Za9e++8ww5/+Wxc9/gU=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
         <rect x="34.3" y="43.4" width="56" height="84" fill="none" stroke="none" pointer-events="all"/>
@@ -7,7 +7,7 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 82px; height: 1px; padding-top: 122px; margin-left: 48px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <div style="font-size: 36px;">
                                     042
                                 </div>
@@ -22,7 +22,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="89" y="133" fill="#000000" font-family="Lucida Console" font-size="36px" text-anchor="middle">
+                <text x="89" y="133" fill="#000000" font-family="Lucida Console" font-size="36px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     042...
                 </text>
             </switch>
@@ -33,7 +33,7 @@
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 28px; margin-left: 50px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 36px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 36px;">
                                     ..
                                     <br/>
@@ -42,19 +42,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="89" y="64" fill="#000000" font-family="Courier New" font-size="36px" text-anchor="middle">
+                <text x="89" y="64" fill="#000000" font-family="Courier New" font-size="36px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     ..
                 </text>
             </switch>
         </g>
-        <path d="M 23.8 100.1 L 86.8 100.1" fill="none" stroke="#000000" stroke-width="2.1" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 23.8 100.1 L 86.8 100.1" fill="none" stroke="#000000" stroke-width="2.1" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="20.3" y="56.7" width="21" height="21" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)scale(0.7)">
             <switch>
                 <foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 96px; margin-left: 30px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font face="Lucida Console" style="font-size: 36px;">
                                     +
                                 </font>
@@ -62,7 +62,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="44" y="100" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="44" y="100" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     +
                 </text>
             </switch>

.pic/Labs/lab_01_adder/fig_01.drawio.svg

@@ -1,119 +1,119 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="576px" height="261px" viewBox="-0.5 -0.5 576 261" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;emShBatAdbiHMIASs2aF&quot;&gt;7VpLc6M4EP41HOMCxPM4SeZx2K1KVQ67e0rJIINqMHIJObbz61cCCSMBic1C1lM1PrhQSwip+/u6mxYWeNgev1O4y/8kKSos106PFni0XNdxAv4vBKdGAKKoEWQUp3LMWfCM35AU2lK6xymqtIGMkILhnS5MSFmihGkySCk56MM2pNCfuoMZ6gmeE1j0pX/hlOXttuJzxw+Es1w+OnLDpmMNk58ZJftSPs9ywab+Nd1bqOaSG61ymJJDRwS+WuCBEsKaq+3xARVCtUptzX3fRnrbdVNUsktucJsbXmGxR2rF9brYSemi3g0S4x0L3B9yzNDzDiai98CNz2U52xaye0NK9kAKQut7gV3/uLyAa1Tct8pRQ0pS8nnuK0bJTzR03wYXhTG4v0W561dEGTp2RHLL3xHZIkZPfIjsBYFUv4InkO3D2djAl7K8Y+fWblACLGvnPiuZX0g9D+sc9HQOX3BP7ahMvwgk81ZSwKrCia7ps1mEnrgu6Olv0VjZNlCCf2oBcCIleDx2xz+euq0nRDHfC6JSKEwpmenaC5gWFjgruaxAG/aeWRmkGVL6b0Qo1eg7auc7e+X6caTZ+s7p23rI1EpGUQEZftUdw5D55SqeCOYbaJfgRjrUPNtAUEX2NEHyri5TjYkCz8CsZ0zU6OmdidRAstlUSBtTI7ZV30Ug9nogXv8G8TiIr0LsTeE1mohX08f2JvpcvPofB7rrwDo3kqZD53OAEbqG/4niVezZ558/DSeRbcwbX4aTCRgIehio9tsX0gcC1/gfwoy6/Q2ui3QD85TxixRvcZqKGe4pqvAbXNezCcvuxNLrzfj3lv84m1fqI0aB3EyE2kRZrsrqJpsjbsgJ/XgW4NwBoBnYMew7C73DnmkT/h5wGjLu1Sz/xeJHGIb/a8YTOobjj3k4N2aZ6hy8C53DQkEkuiqISONfjC10xExkP3dCX54UaNkPb5+TH9E4dRpm6nPOpvRMinuJiYnURy9oXJ76KEq9IchH7hoEwQSnJqHTQMbqvgZ03wwc/6aipR9/ENUuZYBvhsfwMgZwEMJTZ5gMQqML9kzW2va76zLHg9A3yNWsYCrV4mWpprghuGb7OkGAHd8yQypucaY2TriClOwbLtTuR1mkUca7KcqMIfBqyniR/gblhUZquhRlZqaAmn7hcKOuG/AHkTtbpAmicBKRdMJsogQlyRBh1pHv+XPmzxeGmtvizWyhxuSNb3uruPtbhEXAWL6qE4zWFYzxvj0z61Q1eeHIY3AlnJaVfRJV5os5t5WmjYHvP6dpnvmWuxRb5ka/uyj6x9DXxqJV5OpvPv7V0Wj2Alw3HNwYfn3zIGuq7+9V95arwjn9869PgZhyvI7ueCf53dkxdsP5xUA9Z6KPjPR8Qq9SeaKefHW2MQV//aMrWKY9CFY53IlLYcNLTr2XrBIucwruG5z3FGA6uAoGcGXGyCln4E7/PObIt2caQdXY62r8E6kww0SrtbffTwg1pbDKW7+gKqsJV5Dgbddeo6V7ZfTtMRPftaxQgRJGxdBVQTKcvGSQoapzze8hO0ShXNexRosJh5xQ/MZlUD2/MLbTrvEXAY5Zkwr6wHHsAeQE1yOHN89fwzRsP39xBL7+Cw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="576px" height="261px" viewBox="-0.5 -0.5 576 261" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;emShBatAdbiHMIASs2aF&quot;&gt;7VpLc6M4EP41HOMCxPM4SeZx2K1KVQ67e0rJIINqMHIJObbz61cCCSMBic1C1lM1PrhQSwip+/u6mxYWeNgev1O4y/8kKSos106PFni0XNdxAv4vBKdGAKKoEWQUp3LMWfCM35AU2lK6xymqtIGMkILhnS5MSFmihGkySCk56MM2pNCfuoMZ6gmeE1j0pX/hlOXttuJzxw+Es1w+OnLDpmMNk58ZJftSPs9ywab+Nd1bqOaSG61ymJJDRwS+WuCBEsKaq+3xARVCtUptzX3fRnrbdVNUsktucJsbXmGxR2rF9brYSemi3g0S4x0L3B9yzNDzDiai98CNz2U52xaye0NK9kAKQut7gV3/uLyAa1Tct8pRQ0pS8nnuK0bJTzR03wYXhTG4v0W561dEGTp2RHLL3xHZIkZPfIjsBYFUv4InkO3D2djAl7K8Y+fWblACLGvnPiuZX0g9D+sc9HQOX3BP7ahMvwgk81ZSwKrCia7ps1mEnrgu6Olv0VjZNlCCf2oBcCIleDx2xz+euq0nRDHfC6JSKEwpmenaC5gWFjgruaxAG/aeWRmkGVL6b0Qo1eg7auc7e+X6caTZ+s7p23rI1EpGUQEZftUdw5D55SqeCOYbaJfgRjrUPNtAUEX2NEHyri5TjYkCz8CsZ0zU6OmdidRAstlUSBtTI7ZV30Ug9nogXv8G8TiIr0LsTeE1mohX08f2JvpcvPofB7rrwDo3kqZD53OAEbqG/4niVezZ558/DSeRbcwbX4aTCRgIehio9tsX0gcC1/gfwoy6/Q2ui3QD85TxixRvcZqKGe4pqvAbXNezCcvuxNLrzfj3lv84m1fqI0aB3EyE2kRZrsrqJpsjbsgJ/XgW4NwBoBnYMew7C73DnmkT/h5wGjLu1Sz/xeJHGIb/a8YTOobjj3k4N2aZ6hy8C53DQkEkuiqISONfjC10xExkP3dCX54UaNkPb5+TH9E4dRpm6nPOpvRMinuJiYnURy9oXJ76KEq9IchH7hoEwQSnJqHTQMbqvgZ03wwc/6aipR9/ENUuZYBvhsfwMgZwEMJTZ5gMQqML9kzW2va76zLHg9A3yNWsYCrV4mWpprghuGb7OkGAHd8yQypucaY2TriClOwbLtTuR1mkUca7KcqMIfBqyniR/gblhUZquhRlZqaAmn7hcKOuG/AHkTtbpAmicBKRdMJsogQlyRBh1pHv+XPmzxeGmtvizWyhxuSNb3uruPtbhEXAWL6qE4zWFYzxvj0z61Q1eeHIY3AlnJaVfRJV5os5t5WmjYHvP6dpnvmWuxRb5ka/uyj6x9DXxqJV5OpvPv7V0Wj2Alw3HNwYfn3zIGuq7+9V95arwjn9869PgZhyvI7ueCf53dkxdsP5xUA9Z6KPjPR8Qq9SeaKefHW2MQV//aMrWKY9CFY53IlLYcNLTr2XrBIucwruG5z3FGA6uAoGcGXGyCln4E7/PObIt2caQdXY62r8E6kww0SrtbffTwg1pbDKW7+gKqsJV5Dgbddeo6V7ZfTtMRPftaxQgRJGxdBVQTKcvGSQoapzze8hO0ShXNexRosJh5xQ/MZlUD2/MLbTrvEXAY5Zkwr6wHHsAeQE1yOHN89fwzRsP39xBL7+Cw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="107" y="20" width="350" height="220" rx="33" ry="33" fill="none" stroke="#000000" pointer-events="all"/>
-        <path d="M 27 90 L 101.68 89.96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 106.93 89.96 L 99.93 93.46 L 101.68 89.96 L 99.93 86.46 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="107" y="20" width="350" height="220" rx="33" ry="33" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27 90 L 101.68 89.96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 106.93 89.96 L 99.93 93.46 L 101.68 89.96 L 99.93 86.46 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 100px; margin-left: 59px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 a_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="59" y="106" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="59" y="106" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     a_i
                 </text>
             </switch>
         </g>
-        <path d="M 27 170 L 100.63 170" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 105.88 170 L 98.88 173.5 L 100.63 170 L 98.88 166.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 27 170 L 100.63 170" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 105.88 170 L 98.88 173.5 L 100.63 170 L 98.88 166.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 180px; margin-left: 59px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 b_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="59" y="186" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="59" y="186" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     b_i
                 </text>
             </switch>
         </g>
-        <path d="M 467 79.94 L 540.63 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 545.88 80 L 538.88 83.49 L 540.63 80 L 538.88 76.49 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 467 79.94 L 540.63 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 545.88 80 L 538.88 83.49 L 540.63 80 L 538.88 76.49 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 90px; margin-left: 469px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sum_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="469" y="96" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="469" y="96" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     sum_o
                 </text>
             </switch>
         </g>
-        <path d="M 457 180.01 L 540.63 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 545.88 180 L 538.88 183.5 L 540.63 180 L 538.88 176.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 457 180.01 L 540.63 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 545.88 180 L 538.88 183.5 L 540.63 180 L 538.88 176.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 190px; margin-left: 469px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 carry_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="469" y="196" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="469" y="196" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     carry...
                 </text>
             </switch>
         </g>
-        <path d="M 102.1 89.96 L 157 90 L 157 65 L 247 65" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 157 93 L 157 165 L 266.7 164.72" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="157" cy="90" rx="3" ry="3" fill="#82b366" stroke="#82b366" pointer-events="all"/>
-        <path d="M 107 170.04 L 137 170 L 137 195 L 267 194.96" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 137 167 L 137 95 L 247 95" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="137" cy="170" rx="3" ry="3" fill="#b85450" stroke="#b85450" pointer-events="all"/>
-        <path d="M 329.4 80 L 467 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 457 180 L 327 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 267 140 Q 327 140 327 180 Q 327 220 267 220 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 102.1 89.96 L 157 90 L 157 65 L 247 65" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 157 93 L 157 165 L 266.7 164.72" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <ellipse cx="157" cy="90" rx="3" ry="3" fill="#82b366" stroke="#82b366" pointer-events="all" style="fill: light-dark(#82b366, #59883c); stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 107 170.04 L 137 170 L 137 195 L 267 194.96" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 137 167 L 137 95 L 247 95" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <ellipse cx="137" cy="170" rx="3" ry="3" fill="#b85450" stroke="#b85450" pointer-events="all" style="fill: light-dark(#b85450, #c7625d); stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 329.4 80 L 467 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 457 180 L 327 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 267 140 Q 327 140 327 180 Q 327 220 267 220 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 180px; margin-left: 268px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 and
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="297" y="186" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="297" y="186" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     and
                 </text>
             </switch>
         </g>
-        <path d="M 327 80 L 347 80 M 247 65 L 270 65 M 247 95 L 270 95" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 257 50 C 267.72 68.56 267.72 91.44 257 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 287 50 C 304.47 50.56 320.06 62.25 327 80 C 320.06 97.75 304.47 109.44 287 110 L 262 110 C 272.72 91.44 272.72 68.56 262 50 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 327 80 L 347 80 M 247 65 L 270 65 M 247 95 L 270 95" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 257 50 C 267.72 68.56 267.72 91.44 257 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 287 50 C 304.47 50.56 320.06 62.25 327 80 C 320.06 97.75 304.47 109.44 287 110 L 262 110 C 272.72 91.44 272.72 68.56 262 50 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 80px; margin-left: 297px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 xor
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="297" y="86" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="297" y="86" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     xor
                 </text>
             </switch>

.pic/Labs/lab_01_adder/fig_02.drawio.svg

@@ -1,124 +1,124 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="906px" height="431px" viewBox="-0.5 -0.5 906 431" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;XPFL-x7D1o0nVUUXdhvK&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="906px" height="431px" viewBox="-0.5 -0.5 906 431" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;XPFL-x7D1o0nVUUXdhvK&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <rect x="107" y="20" width="660" height="390" rx="58.5" ry="58.5" fill="none" stroke="#000000" pointer-events="all"/>
-        <path d="M 27 118 L 100.63 117.54" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 105.88 117.51 L 98.9 121.05 L 100.63 117.54 L 98.86 114.05 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="107" y="20" width="660" height="390" rx="58.5" ry="58.5" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27 118 L 100.63 117.54" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 105.88 117.51 L 98.9 121.05 L 100.63 117.54 L 98.86 114.05 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 130px; margin-left: 39px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 a_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="39" y="136" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="39" y="136" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     a_i
                 </text>
             </switch>
         </g>
-        <path d="M 27 314 L 100.63 314.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 105.88 314.49 L 98.86 317.95 L 100.63 314.46 L 98.9 310.95 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 27 314 L 100.63 314.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 105.88 314.49 L 98.86 317.95 L 100.63 314.46 L 98.9 310.95 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 330px; margin-left: 39px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 carry_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="39" y="336" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="39" y="336" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     carry...
                 </text>
             </switch>
         </g>
-        <path d="M 187 255 Q 247 255 247 295 Q 247 335 187 335 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 187 255 Q 247 255 247 295 Q 247 335 187 335 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 295px; margin-left: 188px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 and
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="217" y="301" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="217" y="301" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     and
                 </text>
             </switch>
         </g>
-        <path d="M 257 132 L 285 132" fill="none" stroke="#757575" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 237 132 L 257 132 M 157 117 L 180 117 M 157 147 L 180 147" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 167 102 C 177.72 120.56 177.72 143.44 167 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 197 102 C 214.47 102.56 230.06 114.25 237 132 C 230.06 149.75 214.47 161.44 197 162 L 172 162 C 182.72 143.44 182.72 120.56 172 102 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 257 132 L 285 132" fill="none" stroke="#757575" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#757575, #7e7e7e);"/>
+        <path d="M 237 132 L 257 132 M 157 117 L 180 117 M 157 147 L 180 147" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 167 102 C 177.72 120.56 177.72 143.44 167 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 197 102 C 214.47 102.56 230.06 114.25 237 132 C 230.06 149.75 214.47 161.44 197 162 L 172 162 C 182.72 143.44 182.72 120.56 172 102 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 132px; margin-left: 207px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 xor
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="207" y="138" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="207" y="138" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     xor
                 </text>
             </switch>
         </g>
-        <path d="M 767 147.76 L 870.63 147.99" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 875.88 148 L 868.87 151.48 L 870.63 147.99 L 868.89 144.48 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 767 147.76 L 870.63 147.99" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 875.88 148 L 868.87 151.48 L 870.63 147.99 L 868.89 144.48 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 162px; margin-left: 866px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 sum_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="866" y="168" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="end">
+                <text x="866" y="168" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="end" style="fill: light-dark(#000000, #ffffff);">
                     sum_o
                 </text>
             </switch>
         </g>
-        <path d="M 772 345 L 870.63 345" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 875.88 345 L 868.88 348.5 L 870.63 345 L 868.88 341.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 772 345 L 870.63 345" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 875.88 345 L 868.88 348.5 L 870.63 345 L 868.88 341.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 360px; margin-left: 866px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 carry_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="866" y="366" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="end">
+                <text x="866" y="366" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="end" style="fill: light-dark(#000000, #ffffff);">
                     carry...
                 </text>
             </switch>
         </g>
-        <path d="M 27 215 L 100.63 215" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 105.88 215 L 98.88 218.5 L 100.63 215 L 98.88 211.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 27 215 L 100.63 215" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 105.88 215 L 98.88 218.5 L 100.63 215 L 98.88 211.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 231px; margin-left: 38px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <div align="left">
                                     b_i
                                 </div>
@@ -126,103 +126,103 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="38" y="237" fill="#000000" font-family="Helvetica" font-size="20px">
+                <text x="38" y="237" fill="#000000" font-family="Helvetica" font-size="20px" style="fill: light-dark(#000000, #ffffff);">
                     b_i
                 </text>
             </switch>
         </g>
-        <path d="M 365 147 L 385 147 M 285 132 L 308 132 M 285 162 L 308 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 295 117 C 305.72 135.56 305.72 158.44 295 177" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 325 117 C 342.47 117.56 358.06 129.25 365 147 C 358.06 164.75 342.47 176.44 325 177 L 300 177 C 310.72 158.44 310.72 135.56 300 117 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 365 147 L 385 147 M 285 132 L 308 132 M 285 162 L 308 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 295 117 C 305.72 135.56 305.72 158.44 295 177" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 325 117 C 342.47 117.56 358.06 129.25 365 147 C 358.06 164.75 342.47 176.44 325 177 L 300 177 C 310.72 158.44 310.72 135.56 300 117 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 147px; margin-left: 335px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 xor
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="335" y="153" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="335" y="153" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     xor
                 </text>
             </switch>
         </g>
-        <path d="M 107 117.5 L 157 117" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 107 215 L 117 215 L 117 147 L 157 147" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 127 320 L 127 314 L 127 171 L 285 170 L 285 162" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 147 120 L 147 275 L 187 275" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="147" cy="117" rx="3" ry="3" fill="#82b366" stroke="#82b366" pointer-events="all"/>
-        <path d="M 107 314.45 L 187 315" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 297 190 Q 357 190 357 230 Q 357 270 297 270 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 107 117.5 L 157 117" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 107 215 L 117 215 L 117 147 L 157 147" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 127 320 L 127 314 L 127 171 L 285 170 L 285 162" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#6c8ebf, #5c7dad);"/>
+        <path d="M 147 120 L 147 275 L 187 275" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <ellipse cx="147" cy="117" rx="3" ry="3" fill="#82b366" stroke="#82b366" pointer-events="all" style="fill: light-dark(#82b366, #59883c); stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 107 314.45 L 187 315" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#6c8ebf, #5c7dad);"/>
+        <path d="M 297 190 Q 357 190 357 230 Q 357 270 297 270 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 230px; margin-left: 298px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 and
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="327" y="236" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="327" y="236" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     and
                 </text>
             </switch>
         </g>
-        <path d="M 361 320 Q 421 320 421 360 Q 421 400 361 400 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 361 320 Q 421 320 421 360 Q 421 400 361 400 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 360px; margin-left: 362px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 and
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="391" y="366" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="391" y="366" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     and
                 </text>
             </switch>
         </g>
-        <path d="M 150 210 L 297 210" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="147" cy="210" rx="3" ry="3" fill="#82b366" stroke="#82b366" pointer-events="all"/>
-        <path d="M 117 218 L 117 250 L 297 250" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="117" cy="215" rx="3" ry="3" fill="#b85450" stroke="#b85450" pointer-events="all"/>
-        <path d="M 127 317 L 127 320 L 127 314 L 127 340 L 361 340" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="127" cy="314" rx="3" ry="3" fill="#6c8ebf" stroke="#6c8ebf" pointer-events="all"/>
-        <path d="M 117 253 L 117 380 L 361 380" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="117" cy="250" rx="3" ry="3" fill="#b85450" stroke="#b85450" pointer-events="all"/>
-        <path d="M 497 280 L 517 280 M 417 265 L 440 265 M 417 295 L 440 295" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 457 250 C 474.47 250.56 490.06 262.25 497 280 C 490.06 297.75 474.47 309.44 457 310 L 432 310 C 442.72 291.44 442.72 268.56 432 250 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 150 210 L 297 210" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#82b366, #59883c);"/>
+        <ellipse cx="147" cy="210" rx="3" ry="3" fill="#82b366" stroke="#82b366" pointer-events="all" style="fill: light-dark(#82b366, #59883c); stroke: light-dark(#82b366, #59883c);"/>
+        <path d="M 117 218 L 117 250 L 297 250" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <ellipse cx="117" cy="215" rx="3" ry="3" fill="#b85450" stroke="#b85450" pointer-events="all" style="fill: light-dark(#b85450, #c7625d); stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 127 317 L 127 320 L 127 314 L 127 340 L 361 340" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#6c8ebf, #5c7dad);"/>
+        <ellipse cx="127" cy="314" rx="3" ry="3" fill="#6c8ebf" stroke="#6c8ebf" pointer-events="all" style="fill: light-dark(#6c8ebf, #5c7dad); stroke: light-dark(#6c8ebf, #5c7dad);"/>
+        <path d="M 117 253 L 117 380 L 361 380" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#b85450, #c7625d);"/>
+        <ellipse cx="117" cy="250" rx="3" ry="3" fill="#b85450" stroke="#b85450" pointer-events="all" style="fill: light-dark(#b85450, #c7625d); stroke: light-dark(#b85450, #c7625d);"/>
+        <path d="M 497 280 L 517 280 M 417 265 L 440 265 M 417 295 L 440 295" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 457 250 C 474.47 250.56 490.06 262.25 497 280 C 490.06 297.75 474.47 309.44 457 310 L 432 310 C 442.72 291.44 442.72 268.56 432 250 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 280px; margin-left: 467px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 or
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="467" y="286" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="467" y="286" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     or
                 </text>
             </switch>
         </g>
-        <path d="M 247 295 L 417 295" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 247 295 L 417 295" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 281px; margin-left: 318px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 17px;">
                                     AandCarry
                                 </font>
@@ -230,18 +230,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="318" y="287" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="318" y="287" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     AandCarry
                 </text>
             </switch>
         </g>
-        <path d="M 357 230 L 387 230 L 387 265 L 417 265" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 357 230 L 387 230 L 387 265 L 417 265" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 220px; margin-left: 407px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 17px;">
                                     AandB
                                 </font>
@@ -249,18 +249,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="407" y="226" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="407" y="226" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     AandB
                 </text>
             </switch>
         </g>
-        <path d="M 385 147 L 767 147.53" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 385 147 L 767 147.53" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 133px; margin-left: 438px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                 <font style="font-size: 17px;">
                                     AxorBxorCarry
                                 </font>
@@ -268,36 +268,36 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="438" y="136" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="438" y="136" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     AxorBxorCarry
                 </text>
             </switch>
         </g>
-        <path d="M 752 345 L 772 345 M 672 330 L 695 330 M 672 360 L 695 360" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 712 315 C 729.47 315.56 745.06 327.25 752 345 C 745.06 362.75 729.47 374.44 712 375 L 687 375 C 697.72 356.44 697.72 333.56 687 315 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 752 345 L 772 345 M 672 330 L 695 330 M 672 360 L 695 360" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 712 315 C 729.47 315.56 745.06 327.25 752 345 C 745.06 362.75 729.47 374.44 712 375 L 687 375 C 697.72 356.44 697.72 333.56 687 315 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 345px; margin-left: 722px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 or
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="722" y="351" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="722" y="351" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     or
                 </text>
             </switch>
         </g>
-        <path d="M 421 360 L 672 360" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 421 360 L 672 360" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 372px; margin-left: 534px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 17px;">
                                     BandCarry
                                 </font>
@@ -305,18 +305,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="534" y="378" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="534" y="378" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     BandCarry
                 </text>
             </switch>
         </g>
-        <path d="M 517 280 L 517 330 L 672 330" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 517 280 L 517 330 L 672 330" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 315px; margin-left: 603px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 17px;">
                                     AandBorAandCarry
                                 </font>
@@ -324,18 +324,18 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="603" y="321" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="603" y="321" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     AandBorAandCarry
                 </text>
             </switch>
         </g>
-        <path d="M 27 190 L 847 190" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="2 6" pointer-events="stroke"/>
+        <path d="M 27 190 L 847 190" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="2 6" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 116px; margin-left: 262px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 17px;">
                                     AxorB
                                 </font>
@@ -343,7 +343,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="262" y="122" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
+                <text x="262" y="122" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     AxorB
                 </text>
             </switch>

.pic/Labs/lab_01_adder/fig_05.drawio.svg

@@ -1,130 +1,130 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="688px" height="261px" viewBox="-0.5 -0.5 688 261" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;vIFdLFldFiNmgBTJKWGG&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="688px" height="261px" viewBox="-0.5 -0.5 688 261" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;vIFdLFldFiNmgBTJKWGG&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 107 50 L 597 50" fill="none" stroke="#cccc00" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 137 90 L 597 90" fill="none" stroke="#2673bf" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 117 210 L 596 210" fill="none" stroke="#4e9c00" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 467 150 L 433.37 150" fill="none" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 428.12 150 L 435.12 146.5 L 433.37 150 L 435.12 153.5 Z" fill="#cc99ff" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="467" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all"/>
+        <path d="M 107 50 L 597 50" fill="none" stroke="#cccc00" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 137 90 L 597 90" fill="none" stroke="#2673bf" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 117 210 L 596 210" fill="none" stroke="#4e9c00" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 467 150 L 433.37 150" fill="none" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cc99ff, #9765c6);"/>
+        <path d="M 428.12 150 L 435.12 146.5 L 433.37 150 L 435.12 153.5 Z" fill="#cc99ff" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cc99ff, #9765c6); stroke: light-dark(#cc99ff, #9765c6);"/>
+        <rect x="467" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 150px; margin-left: 468px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 fulladder0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="512" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="512" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     fulladder0
                 </text>
             </switch>
         </g>
-        <path d="M 337 150 L 303.37 150" fill="none" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 298.12 150 L 305.12 146.5 L 303.37 150 L 305.12 153.5 Z" fill="#cc99ff" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="337" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all"/>
+        <path d="M 337 150 L 303.37 150" fill="none" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cc99ff, #9765c6);"/>
+        <path d="M 298.12 150 L 305.12 146.5 L 303.37 150 L 305.12 153.5 Z" fill="#cc99ff" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cc99ff, #9765c6); stroke: light-dark(#cc99ff, #9765c6);"/>
+        <rect x="337" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 150px; margin-left: 338px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 fulladder1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="382" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="382" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     fulladder1
                 </text>
             </switch>
         </g>
-        <path d="M 207 150 L 173.37 150" fill="none" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 168.12 150 L 175.12 146.5 L 173.37 150 L 175.12 153.5 Z" fill="#cc99ff" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="207" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all"/>
+        <path d="M 207 150 L 173.37 150" fill="none" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cc99ff, #9765c6);"/>
+        <path d="M 168.12 150 L 175.12 146.5 L 173.37 150 L 175.12 153.5 Z" fill="#cc99ff" stroke="#cc99ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cc99ff, #9765c6); stroke: light-dark(#cc99ff, #9765c6);"/>
+        <rect x="207" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 150px; margin-left: 208px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 fulladder2
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="252" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="252" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     fulladder2
                 </text>
             </switch>
         </g>
-        <rect x="77" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all"/>
+        <rect x="77" y="130" width="90" height="40" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 150px; margin-left: 78px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 fulladder3
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="122" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="122" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     fulladder3
                 </text>
             </switch>
         </g>
-        <path d="M 597 150 L 563.37 149.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 558.12 149.86 L 565.13 146.39 L 563.37 149.88 L 565.11 153.39 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 108 50 L 107.39 123.83" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 107.35 129.08 L 103.91 122.05 L 107.39 123.83 L 110.91 122.11 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 137 90 L 137 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 137 128.88 L 133.5 121.88 L 137 123.63 L 140.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 267 93 L 267 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="267" cy="90" rx="3" ry="3" fill="#2673bf" stroke="#2673bf" pointer-events="all"/>
-        <path d="M 267 128.88 L 263.5 121.88 L 267 123.63 L 270.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 397 93 L 397 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="397" cy="90" rx="3" ry="3" fill="#2673bf" stroke="#2673bf" pointer-events="all"/>
-        <path d="M 397 128.88 L 393.5 121.88 L 397 123.63 L 400.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 527 93 L 527 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="527" cy="90" rx="3" ry="3" fill="#2673bf" stroke="#2673bf" pointer-events="all"/>
-        <path d="M 527 128.88 L 523.5 121.88 L 527 123.63 L 530.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 237.64 52.8 L 237.05 123.63" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="237.66" cy="49.8" rx="3" ry="3" fill="#cccc00" stroke="#cccc00" pointer-events="all"/>
-        <path d="M 237.01 128.88 L 233.57 121.85 L 237.05 123.63 L 240.57 121.91 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 367.64 52.8 L 367.05 123.63" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="367.66" cy="49.8" rx="3" ry="3" fill="#cccc00" stroke="#cccc00" pointer-events="all"/>
-        <path d="M 367.01 128.88 L 363.57 121.85 L 367.05 123.63 L 370.57 121.91 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 497.64 52.8 L 497.05 123.63" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <ellipse cx="497.66" cy="49.8" rx="3" ry="3" fill="#cccc00" stroke="#cccc00" pointer-events="all"/>
-        <path d="M 497.01 128.88 L 493.57 121.85 L 497.05 123.63 L 500.57 121.91 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 117 170 L 117 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 117 208.88 L 113.5 201.88 L 117 203.63 L 120.5 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 251.76 170 L 251.76 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 251.76 208.88 L 248.26 201.88 L 251.76 203.63 L 255.26 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 381.76 170 L 381.76 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 381.76 208.88 L 378.26 201.88 L 381.76 203.63 L 385.26 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 511.76 170 L 511.76 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 511.76 208.88 L 508.26 201.88 L 511.76 203.63 L 515.26 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 77 150 L 27 150 L 27 203.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27 208.88 L 23.5 201.88 L 27 203.63 L 30.5 201.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 597 150 L 563.37 149.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 558.12 149.86 L 565.13 146.39 L 563.37 149.88 L 565.11 153.39 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 108 50 L 107.39 123.83" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 107.35 129.08 L 103.91 122.05 L 107.39 123.83 L 110.91 122.11 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 137 90 L 137 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 137 128.88 L 133.5 121.88 L 137 123.63 L 140.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 267 93 L 267 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#2673bf, #3a85d3);"/>
+        <ellipse cx="267" cy="90" rx="3" ry="3" fill="#2673bf" stroke="#2673bf" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 267 128.88 L 263.5 121.88 L 267 123.63 L 270.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 397 93 L 397 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#2673bf, #3a85d3);"/>
+        <ellipse cx="397" cy="90" rx="3" ry="3" fill="#2673bf" stroke="#2673bf" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 397 128.88 L 393.5 121.88 L 397 123.63 L 400.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 527 93 L 527 123.63" fill="none" stroke="#2673bf" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#2673bf, #3a85d3);"/>
+        <ellipse cx="527" cy="90" rx="3" ry="3" fill="#2673bf" stroke="#2673bf" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 527 128.88 L 523.5 121.88 L 527 123.63 L 530.5 121.88 Z" fill="#2673bf" stroke="#2673bf" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#2673bf, #3a85d3); stroke: light-dark(#2673bf, #3a85d3);"/>
+        <path d="M 237.64 52.8 L 237.05 123.63" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cccc00, #808000);"/>
+        <ellipse cx="237.66" cy="49.8" rx="3" ry="3" fill="#cccc00" stroke="#cccc00" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 237.01 128.88 L 233.57 121.85 L 237.05 123.63 L 240.57 121.91 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 367.64 52.8 L 367.05 123.63" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cccc00, #808000);"/>
+        <ellipse cx="367.66" cy="49.8" rx="3" ry="3" fill="#cccc00" stroke="#cccc00" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 367.01 128.88 L 363.57 121.85 L 367.05 123.63 L 370.57 121.91 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 497.64 52.8 L 497.05 123.63" fill="none" stroke="#cccc00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#cccc00, #808000);"/>
+        <ellipse cx="497.66" cy="49.8" rx="3" ry="3" fill="#cccc00" stroke="#cccc00" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 497.01 128.88 L 493.57 121.85 L 497.05 123.63 L 500.57 121.91 Z" fill="#cccc00" stroke="#cccc00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#cccc00, #808000); stroke: light-dark(#cccc00, #808000);"/>
+        <path d="M 117 170 L 117 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 117 208.88 L 113.5 201.88 L 117 203.63 L 120.5 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#4e9c00, #458c00); stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 251.76 170 L 251.76 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 251.76 208.88 L 248.26 201.88 L 251.76 203.63 L 255.26 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#4e9c00, #458c00); stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 381.76 170 L 381.76 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 381.76 208.88 L 378.26 201.88 L 381.76 203.63 L 385.26 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#4e9c00, #458c00); stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 511.76 170 L 511.76 203.63" fill="none" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 511.76 208.88 L 508.26 201.88 L 511.76 203.63 L 515.26 201.88 Z" fill="#4e9c00" stroke="#4e9c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#4e9c00, #458c00); stroke: light-dark(#4e9c00, #458c00);"/>
+        <path d="M 77 150 L 27 150 L 27 203.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 27 208.88 L 23.5 201.88 L 27 203.63 L 30.5 201.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
         <rect x="607" y="130" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 145px; margin-left: 609px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 carry_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="609" y="149" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="609" y="149" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     carry_i
                 </text>
             </switch>
@@ -135,13 +135,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 85px; margin-left: 609px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="609" y="89" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="609" y="89" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     b_i
                 </text>
             </switch>
@@ -152,13 +152,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 45px; margin-left: 609px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a_i
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="609" y="49" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="609" y="49" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     a_i
                 </text>
             </switch>
@@ -169,13 +169,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 205px; margin-left: 609px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 s_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="609" y="209" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="609" y="209" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     s_o
                 </text>
             </switch>
@@ -186,13 +186,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 48px; height: 1px; padding-top: 140px; margin-left: 29px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 carry_o
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="29" y="144" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="29" y="144" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     carry_o
                 </text>
             </switch>
@@ -203,13 +203,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 35px; margin-left: 109px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="109" y="39" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="109" y="39" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -220,13 +220,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 35px; margin-left: 239px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="239" y="39" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="239" y="39" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -237,13 +237,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 35px; margin-left: 369px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="369" y="39" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="369" y="39" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -254,13 +254,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 35px; margin-left: 499px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="499" y="39" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="499" y="39" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -271,13 +271,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 75px; margin-left: 139px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="139" y="79" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="139" y="79" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -288,13 +288,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 75px; margin-left: 269px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="269" y="79" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="269" y="79" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -305,13 +305,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 75px; margin-left: 399px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="399" y="79" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="399" y="79" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -322,13 +322,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 75px; margin-left: 529px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="529" y="79" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="529" y="79" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -339,13 +339,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 225px; margin-left: 114px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="114" y="229" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="114" y="229" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -356,13 +356,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 225px; margin-left: 249px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="249" y="229" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="249" y="229" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -373,13 +373,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 225px; margin-left: 379px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="379" y="229" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="379" y="229" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -390,13 +390,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 225px; margin-left: 509px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="509" y="229" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="509" y="229" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -407,13 +407,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 225px; margin-left: 23px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="23" y="229" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="23" y="229" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -424,13 +424,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 140px; margin-left: 449px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="449" y="144" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="449" y="144" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -441,13 +441,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 140px; margin-left: 319px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="319" y="144" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="319" y="144" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -458,13 +458,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 140px; margin-left: 189px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="189" y="144" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="189" y="144" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -475,13 +475,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 8px; height: 1px; padding-top: 140px; margin-left: 579px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 0
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="579" y="144" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="579" y="144" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     0
                 </text>
             </switch>
@@ -492,7 +492,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 70px; margin-left: 32px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <div>
                                     1011
                                 </div>
@@ -507,7 +507,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="61" y="74" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="61" y="74" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1011...
                 </text>
             </switch>
@@ -518,25 +518,25 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 9px; height: 1px; padding-top: 61px; margin-left: 38px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 +
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="42" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="42" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     +
                 </text>
             </switch>
         </g>
-        <path d="M 38.25 78 L 74 78" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 38.25 78 L 74 78" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="42" y="33" width="30" height="22" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 44px; margin-left: 43px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <font face="Comic Sans MS" style="font-size: 12px;">
                                     . . .
                                     <br/>
@@ -545,7 +545,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="57" y="48" fill="#000000" font-family="Courier New" font-size="12px" text-anchor="middle">
+                <text x="57" y="48" fill="#000000" font-family="Courier New" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     . . .
                 </text>
             </switch>
@@ -556,13 +556,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 185px; margin-left: 519px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 s_o[0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="519" y="189" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="519" y="189" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     s_o[0]
                 </text>
             </switch>
@@ -573,13 +573,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 185px; margin-left: 389px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 s_o[1]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="389" y="189" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="389" y="189" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     s_o[1]
                 </text>
             </switch>
@@ -590,13 +590,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 185px; margin-left: 259px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 s_o[2]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="259" y="189" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="259" y="189" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     s_o[2]
                 </text>
             </switch>
@@ -607,13 +607,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 185px; margin-left: 124px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 s_o[3]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="124" y="189" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="124" y="189" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     s_o[3]
                 </text>
             </switch>
@@ -624,13 +624,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 529px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b_i[0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="529" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="529" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     b_i[0]
                 </text>
             </switch>
@@ -641,13 +641,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 399px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b_i[1]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="399" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="399" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     b_i[1]
                 </text>
             </switch>
@@ -658,13 +658,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 269px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b_i[2]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="269" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="269" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     b_i[2]
                 </text>
             </switch>
@@ -675,13 +675,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 139px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 b_i[3]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="139" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="139" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     b_i[3]
                 </text>
             </switch>
@@ -692,13 +692,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 329px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a_i[1]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="329" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="329" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     a_i[1]
                 </text>
             </switch>
@@ -709,13 +709,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 459px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a_i[0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="459" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="459" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     a_i[0]
                 </text>
             </switch>
@@ -726,13 +726,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 199px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a_i[2]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="199" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="199" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     a_i[2]
                 </text>
             </switch>
@@ -743,13 +743,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 105px; margin-left: 74px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 a_i[3]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="74" y="109" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="74" y="109" fill="#000000" font-family="Helvetica" font-size="12px" style="fill: light-dark(#000000, #ffffff);">
                     a_i[3]
                 </text>
             </switch>
@@ -760,13 +760,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 9px; height: 1px; padding-top: 85px; margin-left: 38px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 1
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="42" y="88" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="42" y="88" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     1
                 </text>
             </switch>
@@ -777,13 +777,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 159px; margin-left: 447px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 c[0]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="447" y="163" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="447" y="163" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     c[0]
                 </text>
             </switch>
@@ -794,13 +794,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 159px; margin-left: 317px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 c[1]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="317" y="163" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="317" y="163" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     c[1]
                 </text>
             </switch>
@@ -811,13 +811,13 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 159px; margin-left: 187px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 c[2]
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="187" y="163" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="187" y="163" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     c[2]
                 </text>
             </switch>

.pic/Labs/lab_02_alu.drawio.svg

@@ -1,20 +1,20 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="648px" height="825px" viewBox="-0.5 -0.5 648 825" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;m_6q7PzkZUGjY-4O-PXx&quot;&gt;7ZtLc+M2DIB/jY/LIfjmMUm320M77Uym07NWZmx1ZdGVmcTpry/0svWwN2kst3EiHzwiKBEU+IEA4WTGb1bbL3m0Xv7i5y6dMTrfzvgPM8YAFH4XgqdKwI2pBIs8mdf37AW3yd+uK7xP5m7TEQXv05Csu8LYZ5mLQ0cW5bl/7N5259Ou0nW0cAPBbRylQ+kfyTwsK6lhei//ySWLZdi9rq16vkbxt0Xu77Na34zxu/JTda+iZixaCTbLaO4fWyL+ecZvcu9DdbXa3ri0sGxjteq5H4/07uaduyy85AFWPfAQpfeumXE5r/DU2MJl86vCpNjKfIbC62VYpdgCvCxf1RWDUWzd+SzUawkC25sQ5Y1AYRuHarViv0ri+slNyP03d+NTn5daOS0/2PNnsliUU6FE1ioO3VYN0CwW20l+XUdxEgoKeTnDJE17ouC2oScaWrE2rJt3uKlt+sX5lQv5E97wuKdF1ku8bIHSyHKXRiF56NIW1dAudsPtNPzmE5wJo7V7GU6JUporS6k2lNdY1r5mJSWgmeYCGNPQQNsMv/H3eezqEdto9JRoq4kUVipjORcGbFeJAKJAgpActBRSdZXgwi9cGCjBi5a59qKSysOE8onQ90co1YQbobHTKqONeB2hBgQBagQSqqkSrEcoSGIF49pYyqiQ7FyEionQ90coE0RYa5XWVDNgFw2ovDRAJxB3kBgDBGM4ZVwZ4FqbcwRzBJAwZRUwYZQU4mzBXE0kfnQST8oMxiNRXxqJU9D+r4L2KYer8QA1E6AXCOhJcfbCTub2AKEqRXtef8WLRSiXqxIUbHTYVX/d+6bj06Yk7wpvAL3eVo/V/fuBdmPhtKrhuipQ3FLb85SCpK57dLGu3adgsCeK0mSRYTNG4BzKrx9cHpI4Sq/qjlUynxdqrh+XSXC3iGuh8zGP1s86Ye4DsuaLUT4xTXuOd8yfDmYo4zpT8Y5u+1132qEoCBW4WYLUUu2qNa1orikIRo1hStn6INJyRcYJbrECTP09dExQuN9iSsCMAK0kF8ddssPyd8AF+vze2l25Q2vbgumAuQ8uy3nWgHGuOmaXwAeGBjOC3WBkux11wv/PmL3NVDRxuG3KESzJ3r8lLTcdU3IxpFIO/d2OYN0X1Iwv3rqs6/MA8gCpcB77fqCKJ9BhPK1kbz0VBUENwTzQSEMxF+SKdYDRGHo5O1p9fGkuCgLTzSKnlQag+O5mAJoDMXp3JIMefeMlo3BxRc6JySGTCpM9oLzY3jRiw1/LJBNEA9WoxTBhdY9JiccnuT/Cn63GBBdX7pyYHDIpDLF2f5x+5a/pb4bJD1T4fL9MWiDacGosJtUcw+t5YrfhBN9IUiq5wSPL+WL3B6p1HmeynHb9whOj42QMIzJ6qNo5MXrhjI4V2085aY3HKDtU16yq45t1lDXV8auff28Vzds9A6Lfft3c9svmMd4cJVmh89+X0U/3ChipDPkMUhIIcCEFw1sM18PKmrBEaaUpBQBhkMGhjwEjhituOKNaS9r/KfM1lSH2ggrxtEu+vV3ylDzwjVeKsLn/c/rq9v1/LPDP/wA=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="648px" height="825px" viewBox="-0.5 -0.5 648 825" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;m_6q7PzkZUGjY-4O-PXx&quot;&gt;7ZtLc+M2DIB/jY/LIfjmMUm320M77Uym07NWZmx1ZdGVmcTpry/0svWwN2kst3EiHzwiKBEU+IEA4WTGb1bbL3m0Xv7i5y6dMTrfzvgPM8YAFH4XgqdKwI2pBIs8mdf37AW3yd+uK7xP5m7TEQXv05Csu8LYZ5mLQ0cW5bl/7N5259Ou0nW0cAPBbRylQ+kfyTwsK6lhei//ySWLZdi9rq16vkbxt0Xu77Na34zxu/JTda+iZixaCTbLaO4fWyL+ecZvcu9DdbXa3ri0sGxjteq5H4/07uaduyy85AFWPfAQpfeumXE5r/DU2MJl86vCpNjKfIbC62VYpdgCvCxf1RWDUWzd+SzUawkC25sQ5Y1AYRuHarViv0ri+slNyP03d+NTn5daOS0/2PNnsliUU6FE1ioO3VYN0CwW20l+XUdxEgoKeTnDJE17ouC2oScaWrE2rJt3uKlt+sX5lQv5E97wuKdF1ku8bIHSyHKXRiF56NIW1dAudsPtNPzmE5wJo7V7GU6JUporS6k2lNdY1r5mJSWgmeYCGNPQQNsMv/H3eezqEdto9JRoq4kUVipjORcGbFeJAKJAgpActBRSdZXgwi9cGCjBi5a59qKSysOE8onQ90co1YQbobHTKqONeB2hBgQBagQSqqkSrEcoSGIF49pYyqiQ7FyEionQ90coE0RYa5XWVDNgFw2ovDRAJxB3kBgDBGM4ZVwZ4FqbcwRzBJAwZRUwYZQU4mzBXE0kfnQST8oMxiNRXxqJU9D+r4L2KYer8QA1E6AXCOhJcfbCTub2AKEqRXtef8WLRSiXqxIUbHTYVX/d+6bj06Yk7wpvAL3eVo/V/fuBdmPhtKrhuipQ3FLb85SCpK57dLGu3adgsCeK0mSRYTNG4BzKrx9cHpI4Sq/qjlUynxdqrh+XSXC3iGuh8zGP1s86Ye4DsuaLUT4xTXuOd8yfDmYo4zpT8Y5u+1132qEoCBW4WYLUUu2qNa1orikIRo1hStn6INJyRcYJbrECTP09dExQuN9iSsCMAK0kF8ddssPyd8AF+vze2l25Q2vbgumAuQ8uy3nWgHGuOmaXwAeGBjOC3WBkux11wv/PmL3NVDRxuG3KESzJ3r8lLTcdU3IxpFIO/d2OYN0X1Iwv3rqs6/MA8gCpcB77fqCKJ9BhPK1kbz0VBUENwTzQSEMxF+SKdYDRGHo5O1p9fGkuCgLTzSKnlQag+O5mAJoDMXp3JIMefeMlo3BxRc6JySGTCpM9oLzY3jRiw1/LJBNEA9WoxTBhdY9JiccnuT/Cn63GBBdX7pyYHDIpDLF2f5x+5a/pb4bJD1T4fL9MWiDacGosJtUcw+t5YrfhBN9IUiq5wSPL+WL3B6p1HmeynHb9whOj42QMIzJ6qNo5MXrhjI4V2085aY3HKDtU16yq45t1lDXV8auff28Vzds9A6Lfft3c9svmMd4cJVmh89+X0U/3ChipDPkMUhIIcCEFw1sM18PKmrBEaaUpBQBhkMGhjwEjhituOKNaS9r/KfM1lSH2ggrxtEu+vV3ylDzwjVeKsLn/c/rq9v1/LPDP/wA=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 34.67 607.17 L 1.55 598.62" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 564.38 L 18.11 572.94" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 581.5 L 18.11 572.94" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 538.71 L 1.55 547.27" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 538.71 L 34.67 564.38" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 34.67 581.5 L 34.67 607.17" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 1.55 547.27 L 1.55 598.62" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 34.67 607.17 L 1.55 598.62" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 564.38 L 18.11 572.94" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 581.5 L 18.11 572.94" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 538.71 L 1.55 547.27" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 538.71 L 34.67 564.38" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 34.67 581.5 L 34.67 607.17" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 1.55 547.27 L 1.55 598.62" fill="none" stroke="#000000" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="-1.95" y="564.7" width="23.8" height="16.17" fill="none" stroke="none" transform="rotate(-270,9.95,572.79)" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)rotate(-270 9.949070977331644 572.7883423035521)" opacity="0.3">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 573px; margin-left: -1px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <b>
                                     <font style="font-size: 17px;">
                                         +
@@ -24,26 +24,26 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="10" y="577" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
+                <text x="10" y="577" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     +
                 </text>
             </switch>
         </g>
-        <rect x="142" y="0" width="5" height="9" fill-opacity="0.3" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
-        <rect x="130" y="815" width="11" height="9" fill-opacity="0.3" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
-        <path d="M 612.15 380.32 L 645.27 388.88" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 612.15 423.11 L 628.71 414.55" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 612.15 406 L 628.71 414.55" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 612.15 448.78 L 645.27 440.23" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 612.15 448.78 L 612.15 423.11" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 612.15 406 L 612.15 380.32" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <rect x="142" y="0" width="5" height="9" fill-opacity="0.3" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
+        <rect x="130" y="815" width="11" height="9" fill-opacity="0.3" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
+        <path d="M 612.15 380.32 L 645.27 388.88" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 612.15 423.11 L 628.71 414.55" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 612.15 406 L 628.71 414.55" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 612.15 448.78 L 645.27 440.23" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 612.15 448.78 L 612.15 423.11" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
+        <path d="M 612.15 406 L 612.15 380.32" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
         <rect x="612.15" y="408.13" width="49.68" height="12.84" fill="none" stroke="none" transform="rotate(-90,636.99,414.55)" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)rotate(-90 636.9902081010775 414.55273412271254)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 415px; margin-left: 613px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                 <span>
                                     ALU
                                 </span>
@@ -51,12 +51,12 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="637" y="419" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold">
+                <text x="637" y="419" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold" style="fill: light-dark(#000000, #ffffff);">
                     ALU
                 </text>
             </switch>
         </g>
-        <path d="M 645.27 440.23 L 645.27 388.88" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 645.27 440.23 L 645.27 388.88" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

.pic/Labs/lab_02_alu/fig_01.drawio.svg

@@ -1,13 +1,13 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="227px" height="202px" viewBox="-0.5 -0.5 227 202" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;h3QnM2MJQe2oFmd090kK&quot;&gt;7Vpdc+smEP01fowHCX0+xnZy+5B2Mk077X3EFpbplYWLcWz31xckkADJieI49yZNPRkHFljQ7p4DizyC0/XhC0Ob1c80w8XIB9lhBGcj3/e8SHxLwbEWwCSpBTkjmerTCh7IP9gW7kiGt5aIU1pwsrGFC1qWeMEtGWKM7u1uS1rYk25QjjuChwUqutI/SMZXzVOlbcNPmOQrNXXix3XDHC2+5YzuSjXfyIfL6lM3r5HWBWrBdoUyujdE8GYEp4xSXpfWhykupGW11epxtydam3UzXPIhA/x6wCMqdlivOCrE0MmSCg1igfyojBL9vaO64WpbeexadIBgI5w+adtFKa/+z8AoBdV3Vb6GWrVYTq1ddawt0UzkP2LGiXDGHZrj4p5uCSe0FE1zyjldixG6w3VBctnA6UZIV3xdiIonisKsG6lsfchleI7naEsW4w0tjrnUNJGlKaUsq+IknIg/MA6CkT8Fo1AsYVoJQlkX34Yksrp4zgAZ5FPPEPihI/CgLdAKxF+9qoKUcuFAPsQGLUiZ/yYfbnYVAGV7BRYvabvc4aX09pUvRZzRb03U+o19zZhQYSLNiA+GSMXIF0zXmLOj6KJaYaQCRcE58mFd3xvogArzKwMYkcIFUoDMG9VtUIqCisv+GIWdAMGZQKuqUsZXVHgVFTetdFJBEGfKkm2fO1pZU8bIX5jzozIm2nFqRxAus2tJJKJaUukSKbklcpG1c4abeUt3bIEtvMkHeNLuDBeIk0ebjvqMqIbeU1LBVfkrgMDyV+yq4IjlmKtRrSvEI6Oj0W0jO2w7zmoWOsh/wdtxzPVQShFxzh2KqBw4pQVlrY+XwsGOCCmOWQi3YtZDPmuSZVXM7VeE4weBSDnnXvBOJw4r+KpF+TacIbgQUuPE8nwYBh2k6s3HBKoOmNcANfwhQD0Q/qcaLstfZVmQdl2bHYym2VFXSvFk1aBxCj0tUCPjQAvawVWtHT2EGnQYiRMAAPHt7a3Wc48ZEaaVsfRSJqlR+12ZJIT+ODU+dnQFvt2aDmKZnkk8e3uJvHFoq6pJ9AWEdWImELkzPb2yp/uLQr2Cc7kxOsmNpOWyC5Hl5CRZNmLyEQjUOP/IugU0+bkMkQZhehaR+qkbuudQadwTFy63dmjIcI5tthdQzLN8Yjx+2PP4WvbaA0wU2NZPO2Y9wQhdVbGjKoldVSd46gw8Jx2//dK7KVapje2y4ThhWKAdzQudKCjSU5mMzCQKqX7S5KIuSA0URZ1jSScydCy60GnSb7WUkZnC9kEKjCM/sFF15V0kXOxdyRlOl8stfq1j008OSJhAeyMEzoFxKBxhaisK9c3Q5cHogf8gGnUgfmo0el7Hs58LjoFOtnSCD5yj9+DdEdqKotS5sbkgHLuXjR8fjt6pg+XnwiPswWOdVWw3qHxV2tJJiH7F213B+7OWRlZP+38yo1Du2WfgWGcuZjITdtnqMsmMnvzN2Pr0jct75/EQOMeqqJOcDGXy0HNUheHb5Tle2HFpj0/fN5f3IO501OgQfsc0b9+h6Wi4LM9HvU7+Xle8zbXuV6Pl2SveOImsK95nr3cHXdI+dwt8knnM10HKnG96rzuYpeMP6FsvSUzfXoExAOE5Dn6j933Be3Jw93LKuVteNFzYHsIkK1a/X2hFr3lhd/f7VHRltPiAb+6MN3XuTsIoR+pXCumlzmyxk5nB7pnNi3reuYfpi2NFVNvfnNT7QvuzHnjzLw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="227px" height="202px" viewBox="-0.5 -0.5 227 202" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;h3QnM2MJQe2oFmd090kK&quot;&gt;7Vpdc+smEP01fowHCX0+xnZy+5B2Mk077X3EFpbplYWLcWz31xckkADJieI49yZNPRkHFljQ7p4DizyC0/XhC0Ob1c80w8XIB9lhBGcj3/e8SHxLwbEWwCSpBTkjmerTCh7IP9gW7kiGt5aIU1pwsrGFC1qWeMEtGWKM7u1uS1rYk25QjjuChwUqutI/SMZXzVOlbcNPmOQrNXXix3XDHC2+5YzuSjXfyIfL6lM3r5HWBWrBdoUyujdE8GYEp4xSXpfWhykupGW11epxtydam3UzXPIhA/x6wCMqdlivOCrE0MmSCg1igfyojBL9vaO64WpbeexadIBgI5w+adtFKa/+z8AoBdV3Vb6GWrVYTq1ddawt0UzkP2LGiXDGHZrj4p5uCSe0FE1zyjldixG6w3VBctnA6UZIV3xdiIonisKsG6lsfchleI7naEsW4w0tjrnUNJGlKaUsq+IknIg/MA6CkT8Fo1AsYVoJQlkX34Yksrp4zgAZ5FPPEPihI/CgLdAKxF+9qoKUcuFAPsQGLUiZ/yYfbnYVAGV7BRYvabvc4aX09pUvRZzRb03U+o19zZhQYSLNiA+GSMXIF0zXmLOj6KJaYaQCRcE58mFd3xvogArzKwMYkcIFUoDMG9VtUIqCisv+GIWdAMGZQKuqUsZXVHgVFTetdFJBEGfKkm2fO1pZU8bIX5jzozIm2nFqRxAus2tJJKJaUukSKbklcpG1c4abeUt3bIEtvMkHeNLuDBeIk0ebjvqMqIbeU1LBVfkrgMDyV+yq4IjlmKtRrSvEI6Oj0W0jO2w7zmoWOsh/wdtxzPVQShFxzh2KqBw4pQVlrY+XwsGOCCmOWQi3YtZDPmuSZVXM7VeE4weBSDnnXvBOJw4r+KpF+TacIbgQUuPE8nwYBh2k6s3HBKoOmNcANfwhQD0Q/qcaLstfZVmQdl2bHYym2VFXSvFk1aBxCj0tUCPjQAvawVWtHT2EGnQYiRMAAPHt7a3Wc48ZEaaVsfRSJqlR+12ZJIT+ODU+dnQFvt2aDmKZnkk8e3uJvHFoq6pJ9AWEdWImELkzPb2yp/uLQr2Cc7kxOsmNpOWyC5Hl5CRZNmLyEQjUOP/IugU0+bkMkQZhehaR+qkbuudQadwTFy63dmjIcI5tthdQzLN8Yjx+2PP4WvbaA0wU2NZPO2Y9wQhdVbGjKoldVSd46gw8Jx2//dK7KVapje2y4ThhWKAdzQudKCjSU5mMzCQKqX7S5KIuSA0URZ1jSScydCy60GnSb7WUkZnC9kEKjCM/sFF15V0kXOxdyRlOl8stfq1j008OSJhAeyMEzoFxKBxhaisK9c3Q5cHogf8gGnUgfmo0el7Hs58LjoFOtnSCD5yj9+DdEdqKotS5sbkgHLuXjR8fjt6pg+XnwiPswWOdVWw3qHxV2tJJiH7F213B+7OWRlZP+38yo1Du2WfgWGcuZjITdtnqMsmMnvzN2Pr0jct75/EQOMeqqJOcDGXy0HNUheHb5Tle2HFpj0/fN5f3IO501OgQfsc0b9+h6Wi4LM9HvU7+Xle8zbXuV6Pl2SveOImsK95nr3cHXdI+dwt8knnM10HKnG96rzuYpeMP6FsvSUzfXoExAOE5Dn6j933Be3Jw93LKuVteNFzYHsIkK1a/X2hFr3lhd/f7VHRltPiAb+6MN3XuTsIoR+pXCumlzmyxk5nB7pnNi3reuYfpi2NFVNvfnNT7QvuzHnjzLw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
     <defs/>
     <g>
-        <path d="M 60.84 72 L 69 105.5 L 77.16 72 L 137 72 L 120.68 139 L 35 139 L 18.68 139 L 1 72 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 60.84 72 L 69 105.5 L 77.16 72 L 137 72 L 120.68 139 L 35 139 L 18.68 139 L 1 72 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 106px; margin-left: 68px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                 <font style="font-size: 30px;">
                                     АЛУ
                                 </font>
@@ -15,19 +15,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="68" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="68" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     АЛУ
                 </text>
             </switch>
         </g>
-        <path d="M 69 139 L 69 159 L 69 150 L 69 170" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 69 139 L 69 159 L 69 150 L 69 170" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="17" y="3" width="20" height="30" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 18px; margin-left: 18px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                 <font style="font-size: 30px;">
                                     A
                                 </font>
@@ -35,19 +35,19 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="27" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic">
+                <text x="27" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     A
                 </text>
             </switch>
         </g>
-        <path d="M 170 110.5 L 145 110.5 L 127.62 110.46" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 170 110.5 L 145 110.5 L 127.62 110.46" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
         <rect x="98" y="3" width="20" height="29.5" fill="none" stroke="none" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 18px; margin-left: 99px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <i>
                                     <font style="font-size: 30px;">
                                         B
@@ -57,58 +57,58 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="108" y="23" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="108" y="23" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     B
                 </text>
             </switch>
         </g>
-        <path d="M 103 48.5 L 113 36.5" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 103 48.5 L 113 36.5" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 41px; margin-left: 121px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
                                 N
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="121" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="121" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     N
                 </text>
             </switch>
         </g>
-        <path d="M 22 49 L 32 37" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 22 49 L 32 37" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 41px; margin-left: 40px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
                                 N
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="40" y="46" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="40" y="46" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     N
                 </text>
             </switch>
         </g>
-        <path d="M 64 158 L 74 146" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 64 158 L 74 146" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 150px; margin-left: 82px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
                                 N
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="82" y="155" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="82" y="155" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     N
                 </text>
             </switch>
@@ -119,7 +119,7 @@
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 23px; height: 1px; padding-top: 184px; margin-left: 54px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                 <span style="font-size: 30px;">
                                     <i>
                                         Result
@@ -129,45 +129,45 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="66" y="189" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="66" y="189" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                     Res...
                 </text>
             </switch>
         </g>
-        <path d="M 142 116.5 L 152 104.5" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 142 116.5 L 152 104.5" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 121px; margin-left: 153px;">
                         <div data-drawio-colors="color: #007FFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 127, 255); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 127, 255); color: light-dark(rgb(0, 127, 255), rgb(0, 120, 243)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
                                 2
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="153" y="125" fill="#007FFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="153" y="125" fill="#007FFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(#007FFF, #0078f3);">
                     2
                 </text>
             </switch>
         </g>
-        <path d="M 108 32.5 L 107.9 72" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27 33 L 26.57 71.66" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 108 32.5 L 107.9 72" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 27 33 L 26.57 71.66" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
         <rect x="114" y="79" width="166" height="59" fill="none" stroke="none" transform="rotate(90,197,108.5)" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)rotate(90 197 108.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 164px; height: 1px; padding-top: 109px; margin-left: 115px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
-                                <font style="font-size: 30px;" color="#007fff">
+                            <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 30px; color: light-dark(#007fff, #0078f3);" color="#007fff">
                                     ALUControl
                                 </font>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="197" y="118" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic">
+                <text x="197" y="118" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                     ALUControl
                 </text>
             </switch>